.pft{position:relative;width:100%;overflow-x:clip;padding-block:var(--pft-padding-top) var(--pft-padding-bottom);color:var(--pft-text-color);background:var(--pft-section-background)}.pft,.pft *,.pft *:before,.pft *:after{box-sizing:border-box}.pft__container{width:min(calc(100% - 40px),var(--pft-container-width));margin-inline:auto}.pft__component{display:block;--pft-panel-height-fluid: clamp(560px, 48vw, var(--pft-panel-height))}.pft__frame{position:relative;overflow:hidden;border-radius:var(--pft-frame-radius);background:var(--pft-frame-background)}.pft__tabs-shell{position:relative;z-index:30;padding:10px 12px 0;background:var(--pft-frame-background)}.pft__tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-bottom:1px solid rgb(21 21 21 / 10%)}.pft__tab{position:relative;min-height:40px;padding:7px 0 10px;border:0;color:var(--pft-muted-color);background:transparent;font:inherit;font-size:14px;font-weight:400;letter-spacing:-.01em;line-height:1.2;text-align:left;cursor:pointer;transition:color .22s ease}.pft__tab:after{content:"";position:absolute;right:0;bottom:-1px;left:0;height:2px;background:var(--pft-text-color);transform:scaleX(0);transform-origin:center;transition:transform .32s cubic-bezier(.16,1,.3,1)}.pft__tab:hover{color:color-mix(in srgb,var(--pft-text-color) 72%,var(--pft-muted-color))}.pft__tab.is-active{color:var(--pft-text-color);font-weight:600}.pft__tab.is-active:after{transform:scaleX(1)}.pft__tab:focus-visible,.pft__button:focus-visible,.pft__review-dot:focus-visible{outline:2px solid var(--pft-accent-color);outline-offset:3px}.pft__panels{position:relative;overflow:hidden;transition:height .34s cubic-bezier(.22,.61,.36,1)}.pft__track{display:flex;width:100%;align-items:flex-start;will-change:transform;transform:translateZ(0);transition:transform var(--pft-track-duration, .42s) cubic-bezier(.22,.61,.36,1)}.pft__track.is-dragging{transition:none}.pft__panel{position:relative;flex:0 0 100%;width:100%;min-width:100%;min-height:var(--pft-panel-height-fluid);overflow:hidden;isolation:isolate;background-color:var(--pft-panel-background)}.pft__panel-background{position:absolute;z-index:0;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;overflow:hidden;pointer-events:none}.pft__panel-background-image{display:block;width:100%;height:100%;min-width:100%;min-height:100%;max-width:none;object-fit:cover;object-position:center center;transform:scale(1.08);transform-origin:center center}.pft__panel-background--mobile-only{display:none}.pft__panel:before{content:"";position:absolute;z-index:0;top:0;right:0;bottom:0;left:0;opacity:var(--pft-glow-opacity);background:radial-gradient(ellipse 88% 145% at var(--pft-glow-x, 18%) var(--pft-glow-y, 52%),rgb(var(--pft-glow-rgb) / 1) 0%,rgb(var(--pft-glow-rgb) / .78) 35%,rgb(var(--pft-glow-rgb) / .38) 60%,rgb(var(--pft-glow-rgb) / 0) 100%),linear-gradient(90deg,rgb(var(--pft-glow-rgb) / .3) 0%,rgb(var(--pft-glow-rgb) / .1) 48%,transparent 82%);pointer-events:none}.pft__panel--sleep{--pft-glow-x: 18%;--pft-glow-y: 52%}.pft__panel--workout{--pft-glow-x: 24%;--pft-glow-y: 54%}.pft__panel--relive{--pft-glow-x: 22%;--pft-glow-y: 52%}.pft__panel--dial{--pft-glow-x: 20%;--pft-glow-y: 52%}.pft__panel:after{content:"";position:absolute;z-index:0;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent 0%,rgb(255 255 255 / 10%) 55%,rgb(255 255 255 / 36%) 100%);pointer-events:none}.pft__panel--has-bg-desktop:before,.pft__panel--has-bg-desktop:after{display:none}.pft__panel[hidden]{display:none}.pft__component.is-js-ready .pft__panel{display:block}.pft__nav-arrow{position:absolute;z-index:40;top:50%;display:grid;width:44px;height:44px;place-items:center;padding:0;border:1px solid rgb(255 255 255 / 72%);border-radius:999px;color:var(--pft-text-color);background:#ffffff8a;-webkit-backdrop-filter:blur(16px) saturate(135%);backdrop-filter:blur(16px) saturate(135%);box-shadow:0 12px 28px #0000001f,inset 1px 1px 1px #ffffffd1,inset -1px -1px 1px #ffffff57;transform:translateY(-50%);opacity:0;visibility:hidden;pointer-events:none;cursor:pointer;transition:transform .24s cubic-bezier(.16,1,.3,1),opacity .22s ease,background-color .22s ease,box-shadow .22s ease,visibility .22s ease}.pft__component.is-js-ready .pft__nav-arrow{opacity:1;visibility:visible;pointer-events:auto}.pft__nav-arrow--prev{left:14px}.pft__nav-arrow--next{right:14px}.pft__nav-arrow svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8}.pft__nav-arrow:hover:not(:disabled){background:#ffffffb3;box-shadow:0 16px 32px #00000026,inset 1px 1px 1px #ffffffeb}.pft__nav-arrow--prev:hover:not(:disabled){transform:translateY(-50%) translate(-2px)}.pft__nav-arrow--next:hover:not(:disabled){transform:translateY(-50%) translate(2px)}.pft__component.is-js-ready .pft__nav-arrow:disabled{opacity:.24;cursor:default;pointer-events:none}.pft__nav-arrow:focus-visible{outline:2px solid var(--pft-accent-color);outline-offset:3px}.pft__panel-inner{position:relative;z-index:1;display:grid;grid-template-columns:minmax(280px,.82fr) minmax(0,1.48fr);min-height:var(--pft-panel-height-fluid)}.pft__content{position:relative;z-index:10;align-self:center;max-width:455px;padding:clamp(38px,4.2vw,70px) 18px clamp(38px,4.2vw,70px) clamp(30px,4vw,64px)}.pft__eyebrow{margin-bottom:6px;color:color-mix(in srgb,var(--pft-text-color) 62%,transparent);font-size:clamp(14px,1.05vw,18px);font-weight:700;line-height:1.2}.pft__eyebrow>*{margin:0}.pft__eyebrow strong{color:var(--pft-accent-color)}.pft__panel--relive .pft__eyebrow strong,.pft__panel--dial .pft__eyebrow strong{color:color-mix(in srgb,var(--pft-text-color) 42%,transparent)}.pft__heading{margin:0;color:var(--pft-text-color);font:inherit;font-size:clamp(34px,3.25vw,var(--pft-heading-size));font-weight:700;letter-spacing:-.045em;line-height:.98}.pft__description{max-width:370px;margin-top:16px;color:color-mix(in srgb,var(--pft-text-color) 88%,transparent);font-size:clamp(12px,.92vw,14px);line-height:1.46}.pft__description>*{margin-block:0 8px}.pft__description>*:last-child{margin-bottom:0}.pft__button{display:inline-flex;min-width:164px;min-height:38px;align-items:center;justify-content:center;margin-top:22px;padding:9px 24px;border-radius:999px;color:var(--pft-button-text);background:var(--pft-button-background);box-shadow:0 12px 24px #0000001a,inset 1px 1px 1px #ffffff26;font-size:12px;font-weight:700;line-height:1;text-decoration:none;text-transform:lowercase;transition:transform .22s ease,box-shadow .22s ease}.pft__button:hover{transform:translateY(-2px);box-shadow:0 16px 30px #00000024}.pft__visual-stage{position:relative;z-index:2;min-width:0;min-height:var(--pft-panel-height-fluid);overflow:visible;isolation:isolate}.pft__media-canvas{position:absolute;top:0;right:0;bottom:0;left:0;min-width:0;min-height:100%}.pft__main-media,.pft__floating-media,.pft__floating-media-two,.pft__reviews{will-change:transform,opacity}.pft__main-media{position:absolute;z-index:2;top:var(--pft-main-y);left:var(--pft-main-x);width:var(--pft-main-width);overflow:hidden;border-radius:16px;box-shadow:0 18px 38px #1e1e1e1a;transition:transform .7s cubic-bezier(.16,1,.3,1),box-shadow .35s ease}.pft__visual-stage:hover .pft__main-media{transform:translateY(-3px) scale(1.006);box-shadow:0 24px 44px #1e1e1e21}.pft__media-ratio--portrait{aspect-ratio:3 / 4}.pft__media-ratio--tall{aspect-ratio:4 / 5}.pft__media-ratio--landscape{aspect-ratio:4 / 3}.pft__media-ratio--square{aspect-ratio:1}@media screen and (min-width:750px){.pft__panel--sleep .pft__main-media{aspect-ratio:5 / 8}.pft__panel--workout .pft__main-media,.pft__panel--relive .pft__main-media{aspect-ratio:7 / 12}.pft__panel--dial .pft__main-media{aspect-ratio:9 / 8}.pft__panel--sleep .pft__main-media .pft__media-element{object-position:54% 50%}.pft__panel--workout .pft__main-media .pft__media-element,.pft__panel--relive .pft__main-media .pft__media-element,.pft__panel--dial .pft__main-media .pft__media-element{object-position:50% 50%}}.pft__media-element{display:block;width:100%;height:100%;object-position:center}.pft__media-fit--contain .pft__media-element{object-fit:contain}.pft__media-fit--cover .pft__media-element{object-fit:cover}.floating-product-wrapper.pft__floating-media,.floating-product-wrapper.pft__floating-media-two{position:absolute;pointer-events:none;filter:drop-shadow(0 18px 18px rgb(25 25 25 / 18%))}.floating-product-wrapper.pft__floating-media{z-index:5;top:var(--pft-floating-y);left:var(--pft-floating-x);width:var(--pft-floating-width)}.floating-product-wrapper.pft__floating-media-two{z-index:6;top:var(--pft-floating-two-y);left:var(--pft-floating-two-x);width:var(--pft-floating-two-width)}.pft__floating-media .pft__media-element{animation:pft-idle-float 6.8s ease-in-out infinite}.pft__floating-media-two .pft__media-element{animation:pft-idle-float-two 7.6s ease-in-out infinite}.pft__reviews{position:absolute;z-index:9;top:var(--pft-review-y);left:var(--pft-review-x);width:var(--pft-review-width)}.pft__review-viewport{position:relative;width:100%}.pft__review-slide[hidden]{display:none}.pft__review-glass{position:relative;overflow:hidden;width:100%;min-height:104px;padding:clamp(15px,1.45vw,20px);border:1px solid rgb(255 255 255 / 74%);border-radius:14px;color:var(--pft-text-color);background:linear-gradient(145deg,#ffffff7a,#ffffff1a 58%),var(--pft-glass-background);-webkit-backdrop-filter:blur(var(--pft-glass-blur)) saturate(138%);backdrop-filter:blur(var(--pft-glass-blur)) saturate(138%);box-shadow:0 18px 34px rgb(36 36 36 / var(--pft-glass-shadow-opacity)),inset 0 0 16px #00000008,inset 2px 2px 1px -1px #ffffffe0,inset -2px -2px 1px -1px #ffffff75}.pft__review-glass:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;padding:1px;background:linear-gradient(to bottom,#ffffffc7,#ffffff2e 36%,#ffffff0d,#ffffff61);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;pointer-events:none}.pft__review-glass:after{content:"";position:absolute;width:70%;aspect-ratio:1;top:-55%;left:-20%;border-radius:50%;background:radial-gradient(circle,rgb(255 255 255 / 68%) 0%,transparent 68%);pointer-events:none}.pft__review-text,.pft__review-footer{position:relative;z-index:2}.pft__review-text{font-size:clamp(10px,.78vw,12px);line-height:1.45}.pft__review-text>*{margin:0}.pft__review-footer{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-top:13px}.pft__review-author{font-size:11px;line-height:1.2}.pft__rating{display:flex;gap:2px;color:var(--pft-review-stars)}.pft__star{width:13px;height:13px;fill:transparent;stroke:currentColor;stroke-width:1.15}.pft__star.is-filled{fill:currentColor}.pft__review-dots{display:flex;align-items:center;gap:7px;margin-top:11px;padding-left:7px}.pft__review-dot{width:5px;height:5px;padding:0;border:0;border-radius:99px;background:#1515153d;cursor:pointer;transition:width .26s cubic-bezier(.16,1,.3,1),background-color .22s ease,transform .22s ease}.pft__review-dot:hover{transform:scale(1.25)}.pft__review-dot.is-active{width:18px;background:var(--pft-text-color)}.pft__review-slide.is-review-entering .pft__review-glass{animation:pft-review-in .48s cubic-bezier(.16,1,.3,1) both}.pft__panel.is-entering .pft__content{animation:pft-enter-left .62s cubic-bezier(.16,1,.3,1) both}.pft__panel.is-entering .pft__main-media{animation:pft-enter-media .76s 60ms cubic-bezier(.16,1,.3,1) both}.pft__panel.is-entering .pft__floating-media{animation:pft-enter-float .72s .15s cubic-bezier(.16,1,.3,1) both}.pft__panel.is-entering .pft__floating-media-two{animation:pft-enter-float .72s .23s cubic-bezier(.16,1,.3,1) both}.pft__panel.is-entering .pft__reviews{animation:pft-enter-review .65s .3s cubic-bezier(.16,1,.3,1) both}@keyframes pft-enter-left{0%{opacity:0;transform:translate3d(-22px,10px,0)}to{opacity:1;transform:translateZ(0)}}@keyframes pft-enter-right{0%{opacity:0;transform:translate3d(26px,8px,0)}to{opacity:1;transform:translateZ(0)}}@keyframes pft-enter-media{0%{opacity:0;transform:translate3d(0,22px,0) scale(.965)}to{opacity:1;transform:translateZ(0) scale(1)}}@keyframes pft-enter-float{0%{opacity:0;transform:translate3d(22px,16px,0) scale(.94);filter:blur(7px)}to{opacity:1;transform:translateZ(0) scale(1);filter:blur(0)}}@keyframes pft-enter-review{0%{opacity:0;transform:translate3d(18px,14px,0) scale(.97)}to{opacity:1;transform:translateZ(0) scale(1)}}@keyframes pft-fade-up{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes pft-soft-appear{0%{opacity:0}to{opacity:1}}@keyframes pft-soft-zoom{0%{opacity:0;transform:scale(.965)}to{opacity:1;transform:scale(1)}}@keyframes pft-review-in{0%{opacity:0;transform:translate(12px) scale(.985)}to{opacity:1;transform:translate(0) scale(1)}}@keyframes pft-idle-float{0%,to{transform:translateZ(0)}50%{transform:translate3d(0,-6px,0)}}@keyframes pft-enter-media-mobile{0%{opacity:0;transform:translate(-50%) translateY(22px) scale(.965)}to{opacity:1;transform:translate(-50%) translateY(0) scale(1)}}@keyframes pft-idle-float-two{0%,to{transform:translateZ(0)}50%{transform:translate3d(3px,-5px,0)}}.pft__empty-state{display:grid;min-height:300px;place-items:center;padding:40px 24px;background:var(--pft-frame-background);text-align:center}@media screen and (max-width:1099px)and (min-width:750px){.pft__panel-inner{grid-template-columns:minmax(240px,.82fr) minmax(0,1.3fr)}.pft__content{padding-left:36px;padding-right:12px}.pft__heading{font-size:clamp(32px,4vw,42px)}}@media screen and (max-width:749px){.pft{padding-block:var(--pft-padding-top-mobile) var(--pft-padding-bottom-mobile)}.pft__container{width:min(calc(100% - 20px),var(--pft-container-width))}.pft__tabs-shell{padding:8px 10px 0;overflow:hidden}.pft__tabs{display:flex;overflow-x:auto;scrollbar-width:none;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch}.pft__tabs::-webkit-scrollbar{display:none}.pft__tab{flex:0 0 auto;min-width:max-content;min-height:42px;padding-inline:12px;font-size:14px;scroll-snap-align:center}.pft__panel{min-height:0}.pft__panel-background--mobile-only{display:block}.pft__panel-background-image{transform:scale(1.06)}.pft__panel:before{background:radial-gradient(ellipse 120% 95% at 24% 42%,rgb(var(--pft-glow-rgb) / .95) 0%,rgb(var(--pft-glow-rgb) / .55) 38%,transparent 74%)}.pft__panel--has-bg-mobile:before,.pft__panel--has-bg-mobile:after{display:none}.pft__panel-inner{display:flex;min-height:0;flex-direction:column}.pft__content{order:1;max-width:none;padding:32px 18px 12px}.pft__eyebrow{font-size:15px}.pft__heading{font-size:var(--pft-heading-size-mobile)}.pft__description{max-width:540px;font-size:13px}.pft__button{min-height:40px;margin-top:18px}.pft__visual-stage{order:2;display:flex;min-height:0;flex-direction:column;margin-top:0;overflow:visible}.pft__media-canvas{position:relative;inset:auto;flex:0 0 auto;min-height:clamp(390px,108vw,510px);overflow:visible}.pft__panel--workout .pft__media-canvas{min-height:clamp(410px,112vw,530px)}.pft__panel--relive .pft__media-canvas,.pft__panel--dial .pft__media-canvas{min-height:clamp(380px,104vw,500px)}.pft__main-media{top:clamp(12px,var(--pft-main-y-mobile),38px);left:50%;width:var(--pft-main-width);transform:translate(-50%)}.pft__visual-stage:hover .pft__main-media{transform:translate(-50%)}.pft__panel.is-entering .pft__main-media{animation-name:pft-enter-media-mobile}.floating-product-wrapper.pft__floating-media{top:var(--pft-floating-y-mobile);left:var(--pft-floating-x-mobile);width:var(--pft-floating-width)}.floating-product-wrapper.pft__floating-media-two{top:var(--pft-floating-two-y-mobile);left:var(--pft-floating-two-x-mobile);width:var(--pft-floating-two-width)}.floating-product-wrapper.pft__floating-media-two--hidden-mobile{display:none}.pft__reviews{position:relative;top:auto;left:auto;width:min(var(--pft-review-width-mobile),calc(100% - 24px));margin-top:clamp(12px,var(--pft-review-y-mobile),28px);margin-left:clamp(0px,var(--pft-review-x-mobile),18%);margin-bottom:22px;align-self:flex-start}.pft__review-glass{min-height:0;padding:15px}.pft__review-text,.pft__review-author{font-size:12px}.pft__star{width:14px;height:14px}.pft__review-dots{margin-top:9px}}@media screen and (max-width:419px){.pft__content{padding-inline:18px}.pft__heading{font-size:clamp(30px,9vw,var(--pft-heading-size-mobile))}.pft__description{font-size:12px}.pft__media-canvas{min-height:390px}}@supports not ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))){.pft__review-glass{background:color-mix(in srgb,var(--pft-glass-background) 88%,#fff)}}@media(prefers-reduced-motion:reduce){.pft__tab,.pft__tab:after,.pft__button,.pft__main-media,.pft__review-dot,.pft__panel.is-entering .pft__content,.pft__panel.is-entering .pft__main-media,.pft__panel.is-entering .pft__floating-media,.pft__panel.is-entering .pft__floating-media-two,.pft__panel.is-entering .pft__reviews,.pft__floating-media .pft__media-element,.pft__floating-media-two .pft__media-element,.pft__review-slide.is-review-entering .pft__review-glass{animation:none;transition:none}}.pft__component.is-js-ready .pft__tab:after{transition-duration:.36s}.pft__panels,.pft__track{backface-visibility:hidden;-webkit-backface-visibility:hidden}.pft__panel img,.pft__panel video{-webkit-user-drag:none;-webkit-user-select:none;user-select:none}@media screen and (max-width:749px){.pft__panels{touch-action:pan-y pinch-zoom;overscroll-behavior-x:contain}.pft__track{touch-action:pan-y pinch-zoom}.pft__component.is-dragging,.pft__component.is-dragging *{cursor:grabbing}.pft__nav-arrow{top:62%;width:36px;height:36px;background:#ffffff9e;-webkit-backdrop-filter:blur(14px) saturate(130%);backdrop-filter:blur(14px) saturate(130%);box-shadow:0 9px 22px #00000021,inset 1px 1px 1px #ffffffdb}.pft__nav-arrow--prev{left:6px}.pft__nav-arrow--next{right:6px}.pft__nav-arrow svg{width:17px;height:17px}}@media(prefers-reduced-motion:reduce){.pft__track,.pft__panels,.pft__nav-arrow{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/62/assets/section-premium-feature-tabs.css.map */