@import url("./variables.css");.charity___module { container-name:charity___module; container-type:inline-size; .example-con{ display:flex; flex-direction:row; gap:var(--gutter-double); .example-intro{ flex:1 1 auto; font-size:var(--fontSizeH3); line-height:1.5; color:var(--gray); } .rpt-con{ flex:0 0 400px; h3{ margin-top:0px; } .count{ --w:var(--gutter-double); --radius:calc(var(--w) / 2); display:flex; flex-direction:row; align-items:center; padding:3px; border-radius:var(--radius); background:color-mix(in srgb, var(--brandColor) 20%, transparent); width:fit-content; padding-right:var(--gutter-half); .num{ background-color:var(--brandColor); color:var(--brandColorOffset); text-align:center; line-height:var(--w); border-radius:var(--radius); width:var(--w); margin-right:var(--gutter-half); display:inline-block; font-size:var(--fontSizeH3); } .sub{ font-size:var(--fontSize); vertical-align:middle; } } table.examples{ width:100%; td, th{ padding-bottom:var(--gutter); padding-right:var(--gutter); &:nth-child(2){ text-align:right; padding-right:0px; } } tr{ vertical-align:top; td{ strong{ margin-bottom:0px; display:block; } p{ display:inline-block; margin-bottom:0px; border-right:1px var(--gray) solid; margin-right:0.5em; padding-right:0.5em; font-size:var(--fontSizeSmall); text-transform:uppercase; &:last-of-type{ border-right:none; } } } } } } @container charity___module (max-width:800px){ flex-direction:column; .rpt-con{ text-align:center; .count{ justify-content:center; margin-left:auto; margin-right:auto; } } } } }/* Cache CSSParserMiddleware_www.synchub.io_/Pages/styles/charity.css_False_HTML_32607070846 7 Jul 13:36:14Z */