.ccmp{position:relative;padding:64px 20px;text-align:center}.ccmp__header{max-width:640px;margin:0 auto 40px}.ccmp__eyebrow{font-size:12px;letter-spacing:.08em;text-transform:uppercase;opacity:.6;margin:0 0 8px}.ccmp__header h2{font-size:clamp(26px,4vw,40px);font-weight:600;margin:0 0 8px}.ccmp__subheading{font-size:16px;opacity:.75;margin:0}.ccmp__annotation{position:absolute;top:12px;right:max(20px,calc((100% - 1000px)/2 + 16px));display:flex;flex-direction:column;align-items:flex-end;gap:2px;color:inherit;opacity:.85}.ccmp__annotation-text{font-size:13px;font-weight:600;font-style:italic;text-align:right;max-width:130px;line-height:1.2}.ccmp__annotation-arrow{transform:scaleX(-1)}@media screen and (max-width:749px){.ccmp__annotation{display:none}}.ccmp__scroller{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:8px;max-width:1000px;margin:0 auto;scrollbar-width:thin}.ccmp__column{flex:0 0 260px;scroll-snap-align:start;border-radius:16px;padding:24px 20px;text-align:left;background:#0a0a0a;color:#fff}.ccmp__column .ccmp__feature{border-top:1px solid rgba(255,255,255,.1)}.ccmp__column--primary{background:#fff;color:#111;border:1px solid rgba(0,0,0,.08)}.ccmp__column--primary .ccmp__feature{border-top:1px solid rgba(0,0,0,.06)}.ccmp__product{display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;margin-bottom:20px}.ccmp__product-image-wrap{width:96px;height:96px;border-radius:16px;background:#ffffff14;display:flex;align-items:center;justify-content:center;overflow:hidden}.ccmp__column--primary .ccmp__product-image-wrap{background:#0000000d}.ccmp__product img{width:100%;height:100%;object-fit:cover}.ccmp__product h3{font-size:15px;font-weight:600;letter-spacing:.03em;text-transform:uppercase;margin:0}.ccmp__feature{display:flex;align-items:center;gap:10px;padding:14px 0}.ccmp__feature p{margin:0;font-size:14px}.ccmp__status{flex:0 0 24px;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;background:#22c55e}.ccmp__status--negative{background:#ef4444}.ccmp__column--primary .ccmp__status{background:#111}.ccmp__column--primary .ccmp__status--negative{background:#ef4444}@media screen and (min-width:700px){.ccmp__scroller{overflow-x:visible;justify-content:center}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/clinical-comparison.css.map */