.sec-CharityProgress{grid-template-columns:1fr;gap:30px;display:grid;margin:50px 0;background-color:var(--BackgroundColour);color:var(--Color_Brand)}@media only screen and (min-width: 768px){.sec-CharityProgress{grid-template-columns:repeat(12,1fr);margin:150px 0;padding:0 30px}}.sec-CharityProgress-padded{margin:0;padding-block-start:var(--Padding);padding-block-end:50px}@media only screen and (min-width: 901px){.sec-CharityProgress-padded{--VerticalPadding: 100px;margin:0;padding-block-start:var(--VerticalPadding);padding-block-end:var(--VerticalPadding)}}.sec-CharityProgress-textLight{color:#fff}.sec-CharityProgress_Header{text-align:center}@media only screen and (min-width: 768px){.sec-CharityProgress_Header{grid-column:4 / 10}}.sec-CharityProgress_Kicker{margin-block-end:20px}.sec-CharityProgress_Content{margin-block-start:15px}.sec-CharityProgress_Progress{position:relative}@media only screen and (min-width: 768px){.sec-CharityProgress_Progress{grid-column:2 / 12}}.sec-CharityProgress_ProgressSteps{position:absolute;top:0;bottom:0;left:calc(50% - 20px);align-items:flex-end;flex-direction:column;justify-content:space-between;display:flex;text-align:right;transform:translate(-100%)}@media only screen and (min-width: 768px){.sec-CharityProgress_ProgressSteps{position:static;flex-direction:row;margin-block-end:20px;text-align:left;transform:none}}.sec-CharityProgress_ProgressStepWrapper{align-items:center;flex-direction:column;display:flex;gap:10px;opacity:.5}.sec-CharityProgress_ProgressStepWrapper-active{opacity:1}.sec-CharityProgress_ProgressStepWrapper:not(.sec-CharityProgress_ProgressStepWrapper-active) svg{display:none}@media only screen and (min-width: 768px){.sec-CharityProgress_ProgressStepWrapper:first-child{transform:translate(-50%)}.sec-CharityProgress_ProgressStepWrapper:last-child{transform:translate(50%)}}.sec-CharityProgress_ProgressBar{position:relative;display:block;width:100%;height:10px;margin:0 auto;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none}@media only screen and (max-width: 767px){.sec-CharityProgress_ProgressBar{writing-mode:vertical-lr;width:10px;height:400px}}.sec-CharityProgress_ProgressBar::-webkit-progress-bar{background-color:rgba(var(--Color_CapeCod-rgb),.1);border:none;border-radius:100px}.sec-CharityProgress_ProgressBar::-webkit-progress-value{position:relative;background-color:var(--Color_Nude);border-radius:100px}.sec-CharityProgress_ProgressBar:after{content:"";position:absolute;top:calc(var(--percentage_across) - 9px);left:50%;width:6px;height:6px;background-color:var(--Color_White);border-radius:100%;transform:translate(-50%)}@media only screen and (min-width: 768px){.sec-CharityProgress_ProgressBar:after{top:50%;left:calc(var(--percentage_across) - 9px);transform:translateY(-50%)}}.sec-CharityProgress_Widget{display:none}.sec-CharityProgress_Actions{text-align:center}@media only screen and (min-width: 768px){.sec-CharityProgress_Actions{grid-column:1 / 13}}.sec-CharityProgress_Action[aria-hidden=true]{display:none}
/*# sourceMappingURL=/cdn/shop/t/1192/assets/section-charity-progress.css.map */