/* AnimatedList by React Bits, adapted to a static informational list. */
.treatment-list-wrap{position:relative;margin-bottom:18px;--fade-top:0;--fade-bottom:0}
.physio-treatments .treatment-list{list-style:none;max-height:340px;overflow-y:auto;padding:8px 10px;margin:0;scrollbar-width:thin;scrollbar-color:#799bae #edf4f7;scroll-padding-block:18px;border-radius:6px}
.physio-treatments .treatment-list li{padding:16px;margin:0 0 12px;background:#e7f1f6;border:1px solid #cadfe9;border-radius:9px;color:#12354b;line-height:1.5;transition:background .2s,border-color .2s;transform-origin:center}
.physio-treatments .treatment-list li:last-child{margin-bottom:0}
.physio-treatments .treatment-list li:hover{background:#cce3ed;border-color:#799bae}
.treatment-list:focus-visible{outline:3px solid #c18520;outline-offset:2px}
.treatment-list-wrap::before,.treatment-list-wrap::after{content:"";position:absolute;left:0;right:12px;height:28px;z-index:1;pointer-events:none;transition:opacity .2s}
.treatment-list-wrap::before{top:0;background:linear-gradient(#fff,transparent);opacity:var(--fade-top)}
.treatment-list-wrap::after{bottom:0;background:linear-gradient(transparent,#fff);opacity:var(--fade-bottom)}
@media(prefers-reduced-motion:reduce){.physio-treatments .treatment-list li,.treatment-list-wrap::before,.treatment-list-wrap::after{transition:none}}
