.c-clinical-tabs-wrapper .c-clinical-tabs{--sl-c-clinical-tabs-heading: 48px;--sl-c-clinical-tabs-heading-accent: 56px;--sl-c-clinical-tabs-stat: 140px;--sl-c-clinical-tabs-unit: 72px;--sl-c-clinical-tabs-gap: 24px;--sl-c-clinical-tabs-radius: 14px;--sl-c-clinical-tabs-chart-height: 306px;--sl-c-clinical-tabs-chart-padding: 18px;display:block;padding:min(var(--sl-c-clinical-tabs-top),48px) 20px min(var(--sl-c-clinical-tabs-bottom),48px);border-bottom:3px solid var(--sl-c-clinical-tabs-text);background:var(--sl-c-clinical-tabs-bg);color:var(--sl-c-clinical-tabs-text);font-family:var(--sl-c-clinical-tabs-body-font);font-size:16px;line-height:1.5;letter-spacing:0}.c-clinical-tabs-wrapper .c-clinical-tabs *,.c-clinical-tabs-wrapper .c-clinical-tabs *:before,.c-clinical-tabs-wrapper .c-clinical-tabs *:after{box-sizing:border-box}.c-clinical-tabs-wrapper .c-clinical-tabs__container{display:grid;gap:var(--sl-c-clinical-tabs-gap);max-width:var(--sl-c-clinical-tabs-width);margin-inline:auto;min-width:0}.c-clinical-tabs-wrapper .c-clinical-tabs__header{display:grid;gap:20px;min-width:0}.c-clinical-tabs-wrapper .c-clinical-tabs__eyebrow{display:flex;align-items:center;gap:10px;margin:0 0 17px;font-size:14px;font-weight:700;text-transform:uppercase;line-height:1.2}.c-clinical-tabs-wrapper .c-clinical-tabs__dot{display:block;flex:0 0 8px;width:8px;height:8px;border-radius:50%;background:var(--sl-c-clinical-tabs-accent)}.c-clinical-tabs-wrapper .c-clinical-tabs__eyebrow-icon{width:16px;height:16px;object-fit:contain}.c-clinical-tabs-wrapper .c-clinical-tabs__heading{margin:0;color:inherit;font:500 var(--sl-c-clinical-tabs-heading)/1.2 var(--sl-c-clinical-tabs-body-font);letter-spacing:0;overflow-wrap:anywhere}.c-clinical-tabs-wrapper .c-clinical-tabs__heading em{color:var(--sl-c-clinical-tabs-accent);font:italic 500 var(--sl-c-clinical-tabs-heading-accent)/1.1 var(--sl-c-clinical-tabs-serif-font)}.c-clinical-tabs-wrapper .c-clinical-tabs__intro{max-width:430px;color:var(--sl-c-clinical-tabs-muted);font-size:18px}.c-clinical-tabs-wrapper .c-clinical-tabs__intro p,.c-clinical-tabs-wrapper .c-clinical-tabs__description p{margin:0}.c-clinical-tabs-wrapper .c-clinical-tabs__intro p+p,.c-clinical-tabs-wrapper .c-clinical-tabs__description p+p{margin-top:12px}.c-clinical-tabs-wrapper .c-clinical-tabs__tab-scroll{position:relative;min-width:0;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;padding:4px;margin:-4px}.c-clinical-tabs-wrapper .c-clinical-tabs__tab-scroll::-webkit-scrollbar{display:none}.c-clinical-tabs-wrapper .c-clinical-tabs__tablist{display:flex;gap:4px;width:max-content;padding:6px;border:1px solid color-mix(in srgb,var(--sl-c-clinical-tabs-text) 25%,transparent);border-radius:var(--sl-c-clinical-tabs-pill);background:var(--sl-c-clinical-tabs-card)}.c-clinical-tabs-wrapper .c-clinical-tabs__tab{display:inline-flex;align-items:center;justify-content:center;gap:8px;flex:0 0 auto;min-height:48px;padding:8px 26px;border:0;border-radius:var(--sl-c-clinical-tabs-pill);background:transparent;color:var(--sl-c-clinical-tabs-text);font:500 18px/1.5 var(--sl-c-clinical-tabs-body-font);white-space:nowrap;cursor:pointer;transition:background-color .18s ease,color .18s ease}.c-clinical-tabs-wrapper .c-clinical-tabs__tab[aria-selected=true]{background:var(--sl-c-clinical-tabs-text);color:var(--sl-c-clinical-tabs-card);font-weight:600}.c-clinical-tabs-wrapper .c-clinical-tabs__tab:hover:not([aria-selected=true]){background:var(--sl-c-clinical-tabs-bg)}.c-clinical-tabs-wrapper .c-clinical-tabs__tab-icon{width:24px;height:24px;object-fit:contain}.c-clinical-tabs-wrapper .c-clinical-tabs__panel{display:grid;grid-template-areas:"chart" "copy";grid-template-columns:minmax(0,1fr);gap:40px;min-width:0}.c-clinical-tabs-wrapper .c-clinical-tabs__panel[hidden]{display:none}.c-clinical-tabs-wrapper .c-clinical-tabs__copy{grid-area:copy;display:flex;flex-direction:column;min-width:0}.c-clinical-tabs-wrapper .c-clinical-tabs__stat{display:flex;align-items:baseline;flex-wrap:wrap;gap:12px;margin:0 0 16px;font:italic 500 var(--sl-c-clinical-tabs-stat)/1.1 var(--sl-c-clinical-tabs-serif-font);overflow-wrap:anywhere}.c-clinical-tabs-wrapper .c-clinical-tabs__stat em{color:var(--sl-c-clinical-tabs-accent);font-size:var(--sl-c-clinical-tabs-unit);font-weight:inherit}.c-clinical-tabs-wrapper .c-clinical-tabs__stat--measurement em{font-size:40px}.c-clinical-tabs-wrapper .c-clinical-tabs__result-heading{margin:0 0 24px;color:inherit;font:500 24px/1.2 var(--sl-c-clinical-tabs-body-font);letter-spacing:0;overflow-wrap:anywhere}.c-clinical-tabs-wrapper .c-clinical-tabs__description{color:var(--sl-c-clinical-tabs-muted);font-size:16px;line-height:1.5;overflow-wrap:anywhere}.c-clinical-tabs-wrapper .c-clinical-tabs__badges{display:flex;flex-wrap:wrap;gap:16px;max-width:490px;padding:0;margin:32px 0 0;list-style:none}.c-clinical-tabs-wrapper .c-clinical-tabs__badges li{padding:6px 16px;border:2px solid var(--sl-c-clinical-tabs-text);border-radius:var(--sl-c-clinical-tabs-pill);background:var(--sl-c-clinical-tabs-card);font-size:14px;font-weight:700;line-height:1.2;text-transform:uppercase;overflow-wrap:anywhere;max-width:100%}.c-clinical-tabs-wrapper .c-clinical-tabs__supporting-image{width:100%;height:auto;max-height:240px;object-fit:contain;margin-top:24px}.c-clinical-tabs-wrapper .c-clinical-tabs__actions{display:flex;align-items:center;flex-wrap:wrap;gap:20px;margin-top:auto;padding-top:48px}.c-clinical-tabs-wrapper .c-clinical-tabs__button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:14px 26px;border-radius:var(--sl-c-clinical-tabs-pill);background:var(--sl-c-clinical-tabs-accent);color:var(--sl-c-clinical-tabs-button-text);font-size:15px;font-weight:600;text-decoration:none;max-width:100%;text-align:center;overflow-wrap:anywhere;transition:filter .18s ease}.c-clinical-tabs-wrapper .c-clinical-tabs__button:hover{filter:brightness(.92)}.c-clinical-tabs-wrapper .c-clinical-tabs__button-icon{width:20px;height:20px;object-fit:contain}.c-clinical-tabs-wrapper .c-clinical-tabs__citation{margin:0;color:var(--sl-c-clinical-tabs-muted);font-size:12px;line-height:1.5}.c-clinical-tabs-wrapper .c-clinical-tabs__chart{grid-area:chart;display:flex;flex-direction:column;gap:16px;min-width:0;min-height:var(--sl-c-clinical-tabs-chart-height);padding:var(--sl-c-clinical-tabs-chart-padding);margin:0;border:2px solid var(--sl-c-clinical-tabs-text);border-radius:var(--sl-c-clinical-tabs-radius);background:var(--sl-c-clinical-tabs-card)}.c-clinical-tabs-wrapper .c-clinical-tabs__chart-header{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:28px;font-size:10px;line-height:1.3;text-transform:uppercase}.c-clinical-tabs-wrapper .c-clinical-tabs__chart-badge{flex:0 0 auto;max-width:45%;padding:6px 12px;border-radius:var(--sl-c-clinical-tabs-pill);background:var(--sl-c-clinical-tabs-bg);font-size:9px;text-align:center;overflow-wrap:anywhere}.c-clinical-tabs-wrapper .c-clinical-tabs__plot{position:relative;flex:1 0 190px;min-height:190px;min-width:0}.c-clinical-tabs-wrapper .c-clinical-tabs__plot canvas{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0}.c-clinical-tabs-wrapper [data-chart-ready=true] .c-clinical-tabs__plot canvas{opacity:1}.c-clinical-tabs-wrapper .c-clinical-tabs__data dl{margin:16px 0;font-size:14px}.c-clinical-tabs-wrapper .c-clinical-tabs__data dl>div{display:flex;justify-content:space-between;gap:12px;padding-block:8px;border-bottom:1px solid var(--sl-c-clinical-tabs-grid)}.c-clinical-tabs-wrapper .c-clinical-tabs__data dd{margin:0;text-align:right}.c-clinical-tabs-wrapper [data-chart-ready=true] .c-clinical-tabs__data{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.c-clinical-tabs-wrapper .c-clinical-tabs__chart-footer{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;color:var(--sl-c-clinical-tabs-muted);font-size:9px;line-height:1.4}.c-clinical-tabs-wrapper .c-clinical-tabs__chart-footer p{margin:0}.c-clinical-tabs-wrapper .c-clinical-tabs__legend,.c-clinical-tabs-wrapper .c-clinical-tabs__legend>span{display:flex;align-items:center;gap:8px}.c-clinical-tabs-wrapper .c-clinical-tabs__legend{flex-wrap:wrap;gap:16px;text-transform:uppercase}.c-clinical-tabs-wrapper .c-clinical-tabs__swatch{width:12px;height:12px;flex:0 0 12px;border-radius:2px;background:var(--sl-c-clinical-tabs-accent)}.c-clinical-tabs-wrapper .c-clinical-tabs__swatch--placebo{border:1px dashed var(--sl-c-clinical-tabs-muted);background:var(--sl-c-clinical-tabs-track)}.c-clinical-tabs-wrapper .c-clinical-tabs__peak,.c-clinical-tabs-wrapper .c-clinical-tabs__endpoint,.c-clinical-tabs-wrapper .c-clinical-tabs__baseline{display:none;position:absolute;z-index:1;pointer-events:none}.c-clinical-tabs-wrapper [data-chart-ready=true] .c-clinical-tabs__peak,.c-clinical-tabs-wrapper [data-chart-ready=true] .c-clinical-tabs__endpoint,.c-clinical-tabs-wrapper [data-chart-ready=true] .c-clinical-tabs__baseline{display:block}.c-clinical-tabs-wrapper .c-clinical-tabs__peak{top:12%;left:13%;max-width:65%;padding:7px 14px;border-radius:var(--sl-c-clinical-tabs-pill);background:var(--sl-c-clinical-tabs-text);color:var(--sl-c-clinical-tabs-card);font-size:11px;line-height:1.2}.c-clinical-tabs-wrapper .c-clinical-tabs__endpoint{right:12px;bottom:34%;max-width:46%;font-size:10px;font-weight:600;line-height:1.2;text-align:right}.c-clinical-tabs-wrapper .c-clinical-tabs__baseline{left:12px;bottom:32px;color:var(--sl-c-clinical-tabs-muted);font-size:9px;text-transform:uppercase}.c-clinical-tabs-wrapper .c-clinical-tabs__chart-subtitle{margin:8px 0 0;font-size:18px;font-weight:600;font-style:italic;line-height:1.3}.c-clinical-tabs-wrapper .c-clinical-tabs__chart-subtitle em{color:var(--sl-c-clinical-tabs-accent)}.c-clinical-tabs-wrapper .c-clinical-tabs__chart--horizontal .c-clinical-tabs__plot{flex-basis:200px;min-height:200px}.c-clinical-tabs-wrapper .c-clinical-tabs__callout{display:flex;align-items:flex-start;gap:12px;padding:14px 16px;border-radius:12px;background:var(--sl-c-clinical-tabs-text);color:var(--sl-c-clinical-tabs-card);font-size:12px;line-height:1.5}.c-clinical-tabs-wrapper .c-clinical-tabs__callout .c-clinical-tabs__dot{margin-top:5px}.c-clinical-tabs-wrapper .c-clinical-tabs__tab:focus-visible,.c-clinical-tabs-wrapper .c-clinical-tabs__panel:focus-visible,.c-clinical-tabs-wrapper .c-clinical-tabs__button:focus-visible{outline:2px solid var(--sl-c-clinical-tabs-accent);outline-offset:3px}@media(max-width:374px){.c-clinical-tabs-wrapper .c-clinical-tabs{--sl-c-clinical-tabs-heading: 42px;--sl-c-clinical-tabs-heading-accent: 50px;--sl-c-clinical-tabs-stat: 112px;padding-inline:16px}}@media(min-width:768px){.c-clinical-tabs-wrapper .c-clinical-tabs{padding-inline:40px;--sl-c-clinical-tabs-heading: 54px;--sl-c-clinical-tabs-heading-accent: 64px;--sl-c-clinical-tabs-chart-height: 420px;--sl-c-clinical-tabs-chart-padding: 28px;--sl-c-clinical-tabs-radius: 24px}}@media(min-width:978px){.c-clinical-tabs-wrapper .c-clinical-tabs{--sl-c-clinical-tabs-gap: 44px;--sl-c-clinical-tabs-chart-height: 520px;--sl-c-clinical-tabs-chart-padding: 32px;padding-block:var(--sl-c-clinical-tabs-top) var(--sl-c-clinical-tabs-bottom)}.c-clinical-tabs-wrapper .c-clinical-tabs__header{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:32px;align-items:end}.c-clinical-tabs-wrapper .c-clinical-tabs__heading em{display:block}.c-clinical-tabs-wrapper .c-clinical-tabs__panel{grid-template-areas:"copy chart";grid-template-columns:minmax(0,520fr) minmax(0,632fr);gap:48px;min-height:var(--sl-c-clinical-tabs-chart-height)}.c-clinical-tabs-wrapper .c-clinical-tabs__result-heading{margin-bottom:16px}.c-clinical-tabs-wrapper .c-clinical-tabs__chart-header{font-size:12px}.c-clinical-tabs-wrapper .c-clinical-tabs__chart-badge,.c-clinical-tabs-wrapper .c-clinical-tabs__chart-footer{font-size:11px}.c-clinical-tabs-wrapper .c-clinical-tabs__peak{font-size:15px}.c-clinical-tabs-wrapper .c-clinical-tabs__endpoint{font-size:14px}.c-clinical-tabs-wrapper .c-clinical-tabs__chart-subtitle{font-size:23px}}@media(min-width:1200px){.c-clinical-tabs-wrapper .c-clinical-tabs{padding-inline:56px}}@media(min-width:1980px){.c-clinical-tabs-wrapper .c-clinical-tabs__container{width:100%}}@media(prefers-reduced-motion:reduce){.c-clinical-tabs-wrapper .c-clinical-tabs__tab,.c-clinical-tabs-wrapper .c-clinical-tabs__button{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/22/assets/c-clinical-tabs.css.map */
