#root{max-width:1280px;margin:0 auto;padding-block:3rem 7.5rem;padding-inline:2rem}.components-wrapper,.component-display{display:flex;flex-direction:column;gap:5em}.component-display{gap:1em}.toast-button{width:10em;padding:1em;border-radius:.5em;font-weight:600}.badge{width:fit-content;max-width:12em;aspect-ratio:4/1;margin:.5em;padding:.75em;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;color:#1f2937;font-size:.875em;font-weight:500;background-color:#f3f4f6;border-radius:.25em}.red{color:var(--red-font);background-color:var(--red-bg)}.yellow{color:var(--yellow-font);background-color:var(--yellow-bg)}.green{color:var(--green-font);background-color:var(--green-bg)}.blue{color:var(--blue-font);background-color:var(--blue-bg)}.indigo{color:var(--indigo-font);background-color:var(--indigo-bg)}.purple{color:var(--purple-font);background-color:var(--purple-bg)}.pink{color:var(--pink-font);background-color:var(--pink-bg)}.banner{width:fit-content;min-width:6em;max-width:820px;display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto 1fr;padding:1em;margin:.5em;border-radius:.5em;border:1px solid #CCCCCC;background-color:#f5f5f5}.row-gap{row-gap:1em}.banner-icon{grid-column:1/2;grid-row:1/2;display:grid;place-self:center;width:1em;height:1em;aspect-ratio:1/1;margin-right:.875em;color:#555}.banner-title,.banner-description{grid-column:2/3;grid-row:1/2;display:flex;align-items:center;justify-content:start;gap:.5em;font-size:.875em;color:#282828}.banner-title{font-weight:500}.banner-description{grid-column:2/3;grid-row:2/3;color:#383838}.success{background-color:var(--green-bg);border-color:var(--green-icon)}.success>.banner-icon{color:var(--green-icon)}.success>.banner-title{color:var(--green-font)}.success>.banner-description{color:var(--green-font-lt)}.warning{background-color:var(--yellow-bg);border-color:var(--yellow-icon)}.warning>.banner-icon{color:var(--yellow-icon)}.warning>.banner-title{color:var(--yellow-font)}.warning>.banner-description{color:var(--yellow-font-lt)}.error{background-color:var(--red-bg);border-color:var(--red-icon)}.error>.banner-icon{color:var(--red-icon)}.error>.banner-title{color:var(--red-font)}.error>.banner-description{color:var(--red-font-lt)}.neutral{background-color:var(--blue-bg);border-color:var(--blue-icon)}.neutral>.banner-icon{color:var(--blue-icon)}.neutral>.banner-title{color:var(--blue-font)}.neutral>.banner-description{color:var(--blue-font-lt)}.card-wrapper{position:relative;display:grid;align-items:start;max-width:24em;height:14.5em;margin:.5em;padding-top:1.5em}.card{display:flex;gap:1.25em;flex-direction:column;align-items:center;justify-content:top;width:100%;padding-inline:1.5em;padding-block:3.5em 2em;background-color:#f9fafb;border-radius:.5em;transition:.25s ease}.card:hover{box-shadow:0 0 15px #00000025;transition:.25s ease}.card-title{font-size:1.125em;color:#111827}.card-description{text-align:center;color:#6b7280}.card-icon-wrapper{position:absolute;top:0;left:0;right:0;margin-inline:auto;display:grid;place-content:center;width:fit-content;padding:.75em;background-color:var(--blue-bg-drk);border-radius:.5em;box-shadow:0 5px 10px #00000057}.card-icon{font-size:1.5em;color:#fff}.testimonial-wrapper{--border-radius: 1.25em;width:100%;max-width:920px;display:grid;grid-template-columns:4.5em auto auto 1fr;grid-template-rows:2.5em auto 2.5em;grid-template-areas:".... pict .... ...." "empt pict info info" ".... pict .... ....";color:#f5f5f5;font-size:.75rem}.no-portrait{grid-template-columns:auto;text-align:center}.testimonial-wrapper:before{content:"";grid-area:empt;background-color:#2545b8;border-radius:calc(var(--border-radius) + 1em)}.testimonial-picture-frame{grid-area:pict;place-content:center;max-width:24em;height:100%;overflow:hidden}.testimonial-picture-frame>img{display:block;width:100%;height:100%;margin:0 auto;border-radius:1em;object-fit:cover}.testimonial-info{grid-area:info;place-content:center;display:flex;flex-direction:column;gap:2em;padding-block:5em;padding-inline:2em;border-radius:0 var(--border-radius) var(--border-radius) 0}.info-quote-symbol{font-size:3em;opacity:.33}.info-quote{font-size:1.5em;font-weight:500}.info-name{font-weight:700}.info-role{margin-top:-1.5em}@media (max-width: 820px){.testimonial-wrapper{position:relative;grid-template-columns:auto;grid-template-rows:1fr 1fr auto;padding-block:2em}.testimonial-wrapper:before{content:"";width:100%;height:101%;grid-column:1/-1;grid-row:2/3;border-radius:2em 2em 0 0}.testimonial-picture-frame{grid-column:1/-1;grid-row:1/3;place-self:center;padding-inline:2em;max-width:30em;height:90%}.testimonial-info{grid-column:1/-1;grid-row:3/4;border-radius:0 0 2em 2em;padding-block:1em 3em}}.tooltip-wrapper{--tooltip-bg-color: white;--tooltip-font-color: black;position:relative;display:grid;grid-template-columns:repeat(3,auto);grid-template-rows:auto 1fr;width:100%;max-width:680px;padding-block:1.5em;padding-inline:1em;background-color:var(--tooltip-bg-color);color:var(--tooltip-font-color);border-radius:1em;font-size:.875em}.tooltip-wrapper:before{content:"";position:absolute;left:15%;bottom:-1em;width:2em;height:2em;background-color:var(--tooltip-bg-color);transform:rotate(45deg);z-index:-1}.tooltip-symbol{grid-row:1/2;grid-column:1/2;place-self:center;margin-block:auto;font-size:1.5em}.tooltip-title{grid-row:1/2;grid-column:2/3;display:flex;align-items:center;margin-left:1em}.tooltip-body{grid-row:2/3;grid-column:2/3;margin-left:1em;line-height:1.5em}.tooltip-close{grid-row:1/2;grid-column:3/4;margin-left:auto;font-size:1.5em;color:var(--tooltip-font-color)}.tooltip-close:hover{cursor:pointer;opacity:.75}.toast{position:fixed;bottom:2.5%;right:2.5%}*{box-sizing:border-box;margin:0;padding:0}:root{--red-font: #991b1b;--red-font-lt: #b45309;--red-bg: #fee2e2;--red-icon: #f87171;--yellow-font: #92400e;--yellow-font-lt: #b45309;--yellow-bg: #fef3c7;--yellow-icon: #fbbf24;--green-font: #065f46;--green-font-lt: #047857;--green-bg: #d1fae5;--green-icon: #34d399;--blue-font: #1e40af;--blue-font-lt: #1c51b9;--blue-bg: #dbeafe;--blue-bg-drk: #3F75FE;--blue-icon: #60a5fa;--indigo-font: #3730a3;--indigo-bg: #e0e7ff;--purple-font: #5b21b6;--purple-bg: #ede9fe;--pink-font: #9d174d;--pink-bg: #fce7f3;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;font-size:16px;color-scheme:light dark;color:#373737de;background-color:#e5e7eb;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}