.whoop-metrics{padding:116px 0 120px;background:#000;color:#fff}@media(max-width:980px){.whoop-metrics--native .whoop-metrics__panels{display:flex;gap:20px;width:100%;min-width:0;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-behavior:auto;overscroll-behavior-x:contain;touch-action:auto;scrollbar-width:none}.whoop-metrics--native .whoop-metrics__panels::-webkit-scrollbar{display:none}.whoop-metrics--native .whoop-metrics__panel{flex:0 0 100%;min-width:0;align-content:start;scroll-snap-align:start}}.whoop-metrics__title{max-width:980px;margin-bottom:128px}.whoop-metrics__bar{display:flex;gap:10px;margin-top:30px;margin-bottom:88px;overflow-x:auto;scrollbar-width:none}.whoop-metrics__bar::-webkit-scrollbar{display:none}.whoop-metrics__tab{flex:1 0 0;min-height:48px;padding:0 16px;border:1.5px solid #989898;border-radius:999px;background:transparent;color:#b3b3b3;font-family:inherit;font-size:13px;font-weight:700;line-height:1;text-transform:uppercase;white-space:nowrap;cursor:pointer;transition:background-color .2s ease,border-color .2s ease,color .2s ease}.whoop-metrics__tab:hover{border-color:#fff;color:#fff}.whoop-metrics__tab.is-active{border-color:#fff;background:#fff;color:#000}.whoop-metrics__panel{display:grid;grid-template-columns:minmax(360px,5fr) minmax(0,8fr);column-gap:112px;align-items:start}.whoop-metrics__panel[hidden]{display:none}.whoop-metrics__content{order:1}.whoop-metrics__media{position:relative;order:2;aspect-ratio:1 / 1}.whoop-metrics__media:not(:has(img)){display:none}.whoop-metrics__media-image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;opacity:0;transition:opacity .3s ease}.whoop-metrics__media-image.is-active{opacity:1}.whoop-metrics__panel-title{margin:0 0 44px;font-size:clamp(32px,2.5vw,44px);font-weight:600;line-height:1.1;letter-spacing:0}.whoop-metrics__accordion{margin-top:20px}.whoop-metrics__item{border-bottom:1px solid rgba(255,255,255,.45)}.whoop-metrics__item:last-child,.whoop-metrics__item--plain{border-bottom:0}.whoop-metrics__item-heading{margin:0}.whoop-metrics__item-toggle{display:flex;gap:16px;width:100%;padding:31px 0;border:0;background:transparent;color:#757575;font-family:inherit;font-size:20px;font-weight:600;line-height:26px;text-align:left;cursor:pointer;transition:color .2s ease}.whoop-metrics__item-toggle:hover,.whoop-metrics__item.is-open .whoop-metrics__item-toggle{color:#fff}.whoop-metrics__item-number{flex:0 0 auto}.whoop-metrics__item-body{display:grid;grid-template-rows:0fr;transition:grid-template-rows .32s ease}.whoop-metrics__item.is-open .whoop-metrics__item-body,.whoop-metrics__item--plain .whoop-metrics__item-body{grid-template-rows:1fr}.whoop-metrics__item-body-inner{overflow:hidden}.whoop-metrics__item-body p{max-width:620px;margin:0 0 30px;font-size:21px;line-height:34px}@media(max-width:980px){.whoop-metrics{padding:86px 0}.whoop-metrics__title{margin-bottom:72px}.whoop-metrics__bar{margin-bottom:44px}.whoop-metrics__tab{min-height:44px;padding:0 20px;font-size:14px}.whoop-metrics__panel{grid-template-columns:minmax(0,1fr);column-gap:0}.whoop-metrics__content{display:contents}.whoop-metrics__panel-title{order:1;margin-bottom:30px;font-size:32px;line-height:34px}.whoop-metrics__media{order:2;margin-bottom:26px}.whoop-metrics__accordion{order:3}.whoop-metrics__item-toggle{padding:22px 0;font-size:19px;line-height:24px}.whoop-metrics__item-body p{font-size:17px;line-height:24px}}@media(min-width:981px){.whoop-metrics .whoop-metrics__title{margin-bottom:128px;font-size:clamp(56px,6.2vw,111px);line-height:1.05}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/whoop-health-metrics.css.map */