.detail-spotlight{--ds-accent: var(--color-primary);--ds-accent-bright: var(--color-primary-lighter);--ds-line: color-mix(in srgb, var(--color-primary) 10%, transparent);--ds-corner: color-mix(in srgb, var(--color-primary-lighter) 40%, transparent);--ds-font-display: var(--font-header), sans-serif;--ds-bg: #040706;--ds-text: #ffffff;--ds-text-muted: rgba(255, 255, 255, .7);--ds-card-bg: #1a1a1a;--ds-border: rgba(255, 255, 255, .1);--ds-text-accent: var(--ds-accent-bright);position:relative;background:var(--ds-bg);color:var(--ds-text);overflow:hidden;padding:64px 24px}.detail-spotlight.detail-spotlight--theme-light{--ds-bg: #ffffff;--ds-text: #1a1a1a;--ds-text-muted: rgba(0, 0, 0, .65);--ds-card-bg: #f5f5f5;--ds-border: rgba(0, 0, 0, .08);--ds-text-accent: var(--ds-accent)}.detail-spotlight__brush{color:#000}.detail-spotlight__brush--theme-light{color:#fff}.detail-spotlight .detail-spotlight__container{position:relative;max-width:1440px;margin:0 auto;display:grid;grid-template-columns:minmax(280px,2fr) minmax(0,3fr);gap:56px;z-index:1}.detail-spotlight .detail-spotlight__hero{position:relative;max-width:1440px;margin:0 auto 48px;text-align:center;z-index:1}.detail-spotlight .detail-spotlight__hero .detail-spotlight__eyebrow,.detail-spotlight .detail-spotlight__hero .detail-spotlight__heading,.detail-spotlight .detail-spotlight__hero .detail-spotlight__description{text-align:center}.detail-spotlight .detail-spotlight__hero .detail-spotlight__description{max-width:720px;margin-left:auto;margin-right:auto;margin-bottom:0}.detail-spotlight .detail-spotlight__lead{grid-column:1}.detail-spotlight .detail-spotlight__detail{grid-column:2;min-width:0}.detail-spotlight.detail-spotlight--detail-left .detail-spotlight__lead{grid-column:2;grid-row:1}.detail-spotlight.detail-spotlight--detail-left .detail-spotlight__detail{grid-column:1;grid-row:1}.detail-spotlight.detail-spotlight--detail-left .detail-spotlight__container{grid-template-columns:minmax(0,3fr) minmax(280px,2fr)}.detail-spotlight .detail-spotlight__eyebrow{font-family:var(--ds-font-display);color:var(--ds-text-accent);font-size:1rem;font-weight:700;text-transform:uppercase;margin:0 0 1.5rem}.detail-spotlight .detail-spotlight__heading{font-family:var(--ds-font-display);font-size:clamp(1.75rem,3vw,2.5rem);font-weight:800;line-height:1.1;text-transform:uppercase;margin:0 0 1.5rem;color:var(--ds-text)}.detail-spotlight .detail-spotlight__heading-accent{color:var(--ds-text-accent)}.detail-spotlight .detail-spotlight__description{color:var(--ds-text);font-size:1rem;line-height:1.6;margin:0 0 2.5rem}.detail-spotlight .detail-spotlight__pipeline-wrapper{position:relative;margin-bottom:2rem}.detail-spotlight .detail-spotlight__pipeline-wrapper:before{content:"";position:absolute;left:17px;top:18px;bottom:50px;width:2px;background:var(--ds-line);pointer-events:none;z-index:0}.detail-spotlight .detail-spotlight__pipeline{display:grid;grid-template-columns:36px 1fr;gap:16px;align-items:start;margin-bottom:1.5rem}.detail-spotlight .detail-spotlight__pipeline-icon,.detail-spotlight .detail-spotlight__checkpoint-icon,.detail-spotlight .detail-spotlight__checkpoint-mark,.detail-spotlight .detail-spotlight__banner-icon{width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.detail-spotlight .detail-spotlight__pipeline-icon,.detail-spotlight .detail-spotlight__checkpoint-icon,.detail-spotlight .detail-spotlight__checkpoint-mark{position:relative;z-index:1}.detail-spotlight .detail-spotlight__pipeline-icon .icon,.detail-spotlight .detail-spotlight__checkpoint-icon .icon,.detail-spotlight .detail-spotlight__checkpoint-mark .icon,.detail-spotlight .detail-spotlight__banner-icon .icon{width:16px;height:16px;fill:currentColor}.detail-spotlight .detail-spotlight__pipeline-icon{background:var(--ds-accent);color:#fff}.detail-spotlight .detail-spotlight__pipeline-title{font-size:1rem;font-weight:700;text-transform:uppercase;margin:0;color:var(--ds-text)}.detail-spotlight .detail-spotlight__pipeline-subtitle{font-size:1rem;color:var(--ds-text-muted);margin:0}.detail-spotlight .detail-spotlight__checkpoints{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:1.5rem}.detail-spotlight .detail-spotlight__checkpoint{display:grid;grid-template-columns:36px 1fr 36px;align-items:start;gap:16px}.detail-spotlight .detail-spotlight__checkpoint-icon,.detail-spotlight .detail-spotlight__checkpoint-mark{background:var(--ds-card-bg);border:1px solid var(--ds-border);color:var(--ds-text-accent)}.detail-spotlight.detail-spotlight--theme-light .detail-spotlight__checkpoint-icon,.detail-spotlight.detail-spotlight--theme-light .detail-spotlight__checkpoint-mark{background:#fff}.detail-spotlight .detail-spotlight__checkpoint-body{min-width:0}.detail-spotlight .detail-spotlight__checkpoint-title{display:flex;gap:8px;align-items:baseline;font-size:1rem;font-weight:700;text-transform:uppercase;margin:0 0 .25rem;color:var(--ds-text)}.detail-spotlight .detail-spotlight__checkpoint-number{color:var(--ds-text-accent)}.detail-spotlight .detail-spotlight__checkpoint-description{font-size:1rem;line-height:1.5;color:var(--ds-text-muted);margin:0}.detail-spotlight .detail-spotlight__banner{display:flex;align-items:center;justify-content:space-between;gap:16px;background:var(--ds-accent);padding:16px 20px;color:#fff}.detail-spotlight .detail-spotlight__banner-eyebrow{font-family:var(--ds-font-display);font-size:1rem;font-weight:700;text-transform:uppercase;opacity:.85;margin:0 0 .25rem}.detail-spotlight .detail-spotlight__banner-text{font-family:var(--ds-font-display);font-size:1.25rem;font-weight:800;text-transform:uppercase;margin:0}.detail-spotlight .detail-spotlight__banner-icon{color:#fff}.detail-spotlight .detail-spotlight__matrix{display:grid;grid-template-columns:minmax(0,1fr);gap:32px;align-items:start}.detail-spotlight .detail-spotlight__callout{display:flex;flex-direction:column;gap:4px;text-decoration:none;color:inherit;position:relative;z-index:0}.detail-spotlight .detail-spotlight__callout--linked{cursor:pointer}.detail-spotlight .detail-spotlight__callout-label{font-family:var(--ds-font-display);color:var(--ds-text-accent);font-size:1rem;font-weight:700;text-transform:uppercase;margin:0}.detail-spotlight .detail-spotlight__callout-value{font-family:var(--ds-font-display);font-size:1.625rem;font-weight:800;text-transform:uppercase;margin:0;color:var(--ds-text)}.detail-spotlight .detail-spotlight__callout-subtitle{color:var(--ds-text-muted);font-size:1rem;margin:0}.detail-spotlight .detail-spotlight__callout-cta{display:inline-flex;align-items:center;justify-content:center;padding:8px 12px;background:var(--ds-accent);color:#fff;font-family:var(--ds-font-display);font-size:1rem;font-weight:700;text-transform:uppercase;margin-top:8px;align-self:flex-start}.detail-spotlight .detail-spotlight__callout-cta .icon{display:none}.detail-spotlight .detail-spotlight__callout-cta-text{display:inline-block;white-space:nowrap}.detail-spotlight .detail-spotlight__callout--linked:focus-visible{outline:2px solid var(--ds-accent-bright);outline-offset:4px}.detail-spotlight .detail-spotlight__center{position:relative;padding:24px;min-width:0}.detail-spotlight .detail-spotlight__center-image{display:block;width:100%;max-width:600px;height:auto;margin:0 auto}.detail-spotlight .detail-spotlight__center .supplement-facts{display:block;width:100%}.detail-spotlight .detail-spotlight__center .supplement-facts__label-container{width:100%;max-width:100%;overflow:hidden}.detail-spotlight .detail-spotlight__center .supplement-facts__label-container--active{display:block}.detail-spotlight .detail-spotlight__center .supplement-facts__image-label,.detail-spotlight .detail-spotlight__center .supplement-facts__label,.detail-spotlight .detail-spotlight__center .supplement-facts img,.detail-spotlight .detail-spotlight__center .supplement-facts iframe{display:block;width:100%;max-width:100%;height:auto;box-sizing:border-box}.detail-spotlight .detail-spotlight__center:before,.detail-spotlight .detail-spotlight__center:after,.detail-spotlight .detail-spotlight__center>span:before,.detail-spotlight .detail-spotlight__center>span:after{content:"";position:absolute;width:24px;height:24px;border-color:var(--ds-corner);border-style:solid;border-width:0}.detail-spotlight .detail-spotlight__center:before{top:0;left:0;border-top-width:2px;border-left-width:2px}.detail-spotlight .detail-spotlight__center:after{top:0;right:0;border-top-width:2px;border-right-width:2px}.detail-spotlight .detail-spotlight__center>span:before{bottom:0;left:0;border-bottom-width:2px;border-left-width:2px}.detail-spotlight .detail-spotlight__center>span:after{bottom:0;right:0;border-bottom-width:2px;border-right-width:2px}.detail-spotlight .detail-spotlight__disclaimer{display:flex;justify-content:center;margin-top:32px}.detail-spotlight .detail-spotlight__disclaimer-text{max-width:480px;font-size:1rem;line-height:1.5;color:var(--ds-text);margin:0;text-align:center}.detail-spotlight .detail-spotlight__disclaimer-text :is(p,ul,ol){margin:0}.detail-spotlight .detail-spotlight__description :is(p,ul,ol){margin:0 0 .75rem}.detail-spotlight .detail-spotlight__description :is(p,ul,ol):last-child{margin-bottom:0}.detail-spotlight .detail-spotlight__disclaimer-text :is(p,ul,ol)+:is(p,ul,ol){margin-top:.5rem}.detail-spotlight .detail-spotlight__sizing{display:flex;flex-direction:column;gap:20px}.detail-spotlight .detail-spotlight__sizing-pane{background:#fff;border:1px solid rgba(0,0,0,.08);padding:24px;display:flex;flex-direction:column;gap:20px;--ds-bg: #ffffff;--ds-card-bg: #ffffff;--ds-text: #1a1a1a;--ds-text-muted: rgba(0, 0, 0, .65);--ds-border: rgba(0, 0, 0, .08);--ds-text-accent: var(--ds-accent)}.detail-spotlight .detail-spotlight__sizing-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.detail-spotlight .detail-spotlight__sizing-title{font-family:var(--ds-font-display);font-size:1rem;font-weight:800;text-transform:uppercase;margin:0 0 .25rem;color:var(--ds-text)}.detail-spotlight .detail-spotlight__sizing-subtitle{font-family:var(--ds-font-display);font-size:1rem;font-weight:700;text-transform:uppercase;color:var(--ds-text-muted);margin:0}.detail-spotlight .detail-spotlight__sizing-toggle{display:inline-flex;gap:4px}.detail-spotlight .detail-spotlight__sizing-unit{font-family:var(--ds-font-display);font-size:1rem;font-weight:700;text-transform:uppercase;padding:6px 12px;background:transparent;color:var(--ds-text-muted);border:1px solid var(--ds-border);cursor:pointer;transition:background var(--speed, .2s) ease,color var(--speed, .2s) ease}.detail-spotlight .detail-spotlight__sizing-unit:hover{color:var(--ds-text)}.detail-spotlight .detail-spotlight__sizing-unit--active{background:var(--ds-accent);color:#fff;border-color:var(--ds-accent)}.detail-spotlight .detail-spotlight__sizing-image{display:block;width:100%;aspect-ratio:16 / 7;overflow:hidden;background:var(--ds-bg)}.detail-spotlight .detail-spotlight__sizing-image img{display:block;width:100%;height:100%;object-fit:contain}.detail-spotlight .detail-spotlight__sizing-image--placeholder{border:1px dashed var(--ds-border);display:flex;align-items:center;justify-content:center;color:var(--ds-text-muted);font-size:1rem}.detail-spotlight .detail-spotlight__sizing-pane--table{overflow-x:auto}.detail-spotlight .detail-spotlight__sizing-pane--table:focus-visible{outline:2px solid var(--ds-accent);outline-offset:2px}.detail-spotlight .detail-spotlight__sizing-table{width:100%;min-width:22rem;border-collapse:collapse;font-family:var(--ds-font-display)}.detail-spotlight .detail-spotlight__sizing-th{font-family:var(--ds-font-display);text-align:left;font-size:1rem;font-weight:700;text-transform:uppercase;color:var(--ds-text-muted);padding:12px 16px;border-bottom:1px solid var(--ds-border)}.detail-spotlight .detail-spotlight__sizing-th--size,.detail-spotlight .detail-spotlight__sizing-cell--size{width:80px}.detail-spotlight .detail-spotlight__sizing-row{transition:background var(--speed, .2s) ease}.detail-spotlight .detail-spotlight__sizing-row+.detail-spotlight__sizing-row .detail-spotlight__sizing-cell{border-top:1px solid var(--ds-border)}.detail-spotlight .detail-spotlight__sizing-cell{font-family:var(--ds-font-display);padding:14px 16px;font-size:1rem;text-align:left;color:var(--ds-text)}.detail-spotlight .detail-spotlight__sizing-cell--size{font-weight:700;text-transform:uppercase}.detail-spotlight .detail-spotlight__sizing-row--highlighted{background:color-mix(in srgb,var(--color-primary) 8%,transparent);position:relative}.detail-spotlight .detail-spotlight__sizing-row--highlighted .detail-spotlight__sizing-cell--size{color:var(--ds-text-accent);box-shadow:inset 3px 0 0 var(--ds-accent)}.detail-spotlight .detail-spotlight__sizing-footnote{font-size:1rem;color:var(--ds-text-muted);margin:4px 0 0;line-height:1.5}@media(max-width:1023px){.detail-spotlight{padding:40px 16px}.detail-spotlight .detail-spotlight__container{grid-template-columns:1fr;gap:40px}.detail-spotlight .detail-spotlight__matrix{gap:20px}.detail-spotlight .detail-spotlight__center{margin-bottom:12px}.detail-spotlight .detail-spotlight__disclaimer{justify-content:center}.detail-spotlight .detail-spotlight__disclaimer-text{text-align:center}.detail-spotlight .detail-spotlight__lead,.detail-spotlight .detail-spotlight__detail,.detail-spotlight.detail-spotlight--detail-left .detail-spotlight__lead,.detail-spotlight.detail-spotlight--detail-left .detail-spotlight__detail{grid-column:1;grid-row:auto}.detail-spotlight .detail-spotlight__sizing{gap:16px}.detail-spotlight .detail-spotlight__sizing-pane{padding:16px;gap:16px}.detail-spotlight .detail-spotlight__sizing-header{flex-direction:column;align-items:stretch}.detail-spotlight .detail-spotlight__sizing-image{aspect-ratio:16 / 9}.detail-spotlight .detail-spotlight__sizing-cell,.detail-spotlight .detail-spotlight__sizing-th{padding:10px 8px;font-size:.85rem}}.detail-spotlight .detail-spotlight__view-more{align-items:center;background:transparent;border:1.5px solid var(--ds-accent);border-radius:4px;color:var(--ds-text-accent);cursor:pointer;display:inline-flex;font-family:var(--ds-font-display);font-size:1rem;font-weight:700;gap:.5rem;justify-content:center;margin-top:1.25rem;padding:.7rem 1.25rem;text-transform:uppercase;transition:background-color var(--speed, .2s),color var(--speed, .2s);width:100%}.detail-spotlight .detail-spotlight__view-more:hover{background:var(--ds-accent);color:#fff}.detail-spotlight .detail-spotlight__view-more-icon{display:inline-flex;transition:transform var(--speed, .2s) ease}.detail-spotlight .detail-spotlight__view-more-icon .icon{fill:currentColor;height:1rem;width:1rem}.detail-spotlight .detail-spotlight__view-more[aria-expanded=true] .detail-spotlight__view-more-icon{transform:rotate(180deg)}.detail-spotlight .detail-spotlight__extras{display:grid;grid-template-rows:0fr;margin-top:0;transition:grid-template-rows var(--speed, .2s) cubic-bezier(.4,0,.2,1),margin-top var(--speed, .2s) cubic-bezier(.4,0,.2,1)}.detail-spotlight .detail-spotlight__extras[data-callouts-expanded=true]{grid-template-rows:1fr;margin-top:32px}.detail-spotlight .detail-spotlight__extras-inner{min-height:0;max-height:280px;overflow-x:hidden;overflow-y:auto;opacity:0;transition:opacity var(--speed, .2s) ease 60ms;display:block;padding-right:12px;scrollbar-width:thin;scrollbar-color:var(--ds-accent) transparent}.detail-spotlight .detail-spotlight__extras-list{border:1px solid var(--ds-border);border-radius:4px}.detail-spotlight .detail-spotlight__extras-inner::-webkit-scrollbar{width:6px}.detail-spotlight .detail-spotlight__extras-inner::-webkit-scrollbar-track{background:transparent}.detail-spotlight .detail-spotlight__extras-inner::-webkit-scrollbar-thumb{background:var(--ds-accent)}.detail-spotlight .detail-spotlight__extras[data-callouts-expanded=true] .detail-spotlight__extras-inner{opacity:1}.detail-spotlight .detail-spotlight__extras-inner .detail-spotlight__callout{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"value name cta";align-items:center;column-gap:16px;padding:13px 20px;text-align:left;border-bottom:1px solid var(--ds-border)}.detail-spotlight .detail-spotlight__extras-inner .detail-spotlight__callout:last-child{border-bottom:none}.detail-spotlight .detail-spotlight__extras-inner .detail-spotlight__callout-label{position:absolute;top:3px;left:20px;line-height:1;white-space:nowrap}.detail-spotlight .detail-spotlight__extras-inner .detail-spotlight__callout-value{grid-area:value;text-align:left;font-size:1.25rem;line-height:1.1}.detail-spotlight .detail-spotlight__extras-inner .detail-spotlight__callout-subtitle{grid-area:name;color:var(--ds-text);font-size:1rem}.detail-spotlight .detail-spotlight__extras-inner .detail-spotlight__callout-cta{grid-area:cta;justify-self:end;align-self:center;margin-top:0;padding:6px 10px}.detail-spotlight .detail-spotlight__view-more-text--mobile{display:none}@media(max-width:1023px){.detail-spotlight .detail-spotlight__view-more-text--desktop{display:none}.detail-spotlight .detail-spotlight__view-more-text--mobile{display:inline}}@media(max-width:767px){.detail-spotlight .detail-spotlight__view-more{display:flex;width:fit-content;margin-left:auto;margin-right:auto}.detail-spotlight .detail-spotlight__extras-inner .detail-spotlight__callout{grid-template-columns:auto minmax(0,1fr) auto;column-gap:10px;padding:13px 14px}.detail-spotlight .detail-spotlight__extras-inner .detail-spotlight__callout-label{left:14px}.detail-spotlight .detail-spotlight__extras-inner .detail-spotlight__callout-value{font-size:1.125rem}}
/*# sourceMappingURL=/cdn/shop/t/230/assets/detail-spotlight.css.map */