:root{--color-ep-aqua:#00a6a2;--color-ep-deepnavy:#101c30;--color-ep-navy:#192b4b;--color-ep-blue:#063f7f;--color-ep-teal:#087595;--color-ep-green:#35b77f;--color-ep-slate:#677582;--color-ep-white:#fff;--color-ep-red:#ed5855;--color-ep-deepnavy-hl:#2d4e86;--color-ep-navy-hl:#5485b2;--color-ep-blue-hl:#11b0fe;--color-ep-teal-hl:#16f2ff;--color-ep-green-hl:#09e87f;--color-ep-slate-hl:#c6ccd2;--color-ep-red-hl:#ff8d87;--color-ep-slate-sh:#3e4a5b;--color-ep-deepnavy-32:#101c3052;--color-ep-blue-hl-16:#11b0fe29;--color-ep-blue-4:#063f7f0a;--color-ep-teal-12:#0875951f;--color-ep-slate-16:#67758229;--color-ep-slate-8:#67758214;--color-ep-red-8:#ed585514;--font-family-gloock:"Gloock";--font-family-dm-sans:"DM Sans";--font-style-regular:400;--font-style-bold:700;--font-size-10:10px;--font-line-height-12:12px;--radius-6:6px;--radius-12:12px;--radius-full:999px;--type-primary-font:"Gloock";--type-secondary-font:"DM Sans";--type-h1-size:0px;--radius-corner-sm:var(--radius-6);--radius-corner-md:var(--radius-12);--radius-corner-full:var(--radius-full);--font-family-primary:var(--font-family-gloock);--font-family-secondary:var(--font-family-dm-sans)}:root,[data-theme=light]{--surface-1:#fff;--surface-1-element:#063f7f;--color-bg-primary:var(--surface-1);--color-text-primary:var(--surface-1-element);--color-text-secondary:var(--color-ep-slate);--color-border-default:var(--color-ep-slate-8);--color-action-primary:var(--color-ep-teal);--color-action-primary-hover:var(--color-ep-teal-hl)}[data-theme=dark]{--surface-1:#063f7f;--surface-1-element:#fff;--color-bg-primary:var(--surface-1);--color-text-primary:var(--surface-1-element);--color-text-secondary:var(--color-ep-slate-hl);--color-border-default:var(--color-ep-slate-16);--color-action-primary:var(--color-ep-teal-hl);--color-action-primary-hover:var(--color-ep-aqua)}*,:before,:after{box-sizing:border-box}body{font-family:var(--font-family-dm-sans), var(--font-family-secondary), system-ui, sans-serif;color:var(--color-text-primary);background:var(--color-bg-primary);-webkit-font-smoothing:antialiased;margin:0;font-size:16px;line-height:1.5}#root{min-height:100vh}code{font-family:var(--font-family-mono);font-size:var(--font-size-sm)}a{color:var(--color-action-primary)}.message-callout{border:1px solid var(--color-ep-blue-hl-16,#11b0fe29);background:var(--color-ep-blue-hl-16,#11b0fe29);border-radius:16px;justify-content:center;align-items:center;padding:24px;display:flex}.message-callout__text{font-family:var(--font-family-dm-sans,"DM Sans", sans-serif);color:var(--color-ep-blue,#063f7f);text-align:center;white-space:nowrap;margin:0;font-size:13px;font-weight:400;line-height:1.16}.iphone-ui-overlay{z-index:10;pointer-events:none;position:absolute;inset:0}.iphone-ui-overlay__dynamic-island{background:#000;border-radius:71px;width:125px;height:37px;position:absolute;top:14px;left:50%;transform:translate(-50%)}.iphone-ui-overlay__home-indicator{background:#000;border-radius:100px;position:absolute}.iphone-ui-overlay--portrait .iphone-ui-overlay__home-indicator{width:144px;height:5px;bottom:8px;left:50%;transform:translate(-50%)}.iphone-ui-overlay--landscape .iphone-ui-overlay__home-indicator{width:5px;height:226px;top:50%;left:8px;transform:translateY(-50%)}:root{--device-frame-width:440px;--device-frame-height:956px}.device-frame{width:var(--device-frame-width,440px);height:var(--device-frame-height,956px);background:var(--color-bg-primary,#fff);flex-shrink:0;position:relative;overflow:hidden}.device-frame[data-orientation=landscape]{width:var(--device-frame-height);height:var(--device-frame-width)}.device-frame__content{width:100%;height:100%;position:relative;overflow:auto}.device-frame-preview-grid{gap:var(--space-8,2rem);flex-wrap:wrap;align-items:flex-start;display:flex}.device-frame-preview-label{margin:0 0 var(--space-2,.5rem);font-size:var(--font-size-sm,.875rem);color:var(--color-text-secondary);text-transform:capitalize;font-weight:500}.device-frame-demo-content{background:linear-gradient(180deg, var(--color-ep-teal-12,#0875951f) 0%, var(--color-bg-primary,#fff) 40%);height:100%;color:var(--color-text-primary);text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:60px 20px 40px;display:flex}.device-frame-demo-content p{font-size:var(--font-size-sm,.875rem);color:var(--color-text-secondary);margin:0}.device-frame-demo-content h4{margin:0 0 var(--space-2,.5rem);font-family:var(--font-family-gloock,serif);font-size:var(--font-size-xl,1.25rem);font-weight:400}.header-icon-btn{border-radius:var(--radius-full,999px);cursor:pointer;width:40px;height:40px;color:var(--color-ep-navy,#192b4b);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:inline-flex;position:relative;overflow:clip}.header-icon-btn__bg{pointer-events:none;border-radius:inherit;position:absolute;inset:0}.header-icon-btn--neutral .header-icon-btn__bg{background:linear-gradient(180deg, var(--color-ep-slate-hl,#c6ccd2) 0%, #85929e00 100%)}.header-icon-btn--neutral .header-icon-btn__bg:after{content:"";border-radius:inherit;mix-blend-mode:screen;background:#ffffffb5;position:absolute;inset:0}.header-icon-btn--neutral{box-shadow:inset 0 0 2px 0 var(--color-ep-slate-hl,#c6ccd2)}.header-icon-btn--teal .header-icon-btn__bg{background:linear-gradient(90deg,#0875950a 0% 100%),linear-gradient(#08759529 0%,#08759500 100%)}.header-icon-btn--teal{box-shadow:inset 0 0 2px 0 var(--color-ep-teal-12,#0875951f)}.header-icon-btn--danger .header-icon-btn__bg{background:linear-gradient(90deg,#ed585503 0% 100%),linear-gradient(#ff8d871f 0%,#ff8d8700 100%)}.header-icon-btn--danger{box-shadow:inset 0 0 2px #ff8d877a}.header-action-spacer{opacity:0;pointer-events:none;flex-shrink:0;width:40px;height:40px;display:block}.header-m{box-sizing:border-box;background:0 0;justify-content:center;align-items:center;width:440px;height:64px;padding:12px 20px;display:flex}.header-m__contents{flex:1;align-items:center;gap:4px;min-width:0;display:flex}.header-m--balanced-right .header-m__contents{padding-right:44px}.header-m--tab .header-m__contents{gap:4px}.header-m__tab-title{min-width:0;font-family:var(--font-family-dm-sans,"DM Sans", sans-serif);text-align:center;color:var(--color-ep-navy,#192b4b);word-break:break-word;flex:1;margin:0;font-size:22px;font-weight:700;line-height:1.16}.header-m__title-group{flex:1;justify-content:center;align-items:center;gap:8px;min-width:0;display:flex}.header-m__emoji{text-align:center;flex-shrink:0;width:24px;height:24px;font-size:24px;line-height:1}.header-m__title-wrap{flex-shrink:0;justify-content:center;align-items:center;display:flex}.header-m__title-wrap--offset{padding-right:16px}.header-m__title{font-family:var(--font-family-dm-sans,"DM Sans", sans-serif);text-align:center;white-space:nowrap;color:var(--color-ep-navy,#192b4b);word-break:break-word;margin:0;font-size:22px;font-weight:700;line-height:1.16}.headers-gallery{flex-direction:column;gap:2rem;display:flex}.headers-gallery__row{flex-direction:column;gap:1.25rem;display:flex}.headers-gallery__label{color:var(--color-text-secondary);margin:0 0 .5rem;font-size:.8125rem}.headers-gallery__demo-frame{border:1px solid var(--color-border-default);border-radius:var(--radius-corner-md,12px);background:var(--surface-1,#fff);width:440px;overflow:hidden}.headers-gallery__controls{flex-wrap:wrap;gap:.5rem;margin-bottom:.75rem;display:flex}.headers-gallery__controls button{border:1px solid var(--color-border-default);border-radius:var(--radius-corner-sm,6px);background:var(--color-bg-primary);color:var(--color-text-primary);cursor:pointer;padding:.35rem .65rem;font-size:.8125rem}.headers-gallery__controls button[aria-pressed=true]{border-color:var(--color-ep-teal);background:var(--color-ep-teal-12)}.headers-gallery__icon-row{align-items:center;gap:1rem;display:flex}.noti-badge{background:linear-gradient(180deg, #16f2ff00 0%, #16f2ff47 100%), var(--color-ep-aqua,#00a6a2);color:#fff;min-width:16px;height:16px;font-family:var(--font-family-dm-sans,"DM Sans", sans-serif);text-align:center;border-radius:31px;justify-content:center;align-items:center;padding:3px;font-size:11px;font-weight:700;line-height:1.16;display:inline-flex}.btn-notifications{cursor:pointer;width:34px;height:34px;color:var(--color-ep-blue,#063f7f);background:0 0;border:none;justify-content:center;align-items:center;padding:5px;display:inline-flex;position:relative}.btn-notifications__badge{position:absolute;top:1px;left:20px}.btn-settings{cursor:pointer;color:var(--color-ep-blue,#063f7f);background:0 0;border:none;justify-content:center;align-items:center;padding:5px;display:inline-flex}.nav-icon{cursor:pointer;border-radius:var(--radius-corner-full,999px);width:84px;height:61px;color:var(--color-ep-blue,#063f7f);background:0 0;border:none;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;gap:4px;padding:0 29px;display:flex;position:relative}.nav-icon__icon-wrap{justify-content:center;align-items:center;width:24px;height:19px;display:flex}.nav-icon__label{font-family:var(--font-family-dm-sans,"DM Sans", sans-serif);text-align:center;white-space:nowrap;font-size:9px;font-weight:700;line-height:1.16}.nav-icon__badge{position:absolute;top:9px;left:45.5px}.nav-active-highlight{border-radius:var(--radius-full,999px);background:var(--color-ep-aqua-12,#00a6a21f);flex-shrink:0;width:84px;height:61px;transition:transform .25s}.bottom-nav{box-sizing:border-box;justify-content:center;align-items:center;width:440px;height:68px;padding:7px 24px 0;display:flex;position:relative}.bottom-nav__fade{pointer-events:none;background:linear-gradient(#fff0 0%,#fffffff5 46.626%);height:148px;position:absolute;bottom:-39px;left:0;right:0}.bottom-nav--invisible .bottom-nav__fade{height:232px}.bottom-nav__highlight-track{pointer-events:none;width:316px;height:61px;position:absolute;top:7px;left:50%;transform:translate(-50%)}.bottom-nav__highlight{position:absolute;top:0;left:0}.bottom-nav__items{z-index:1;justify-content:center;align-items:center;gap:32px;display:flex;position:relative}.bottom-nav--invisible{pointer-events:none}.bottom-nav--invisible .bottom-nav__items{display:none}.navigation-gallery{gap:var(--space-8,2rem);flex-direction:column;display:flex}.navigation-gallery__row{align-items:flex-end;gap:var(--space-6,1.5rem);flex-wrap:wrap;display:flex}.navigation-gallery__demo-frame{background:var(--color-bg-primary,#fff);border:1px solid var(--color-border-default);border-radius:var(--radius-corner-sm,6px);width:440px;position:relative;overflow:hidden}.navigation-gallery__demo-content{height:120px;color:var(--color-text-secondary);font-size:var(--font-size-sm,.875rem);justify-content:center;align-items:center;display:flex}.navigation-gallery__label{margin:0 0 var(--space-2,.5rem);font-size:var(--font-size-sm,.875rem);color:var(--color-text-secondary);font-weight:500}.navigation-gallery__controls{gap:var(--space-2,.5rem);margin-bottom:var(--space-3,.75rem);flex-wrap:wrap;display:flex}.navigation-gallery__controls button{padding:var(--space-1,.25rem) var(--space-3,.75rem);border:1px solid var(--color-border-default);border-radius:var(--radius-corner-sm,6px);background:var(--color-bg-primary);font-family:inherit;font-size:var(--font-size-sm,.875rem);cursor:pointer}.navigation-gallery__controls button[aria-pressed=true]{background:var(--color-ep-aqua-12);border-color:var(--color-ep-aqua)}.navigation-gallery__toolbar{align-items:center;gap:var(--space-2,.5rem);padding:var(--space-3,.75rem);justify-content:flex-end;display:flex}.btn{border-radius:var(--radius-corner-md,12px);cursor:pointer;font-family:var(--font-family-dm-sans,"DM Sans", sans-serif);white-space:nowrap;border:none;justify-content:center;align-items:center;gap:8px;font-weight:700;line-height:1.16;display:inline-flex;position:relative;overflow:clip}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--lg{letter-spacing:-.6px;height:64px;padding:0 24px;font-size:20px}.btn--md{letter-spacing:-.28px;height:42px;padding:0 16px;font-size:14px}.btn--sm{letter-spacing:-.22px;height:30px;padding:0 12px;font-size:11px}.btn--primary{color:var(--color-ep-white,#fff);background:linear-gradient(180deg, #16f2ff1d 0%, #16f2ff7a 100%), var(--color-ep-aqua,#00a6a2)}.btn--secondary .btn__bg{border-radius:inherit;pointer-events:none;background:linear-gradient(180deg, #85929e00 0%, #c6ccd2a3 100%), var(--color-ep-slate,#677582);position:absolute;inset:0}.btn--secondary .btn__bg:after{content:"";border-radius:inherit;mix-blend-mode:screen;background:#ffffffb5;position:absolute;inset:0}.btn--secondary{color:#4b5968}.btn--tertiary .btn__bg{border-radius:inherit;pointer-events:none;background:linear-gradient(180deg, var(--color-ep-slate-hl,#c6ccd2) 0%, #85929e00 100%);position:absolute;inset:0}.btn--tertiary .btn__bg:after{content:"";border-radius:inherit;mix-blend-mode:screen;background:#ffffffb5;position:absolute;inset:0}.btn--tertiary{color:var(--color-ep-slate,#677582)}.btn__inset-shadow{border-radius:inherit;pointer-events:none;box-shadow:inset 0 0 2px 0 var(--color-ep-slate-hl,#c6ccd2);position:absolute;inset:0}.btn__label,.btn__icon{z-index:1;position:relative}.btn__icon{flex-shrink:0;align-items:center;display:inline-flex}.stepper-btn{--stepper-size:90px;--stepper-release-duration:.8s;--stepper-boundary-release-duration:0s;--stepper-minus-pressed-scale:calc(84 / 90);--stepper-plus-pressed-scale:calc(96 / 90);width:var(--stepper-size);height:var(--stepper-size);cursor:pointer;touch-action:manipulation;contain:layout style;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:inline-flex;position:relative}.stepper-btn__visual{width:var(--stepper-size);height:var(--stepper-size);transform-origin:50%;justify-content:center;align-items:center;transition:none;display:flex;position:relative;transform:scale(1)}.stepper-btn--releasing .stepper-btn__visual{will-change:transform}.stepper-btn:disabled,.stepper-btn--disabled{cursor:not-allowed}.stepper-btn__surface,.stepper-btn__pressed-shadow{border-radius:var(--radius-full,999px);pointer-events:none;position:absolute;inset:0}.stepper-btn__surface{background:radial-gradient(ellipse 90% 95% at 50% 106%, #11b0fe52 0%, #11b0fe14 100%), var(--color-ep-blue,#063f7f)}.stepper-btn--disabled .stepper-btn__surface{background:radial-gradient(90% 95% at 50% 106%,#3e4a5b14 0%,#3e4a5b3d 100%),#c6ccd23d}.stepper-btn__pressed-shadow{box-shadow:inset 0 0 16px 0 var(--color-ep-blue,#063f7f)}.stepper-btn__icon{z-index:1;justify-content:center;align-items:center;display:inline-flex;position:relative}.stepper-btn--down.stepper-btn--direction-down .stepper-btn__visual{transform:scale(var(--stepper-minus-pressed-scale))}.stepper-btn--down.stepper-btn--direction-down .stepper-btn__surface{background:radial-gradient(ellipse 84% 100% at 50% 106%, #11b0fe 0%, #11b0fe3d 100%), var(--color-ep-blue,#063f7f)}.stepper-btn--down.stepper-btn--direction-up .stepper-btn__visual{transform:scale(var(--stepper-plus-pressed-scale))}.stepper-btn--down.stepper-btn--direction-up .stepper-btn__surface{background:radial-gradient(ellipse 96% 100% at 50% 106%, #11b0fe 0%, #11b0fe3d 100%), var(--color-ep-blue,#063f7f)}.stepper-btn--releasing.stepper-btn--direction-down .stepper-btn__visual{animation:stepper-minus-visual-release var(--stepper-release-duration) linear forwards}.stepper-btn--releasing:not(.stepper-btn--releasing-disabled).stepper-btn--direction-down .stepper-btn__surface{background:radial-gradient(ellipse 90% 95% at 50% 106%, #11b0fe52 0%, #11b0fe14 100%), var(--color-ep-blue,#063f7f)}.stepper-btn--releasing.stepper-btn--direction-up .stepper-btn__visual{animation:stepper-plus-visual-release var(--stepper-release-duration) linear forwards}.stepper-btn--releasing:not(.stepper-btn--releasing-disabled).stepper-btn--direction-up .stepper-btn__surface{background:radial-gradient(ellipse 90% 95% at 50% 106%, #11b0fe52 0%, #11b0fe14 100%), var(--color-ep-blue,#063f7f)}.stepper-btn--releasing-disabled.stepper-btn--direction-down .stepper-btn__visual{animation:stepper-minus-visual-release var(--stepper-boundary-release-duration) linear forwards}.stepper-btn--releasing-disabled.stepper-btn--direction-down .stepper-btn__surface{animation:stepper-minus-surface-disabled-release var(--stepper-boundary-release-duration) linear forwards}.stepper-btn--releasing-disabled.stepper-btn--direction-up .stepper-btn__visual{animation:stepper-plus-visual-release var(--stepper-boundary-release-duration) linear forwards}.stepper-btn--releasing-disabled.stepper-btn--direction-up .stepper-btn__surface{animation:stepper-plus-surface-disabled-release var(--stepper-boundary-release-duration) linear forwards}.stepper-btn--releasing-disabled .stepper-btn__icon svg{animation:stepper-icon-disabled-release var(--stepper-boundary-release-duration) linear forwards}.stepper-btn--releasing-disabled.stepper-btn--disabled .stepper-btn__surface{background:0 0}@keyframes stepper-minus-surface-disabled-release{0%{background:radial-gradient(ellipse 84% 100% at 50% 106%, #11b0fe 0%, #11b0fe3d 100%), var(--color-ep-blue,#063f7f);animation-timing-function:cubic-bezier(0,0,0,1.003)}to{background:radial-gradient(90% 95% at 50% 106%,#3e4a5b14 0%,#3e4a5b3d 100%),#c6ccd23d}}@keyframes stepper-plus-surface-disabled-release{0%{background:radial-gradient(ellipse 96% 100% at 50% 106%, #11b0fe 0%, #11b0fe3d 100%), var(--color-ep-blue,#063f7f);animation-timing-function:cubic-bezier(0,0,0,1.003)}to{background:radial-gradient(90% 95% at 50% 106%,#3e4a5b14 0%,#3e4a5b3d 100%),#c6ccd23d}}@keyframes stepper-icon-disabled-release{0%{fill:var(--color-ep-blue-hl,#11b0fe);animation-timing-function:cubic-bezier(0,0,0,1.003)}to{fill:var(--color-ep-slate,#677582)}}@keyframes stepper-minus-visual-release{0%{transform:scale(var(--stepper-minus-pressed-scale));animation-timing-function:cubic-bezier(0,0,0,1.003)}to{transform:scale(1)}}@keyframes stepper-plus-visual-release{0%{transform:scale(var(--stepper-plus-pressed-scale));animation-timing-function:cubic-bezier(0,0,0,1.003)}to{transform:scale(1)}}.stepper-btn:not(.stepper-btn--releasing) .stepper-btn__visual{will-change:auto}.increment-control{flex-direction:column;align-items:center;gap:8px;display:inline-flex}.workout-stepper{align-items:center;gap:12px;display:inline-flex}.stepper-micro-demo{flex-direction:column;gap:1.5rem;display:flex}.stepper-micro-demo__frame{box-sizing:border-box;border:1px solid var(--color-border-default);border-radius:var(--radius-corner-md,12px);background:var(--surface-1,#fff);flex-direction:column;gap:32px;max-width:440px;padding:61px 30px;display:flex}.segmented-control{box-sizing:border-box;border-radius:100px;align-items:center;height:36px;padding:4px 8px;display:flex;position:relative;overflow:clip}.segmented-control__track-bg{border-radius:inherit;pointer-events:none;background:linear-gradient(180deg, var(--color-ep-slate-hl,#c6ccd2) 0%, #85929e00 100%);position:absolute;inset:0}.segmented-control__track-bg:after{content:"";border-radius:inherit;mix-blend-mode:screen;background:#ffffffb5;position:absolute;inset:0}.segmented-control__indicator{background:var(--surface-1,#fff);border-bottom:1px solid var(--color-ep-teal-12,#0875951f);pointer-events:none;border-radius:20px;height:calc(100% - 8px);transition:transform .2s;position:absolute;top:4px;left:4px;box-shadow:0 2px 20px #0000000f}.segmented-control__segment{z-index:1;cursor:pointer;height:100%;font-family:var(--font-family-dm-sans,"DM Sans", sans-serif);letter-spacing:-.08px;color:var(--color-ep-slate,#677582);text-overflow:ellipsis;white-space:nowrap;background:0 0;border:none;flex:1;justify-content:center;align-items:center;padding:2px 10px;font-size:14px;font-weight:500;line-height:18px;display:flex;position:relative;overflow:hidden}.segmented-control__segment--selected{color:var(--color-ep-blue,#063f7f);font-weight:600}.segmented-control__inset-shadow{border-radius:inherit;pointer-events:none;box-shadow:inset 0 0 2px 0 var(--color-ep-slate-hl,#c6ccd2);position:absolute;inset:0}.swim-mode-toggle{box-sizing:border-box;border-radius:100px;align-items:stretch;padding:4px 8px;display:flex;position:relative;overflow:clip}.swim-mode-toggle--portrait{width:382px;height:61px}.swim-mode-toggle--landscape{flex-direction:column;width:61px;height:280px}.swim-mode-toggle__track-bg{border-radius:inherit;pointer-events:none;background:linear-gradient(180deg, var(--color-ep-slate-hl,#c6ccd2) 0%, #85929e00 100%);position:absolute;inset:0}.swim-mode-toggle--landscape .swim-mode-toggle__track-bg{background:linear-gradient(90deg, var(--color-ep-slate-hl,#c6ccd2) 0%, #85929e00 100%)}.swim-mode-toggle__track-bg:after{content:"";border-radius:inherit;mix-blend-mode:screen;background:#ffffffb5;position:absolute;inset:0}.swim-mode-toggle__indicator{background:var(--surface-1,#fff);border-bottom:1px solid var(--color-ep-teal-12,#0875951f);pointer-events:none;border-radius:67px;transition:transform .2s;position:absolute;top:4px;left:4px;box-shadow:0 2px 20px #0000000f}.swim-mode-toggle__option{z-index:1;cursor:pointer;background:0 0;border:none;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:4px;min-width:0;padding:2px 10px 0;display:flex;position:relative}.swim-mode-toggle--landscape .swim-mode-toggle__option{flex-direction:row}.swim-mode-toggle__rotated{flex-direction:column;justify-content:center;align-items:center;gap:4px;display:flex;transform:rotate(-90deg)}.swim-mode-toggle__label{font-family:var(--font-family-dm-sans,"DM Sans", sans-serif);letter-spacing:-.08px;color:var(--color-ep-slate,#677582);text-overflow:ellipsis;white-space:nowrap;font-size:10px;font-weight:600;line-height:10px;overflow:hidden}.swim-mode-toggle__label--active{color:var(--surface-1-element,#063f7f);font-weight:700}.swim-mode-toggle__inset-shadow{border-radius:inherit;pointer-events:none;box-shadow:inset 0 0 2px 0 var(--color-ep-slate-hl,#c6ccd2);position:absolute;inset:0}.buttons-gallery{flex-direction:column;gap:2rem;display:flex}.buttons-gallery__grid{flex-wrap:wrap;align-items:center;gap:1rem;display:flex}.buttons-gallery__matrix{grid-template-columns:repeat(3,auto);align-items:center;gap:1rem 1.5rem;display:grid}.buttons-gallery__matrix-label{color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.04em;font-size:.75rem}.buttons-gallery__row{flex-wrap:wrap;align-items:flex-start;gap:1.5rem;display:flex}.buttons-gallery__stepper-row{flex-wrap:wrap;gap:1rem;display:flex}.buttons-gallery__controls{flex-wrap:wrap;gap:.5rem;margin-bottom:.75rem;display:flex}.buttons-gallery__controls button{border:1px solid var(--color-border-default);border-radius:var(--radius-corner-sm,6px);background:var(--color-bg-primary);color:var(--color-text-primary);cursor:pointer;padding:.35rem .65rem;font-size:.8125rem}.buttons-gallery__controls button[aria-pressed=true]{border-color:var(--color-ep-teal);background:var(--color-ep-teal-12)}.buttons-gallery__label{color:var(--color-text-secondary);margin:0 0 .5rem;font-size:.8125rem}.manual-start-btn{--manual-start-release-duration:.8s;border-radius:var(--radius-full,999px);cursor:pointer;touch-action:manipulation;contain:layout style;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:inline-flex;position:relative}.manual-start-btn--lg{--manual-start-pressed-scale:calc(164 / 176);width:176px;height:176px}.manual-start-btn--sm{--manual-start-pressed-scale:calc(104 / 120);width:120px;height:120px}.manual-start-btn:disabled{cursor:not-allowed;opacity:.5}.manual-start-btn__visual{border-radius:inherit;transform-origin:50%;flex-direction:column;justify-content:center;align-items:center;gap:8px;width:100%;height:100%;transition:none;display:flex;position:relative;transform:scale(1)}.manual-start-btn--releasing .manual-start-btn__visual{will-change:transform}.manual-start-btn:not(.manual-start-btn--releasing) .manual-start-btn__visual{will-change:auto}.manual-start-btn__surface,.manual-start-btn__inset{border-radius:inherit;pointer-events:none;position:absolute;inset:0}.manual-start-btn--down .manual-start-btn__visual{transform:scale(var(--manual-start-pressed-scale))}.manual-start-btn--releasing .manual-start-btn__visual{animation:manual-start-visual-release var(--manual-start-release-duration) linear forwards}@keyframes manual-start-visual-release{0%{transform:scale(var(--manual-start-pressed-scale));animation-timing-function:cubic-bezier(0,0,0,1.003)}to{transform:scale(1)}}.manual-start-btn__inset{box-shadow:inset 0 0 16px 0 var(--color-ep-teal,#087595);z-index:1}.manual-start-btn__spacer{flex-shrink:0;width:24px;height:2px}.manual-start-btn__title{z-index:2;font-family:var(--font-family-dm-sans,"DM Sans", sans-serif);color:var(--color-ep-white,#fff);padding-bottom:8px;font-size:14px;font-weight:600;line-height:1.16;position:relative}.manual-start-btn--start:not(.manual-start-btn--down) .manual-start-btn__surface,.manual-start-btn--resume:not(.manual-start-btn--down) .manual-start-btn__surface{background:radial-gradient(ellipse 100% 100% at 50% 100%, #16f2ffa3 0%, #16f2ff3d 100%), var(--color-ep-aqua,#00a6a2)}.manual-start-btn--start.manual-start-btn--down .manual-start-btn__surface,.manual-start-btn--resume.manual-start-btn--down .manual-start-btn__surface{background:radial-gradient(ellipse 100% 100% at 50% 100%, #16f2ffd6 0%, #0bccd19e 50%, #00a6a23d 100%), var(--color-ep-teal,#087595)}.manual-start-btn--pause:not(.manual-start-btn--down) .manual-start-btn__surface{background:radial-gradient(ellipse 100% 100% at 50% 100%, #16f2ff8f 0%, #16f2ff3d 100%), var(--color-ep-teal,#087595)}.manual-start-btn--pause.manual-start-btn--down .manual-start-btn__surface{background:radial-gradient(ellipse 100% 100% at 50% 100%, #16f2ffd6 0%, #0fb4cabd 50%, #0875957a 100%), var(--color-ep-navy,#192b4b)}.manual-start-btn--finish:not(.manual-start-btn--down) .manual-start-btn__surface{background:radial-gradient(ellipse 100% 100% at 50% 100%, #09e87fa3 0%, #09e87f3d 100%), linear-gradient(90deg, #35b77f7a 0%, #35b77f7a 100%), var(--color-ep-teal,#087595)}.manual-start-btn--finish.manual-start-btn--down .manual-start-btn__surface{background:radial-gradient(ellipse 100% 100% at 50% 100%, #09e87f 0%, #09e87f3d 100%), var(--color-ep-teal,#087595)}.manual-start-btn__icon{z-index:2;justify-content:center;align-items:center;display:inline-flex;position:relative}.workout-control-bar{box-sizing:border-box;flex-shrink:0;justify-content:center;align-items:center;gap:16px;width:394px;max-width:100%;display:flex}.workout-metric-stepper{justify-content:center;align-items:center;display:flex}.workout-metric-stepper--stacked{flex-direction:column;gap:8px}.workout-metric-stepper__row{justify-content:center;align-items:center;gap:12px;display:flex}.workout-manual-controls{box-sizing:border-box;flex-shrink:0;align-items:center;display:flex}.workout-manual-controls--portrait{flex-direction:column;align-items:center;width:394px;max-width:100%}.workout-manual-controls--swim.workout-manual-controls--portrait{gap:24px}.workout-manual-controls--landscape{flex-shrink:0;justify-content:space-between;width:750px;max-width:100%;min-height:322px}.workout-manual-controls__control-container{flex-shrink:0;justify-content:center;align-items:center;display:flex}.workout-manual-controls__control-container--portrait{align-self:stretch;align-items:flex-start;width:100%}.workout-manual-controls__distance-start{flex-direction:column;flex-shrink:0;align-self:stretch;align-items:center;gap:8px;width:256px;display:flex}.workout-manual-controls--landscape .workout-manual-controls__control-container{flex:1;justify-content:center;align-items:center;width:100%;min-height:0}.workout-manual-controls--landscape .workout-control-bar{box-sizing:border-box;width:auto;height:176px;padding:2px 0}.workout-manual-controls__walk-landscape-col{flex-direction:column;flex-shrink:0;align-items:center;gap:8px;width:132px;display:flex}.workout-manual-controls__walk-landscape-col--duration{width:176px}.workout-manual-controls__walk-landscape-col--duration .attribute-set__value-unit--lg{width:100%;min-width:132px;max-width:176px}.workout-manual-controls__walk-landscape-col:not(.workout-manual-controls__walk-landscape-col--duration) .attribute-set__value-unit--lg{width:132px;min-width:132px}.workout-manual-controls--landscape .workout-metric-stepper{align-items:center;width:100%}.workout-manual-controls--landscape .workout-metric-stepper__row{justify-content:center;width:100%}.workout-manual-controls--portrait .workout-metric-stepper--stacked{flex-shrink:0;width:100%}.workout-manual-controls--portrait .workout-metric-stepper__row{flex-shrink:0;justify-content:center;width:100%;max-width:394px}.swim-now-gallery{flex-direction:column;gap:1.5rem;display:flex}.swim-now-gallery__grid{flex-wrap:wrap;align-items:flex-start;gap:24px;display:flex}.swim-now-gallery__matrix{border:1px solid var(--color-border-default);border-radius:var(--radius-corner-md,12px);background:var(--surface-1,#fff);grid-template-columns:repeat(4,auto);gap:16px;padding:24px;display:grid}.swim-now-gallery__matrix--2col{grid-template-columns:repeat(2,auto)}.swim-now-gallery__label{color:var(--color-text-secondary,#677582);margin:0 0 .35rem;font-size:.75rem}.swim-now-gallery__frame{border:1px solid var(--color-border-default);border-radius:var(--radius-corner-md,12px);background:var(--surface-1,#fff);padding:24px;overflow-x:auto}.swim-now-gallery__metrics-row{flex-wrap:wrap;align-items:flex-start;gap:32px;display:flex}.manual-workout-shell{background:#e8e8e8;flex-direction:column;align-items:center;gap:24px;min-height:100vh;padding:24px;display:flex}.manual-workout-shell__toolbar{width:min(960px,100%)}.manual-workout-shell__toolbar-row{justify-content:space-between;align-items:baseline;gap:16px;display:flex}.manual-workout-shell__title{font-family:var(--font-family-dm-sans,"DM Sans", sans-serif);color:var(--color-text-primary,#192b4b);margin:0;font-size:1.25rem;font-weight:700}.manual-workout-shell__link{color:var(--color-ep-blue,#063f7f);font-size:.875rem}.manual-workout-shell__hint{color:var(--color-text-secondary,#677582);margin:8px 0 16px;font-size:.8125rem;line-height:1.4}.manual-workout-shell__presets{flex-wrap:wrap;gap:8px;margin-bottom:12px;display:flex}.manual-workout-shell__preset{border:1px solid var(--color-border-default,#d8dee4);font-family:var(--font-family-dm-sans,"DM Sans", sans-serif);color:var(--color-text-secondary,#677582);cursor:pointer;background:#fff;border-radius:999px;padding:6px 10px;font-size:.6875rem}.manual-workout-shell__preset--active{border-color:var(--color-ep-blue,#063f7f);color:var(--color-ep-blue,#063f7f);background:var(--color-ep-blue-hl-16,#11b0fe29)}.manual-workout-shell__toggles{gap:16px;display:flex}.manual-workout-shell__toggle{color:var(--color-text-secondary,#677582);align-items:center;gap:8px;font-size:.8125rem;display:flex}.manual-workout-shell__toggle select{font:inherit;border:1px solid var(--color-border-default,#d8dee4);border-radius:8px;padding:4px 8px}.manual-workout-page{background:var(--surface-1,#fff);width:100%;height:100%;position:relative;overflow:hidden}.manual-workout-page--portrait{height:100%;position:relative;overflow:hidden}.manual-workout-page__header--portrait{z-index:2;position:absolute;top:60px;left:0;right:0}.manual-workout-page__manual-controls{box-sizing:border-box;flex-direction:column;justify-content:space-between;align-items:center;width:394px;height:859px;display:flex;position:absolute;top:72px;left:23px}.manual-workout-page__callout{flex-shrink:0;margin:0}.manual-workout-page__manual-controls .workout-manual-controls,.manual-workout-page__mode-toggle{flex-shrink:0}.manual-workout-page--landscape{grid-template-rows:1fr;grid-template-columns:64px 1fr 61px;align-items:stretch;display:grid}.manual-workout-page__notch-spacer{pointer-events:none;grid-column:1}.manual-workout-page__header--landscape{z-index:2;width:64px;height:64px;padding:12px 20px;position:absolute;top:4px;left:56px}.manual-workout-page__body--landscape{box-sizing:border-box;grid-area:1/1/auto/-1;justify-content:center;align-items:center;min-width:0;padding:59px 85px 0 64px;display:flex;overflow:hidden}.manual-workout-page__mode-rail{z-index:2;grid-area:1/3;justify-content:center;align-items:center;padding-right:24px;display:flex}.styleguide{min-height:100vh;display:flex}.styleguide-sidebar{width:var(--styleguide-sidebar-width);height:100vh;padding:var(--space-6);border-right:1px solid var(--color-border-default);background:var(--color-bg-secondary);flex-shrink:0;position:sticky;top:0;overflow-y:auto}.styleguide-sidebar-header{margin-bottom:var(--space-8)}.styleguide-title{margin:0 0 var(--space-1);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.styleguide-subtitle{margin:0 0 var(--space-4,1rem);font-size:var(--font-size-sm,.875rem);color:var(--color-text-secondary)}.theme-toggle{margin-top:var(--space-3,.75rem);padding:var(--space-2,.5rem) var(--space-3,.75rem);border:1px solid var(--color-border-default);border-radius:var(--radius-corner-sm,6px);background:var(--color-bg-primary);color:var(--color-text-primary);font-family:inherit;font-size:var(--font-size-sm,.875rem);cursor:pointer}.theme-toggle:hover{background:var(--color-ep-teal-12,#0875951f)}.token-collection{margin-bottom:var(--space-10,2.5rem)}.token-collection-title{margin:0 0 var(--space-2,.5rem);font-family:var(--font-family-gloock,serif);font-size:var(--font-size-xl,1.25rem);font-weight:400}.token-collection-note{margin:0 0 var(--space-4,1rem);font-size:var(--font-size-sm,.875rem);color:var(--color-text-secondary)}.token-swatch-mode{font-size:var(--font-size-xs,.75rem);color:var(--color-text-secondary);text-transform:capitalize}.styleguide-nav ul{margin:0;padding:0;list-style:none}.styleguide-nav-link{justify-content:space-between;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);font-size:var(--font-size-sm);color:var(--color-text-secondary);text-decoration:none;transition:background .15s,color .15s;display:flex}.styleguide-nav-link:hover{background:var(--color-bg-tertiary);color:var(--color-text-primary)}.styleguide-badge{font-size:var(--font-size-xs);border-radius:var(--radius-full);font-weight:var(--font-weight-medium);padding:2px 6px}.styleguide-badge--pending{background:var(--color-bg-tertiary);color:var(--color-text-tertiary)}.styleguide-badge--in-progress{color:var(--color-brand-600);background:#6366f126}.styleguide-main{max-width:var(--styleguide-content-max);padding:var(--space-10) var(--space-12);flex:1}.component-section{margin-bottom:var(--space-16);scroll-margin-top:var(--space-6)}.component-section-header{margin-bottom:var(--space-6);padding-bottom:var(--space-4);border-bottom:1px solid var(--color-border-default)}.component-section-title{margin:0 0 var(--space-2);font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold)}.component-section-description{margin:0 0 var(--space-2);color:var(--color-text-secondary);font-size:var(--font-size-sm)}.component-section-figma-link{margin-top:var(--space-2);font-size:var(--font-size-sm);display:inline-block}.component-section-content{padding:var(--space-4) 0}.component-set-placeholder{padding:var(--space-8);border:2px dashed var(--color-border-default);border-radius:var(--radius-lg);text-align:center;color:var(--color-text-secondary);background:var(--color-bg-secondary)}.component-set-placeholder p{margin:0}.variant-row{gap:var(--space-3);margin-bottom:var(--space-6);flex-direction:column;display:flex}.variant-row-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary)}.variant-row-content{align-items:center;gap:var(--space-4);padding:var(--space-6);background:var(--color-bg-secondary);border:1px solid var(--color-border-default);border-radius:var(--radius-lg);flex-wrap:wrap;display:flex}.variant-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(200px,1fr));display:grid}.token-section{gap:var(--space-8);flex-direction:column;display:flex}.token-category-title{margin:0 0 var(--space-4);font-size:var(--font-size-lg);font-weight:var(--font-weight-medium)}.token-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(220px,1fr));display:grid}.token-swatch{gap:var(--space-2);padding:var(--space-3);border:1px solid var(--color-border-default);border-radius:var(--radius-md);background:var(--color-bg-primary);flex-direction:column;display:flex}.token-swatch-preview{border-radius:var(--radius-sm);height:48px}.token-swatch-info{flex-direction:column;gap:2px;display:flex}.token-swatch-name{font-size:var(--font-size-xs);color:var(--color-text-primary);word-break:break-all}.token-swatch-figma{font-size:var(--font-size-xs);color:var(--color-text-tertiary)}.token-swatch-desc{font-size:var(--font-size-xs);color:var(--color-text-secondary)}.token-note{font-size:var(--font-size-sm);color:var(--color-text-tertiary);margin:0;font-style:italic}@media (width<=768px){.styleguide{flex-direction:column}.styleguide-sidebar{border-right:none;border-bottom:1px solid var(--color-border-default);width:100%;height:auto;position:static}.styleguide-main{padding:var(--space-6)}}.icons-gallery-intro{margin:0 0 var(--space-6,1.5rem);font-size:var(--font-size-sm,.875rem);color:var(--color-text-secondary)}.icons-gallery-group-title{margin:var(--space-8,2rem) 0 var(--space-4,1rem);font-family:var(--font-family-gloock,serif);font-size:var(--font-size-lg,1.125rem);font-weight:400}.icons-gallery-group-title:first-of-type{margin-top:0}.icons-gallery-note{margin:0 0 var(--space-4,1rem);font-size:var(--font-size-sm,.875rem);color:var(--color-text-secondary)}.icon-cell{align-items:center;gap:var(--space-2,.5rem);padding:var(--space-4,1rem);border:1px solid var(--color-border-default);border-radius:var(--radius-corner-sm,6px);background:var(--color-bg-primary);text-align:center;flex-direction:column;display:flex}.icon-cell-preview{width:40px;height:40px;color:var(--color-ep-blue);justify-content:center;align-items:center;display:flex}.icon-cell-name{word-break:break-all;color:var(--color-text-primary);font-size:10px}.icon-cell-label{color:var(--color-text-tertiary);font-size:10px}.icon-cell-badge{border-radius:var(--radius-full,999px);text-transform:uppercase;letter-spacing:.03em;padding:1px 6px;font-size:9px}.icon-cell-badge--phosphor{background:var(--color-ep-teal-12);color:var(--color-ep-teal)}.icon-cell-badge--custom{background:var(--color-ep-blue-4);color:var(--color-ep-blue)}.icons-row-preview{margin-bottom:var(--space-6,1.5rem);border:1px dashed #6d6d6d;border-radius:5px;flex-wrap:wrap;gap:8px;padding:16px;display:flex}.icons-row-preview .icon-cell{padding:var(--space-2,.5rem);background:0 0;border:none;min-width:48px}.icons-row-preview .icon-cell-name,.icons-row-preview .icon-cell-label,.icons-row-preview .icon-cell-badge{display:none}.attribute-set{font-family:var(--font-family-dm-sans,"DM Sans", sans-serif);flex-direction:column;display:flex}.attribute-set--title-value{justify-content:center;align-items:flex-start;gap:8px}.attribute-set--title-unit-stack{justify-content:center;align-items:flex-start;gap:8px;width:88.25px}.attribute-set--title-unit-value-lg,.attribute-set--no-title-lg{justify-content:center;align-items:center;gap:12px;padding-bottom:10px}.attribute-set--no-title{align-items:center;gap:8px;width:88.25px}.attribute-set--na{opacity:.48;flex-direction:row;align-items:center;gap:8px;width:88.25px}.attribute-set--icon-type{justify-content:center;align-items:center;gap:1px;padding-right:24px}.attribute-set__title{color:var(--color-ep-navy-hl,#5485b2);white-space:nowrap;font-size:12px;font-weight:400;line-height:1.16}.attribute-set__title--lg{font-size:22px;font-weight:700}.attribute-set__value-row{align-items:center;gap:2px;display:flex}.attribute-set__value-unit{flex-direction:column;display:flex}.attribute-set__value-unit--stacked{align-items:center;gap:4px}.attribute-set__value-unit--stacked.attribute-set__value-unit--na{justify-content:center;align-items:center}.attribute-set__value-unit--lg{flex-shrink:0;justify-content:center;align-items:center;width:176px;min-width:132px;display:flex;overflow:visible}.attribute-set__value-unit--lg>.attribute-value{flex-shrink:0}.attribute-value--lg.attribute-value--timecode{flex-shrink:0;justify-content:center;align-items:center;gap:0;display:inline-flex}.attribute-value--timecode .attribute-value__time-container--sm{justify-content:center;align-items:center;gap:.5px;display:inline-flex}.attribute-set__unit{white-space:nowrap;font-weight:700;line-height:1.16}.attribute-set__unit--sm{color:var(--color-ep-navy-hl,#5485b2);font-size:12px}.attribute-set__unit--md{color:var(--color-ep-navy-hl,#5485b2);font-size:16px}.attribute-set__unit--lg{color:var(--color-ep-navy-hl,#5485b2);font-size:23px}.attribute-set__unit--inline{color:#353535;font-size:18px}.attribute-set__icon-slot{box-sizing:border-box;justify-content:center;align-items:center;width:46px;height:46px;padding:4px;display:flex}.attribute-set__icon-label{color:#353535;white-space:nowrap;font-size:12px;font-weight:700;line-height:1.16}.attribute-set__na-dash{color:#353535;font-size:18px;font-weight:700;line-height:1.16}.attribute-value{white-space:nowrap;justify-content:center;align-items:center;display:inline-flex;overflow:visible}.attribute-value-svg{flex-shrink:0;display:block;overflow:visible}.attribute-value-colon{flex-shrink:0;display:block}.attribute-value-colon--lg{width:8.269px;height:23.359px}.attribute-value-colon--sm{width:2.756px;height:8.13px}.attribute-value-colon--sm-compact{width:2.466px;height:6.966px}.attribute-value__digit{font-family:var(--font-family-dm-sans,"DM Sans", sans-serif);letter-spacing:-.36px;background:linear-gradient(to bottom, #063f7f00 0%, var(--color-ep-blue,#063f7f) 100%), var(--color-ep-navy,#192b4b);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:18px;font-weight:700;line-height:1.16;display:inline-block}.attribute-activity-type{flex-direction:column;justify-content:center;align-items:center;gap:1px;padding-right:24px;display:flex}.attribute-activity-type__icon-slot{box-sizing:border-box;justify-content:center;align-items:center;width:46px;height:46px;padding:4px;display:flex}.attribute-activity-type__label{font-family:var(--font-family-dm-sans,"DM Sans", sans-serif);color:#353535;white-space:nowrap;font-size:12px;font-weight:700;line-height:1.16}.order-state{flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;display:inline-flex}.order-state--complete{width:20px;height:20px}.order-state--queue{width:auto;min-width:24px;font-family:var(--font-family-dm-sans,"DM Sans", sans-serif);color:#959595;font-size:18px;font-weight:700;line-height:1.16}.attribute-hint{box-sizing:border-box;border-radius:var(--radius-full,999px);height:34px;font-family:var(--font-family-dm-sans,"DM Sans", sans-serif);color:var(--color-ep-white,#fff);white-space:nowrap;background:radial-gradient(ellipse 90% 95% at 50% 100%, #16f2ffa3 0%, #16f2ff26 100%), var(--color-ep-teal,#087595);justify-content:center;align-items:center;padding:8px;font-size:12px;font-weight:700;line-height:1.16;display:inline-flex}.attribute-workout-summary-card{flex-direction:column;align-items:center;gap:11px;width:90px;display:flex}.attribute-workout-summary-card .attribute-set--title-unit-stack{align-items:center;width:90px}.attributes-gallery{flex-direction:column;gap:1.5rem;display:flex}.attributes-gallery__set-grid{border:1px solid var(--color-border-default);border-radius:var(--radius-corner-md,12px);background:var(--surface-1,#fff);flex-wrap:wrap;align-items:flex-start;gap:32px 48px;max-width:520px;padding:24px;display:flex}.attributes-gallery__row{flex-wrap:wrap;align-items:flex-start;gap:24px;display:flex}.attributes-gallery__label{color:var(--color-text-secondary,#677582);margin:0 0 .35rem;font-size:.75rem}.water-layer{isolation:isolate;position:relative;overflow:hidden}.water-layer__content,.water-layer__content-above{z-index:1;position:relative}.water-layer__filter-defs{display:none}.water-layer__content-submerged{z-index:1;pointer-events:none;position:absolute;inset:0}.water-layer__content-submerged-canvas{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.water-layer__content-submerged-source{opacity:0;pointer-events:none;position:absolute;inset:0;overflow:hidden}.water-layer--water3 .water-layer__content-submerged--water3{will-change:clip-path}.water-layer__underwater{z-index:2;pointer-events:none;mix-blend-mode:multiply;background:linear-gradient(#063f7f0f 0%,#11b0fe1a 40%,#063f7f29 100%);position:absolute;inset:0}.water-layer__underwater--realistic{background:linear-gradient(#063f7f12 0%,#11b0fe1c 40%,#063f7f2e 100%)}.water-layer__underwater--water3{display:none}.water-layer-demo--water3{align-items:stretch}.water-layer-demo--water3 .water-layer-demo__intro{width:min(100%,880px)}.water-layer-demo--water3 .water-layer-demo__workspace{grid-template-columns:minmax(280px,400px) minmax(260px,360px);align-items:start;gap:32px 40px;width:min(100%,880px);display:grid}.water-layer-demo--water3 .water-layer-demo__preview{justify-content:center;display:flex}.water-layer-demo__preview-frame{width:min(100%,360px);position:relative}.water-layer-demo__fps{z-index:10;font-variant-numeric:tabular-nums;color:#fff;pointer-events:none;-webkit-user-select:none;user-select:none;background:#063f7fb8;border-radius:6px;margin:0;padding:4px 8px;font-family:ui-monospace,Cascadia Code,Consolas,monospace;font-size:11px;font-weight:600;line-height:1.2;position:absolute;top:10px;right:10px}.water-layer-demo--water3 .water-layer-demo__sidebar{flex-direction:column;gap:24px;display:flex}.water-layer-demo--water3 .water-layer-demo__sidebar .water-layer-demo__controls-section{width:100%}.water-layer-demo--water3 .water-layer-demo__sidebar .water-layer-demo__controls{grid-template-columns:1fr}@media (width<=720px){.water-layer-demo--water3 .water-layer-demo__workspace{grid-template-columns:1fr;justify-items:center}}.water-layer-demo-card--quick-swim{aspect-ratio:440/956;-webkit-backdrop-filter:none;background:0 0;border:none;width:min(100%,360px);min-height:0;padding:0;box-shadow:0 24px 48px #063f7f1f}.water-layer-demo-card--quick-swim .water-layer__content{width:100%;height:100%}.water-layer-demo--water3 .water-layer-demo__preview>.water-layer-demo-card{aspect-ratio:440/956;width:min(100%,360px);min-height:0}.water-layer-3-card-content{object-fit:cover;pointer-events:none;-webkit-user-select:none;user-select:none;border-radius:28px;width:100%;height:100%;display:block}.water-layer__canvas{z-index:3;pointer-events:none;position:absolute;inset:0}.water-layer-demo{background:linear-gradient(165deg,#e8f4fc 0%,#f5f9fd 45%,#dceaf6 100%);flex-direction:column;align-items:center;gap:32px;min-height:100vh;padding:48px 24px;display:flex}.water-layer-demo__intro{max-width:520px;font-family:var(--font-family-dm-sans,"DM Sans", sans-serif);color:var(--color-ep-slate,#677582);text-align:center;margin:0;font-size:14px;line-height:1.5}.water-layer-demo__compare{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));align-items:start;gap:28px;width:min(100%,760px);display:grid}.water-layer-demo__variant{flex-direction:column;gap:10px;display:flex}.water-layer-demo__variant-label{font-family:var(--font-family-dm-sans,"DM Sans", sans-serif);letter-spacing:.04em;text-transform:uppercase;color:var(--color-ep-navy-hl,#5485b2);text-align:center;margin:0;font-size:12px;font-weight:700}.water-layer-demo__variant .water-layer-demo-card{width:100%}.water-layer-demo-card{background:var(--water-card-bg,#ffffffb8);border:1px solid var(--water-card-border,#ffffffd9);-webkit-backdrop-filter:blur(18px);border-radius:28px;flex-direction:column;width:min(100%,360px);min-height:520px;display:flex;box-shadow:0 24px 48px #063f7f1f,inset 0 1px #ffffffe6}.water-layer-demo-card__stats{grid-template-columns:repeat(4,1fr);gap:8px;padding:20px 16px 12px;display:grid}.water-layer-demo-card__stat{font-family:var(--font-family-dm-sans,"DM Sans", sans-serif);color:var(--color-ep-navy-hl,#5485b2);text-align:center;flex-direction:column;align-items:center;gap:4px;font-size:10px;font-weight:700;line-height:1.1;display:flex}.water-layer-demo-card__stat-icon{width:22px;height:22px;color:var(--color-ep-blue-hl,#11b0fe)}.water-layer-demo-card__main{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:12px;padding:8px 16px 24px;display:flex}.water-layer-demo-card__timer-row{align-items:baseline;gap:6px;display:flex}.water-layer-demo-card__unit{font-family:var(--font-family-dm-sans,"DM Sans", sans-serif);color:var(--color-ep-blue,#063f7f);font-size:18px;font-weight:700}.water-layer-demo-card__walker{margin-top:4px}.water-layer-demo-card__walker svg{width:72px;height:72px;display:block}.water-layer-demo-card__footer{padding:0 16px 20px}.water-layer-demo-card__cta{background:linear-gradient(135deg, var(--color-ep-blue-hl,#11b0fe), var(--color-ep-teal,#087595));width:100%;font-family:var(--font-family-dm-sans,"DM Sans", sans-serif);color:var(--color-ep-white,#fff);cursor:default;border:none;border-radius:16px;justify-content:center;align-items:center;gap:10px;padding:16px 20px;font-size:14px;font-weight:700;display:flex;box-shadow:0 8px 20px #11b0fe59}.water-layer-demo-card__cta-icon{font-size:18px;line-height:1}.water-layer-demo__controls-section{flex-direction:column;gap:12px;width:min(100%,520px);display:flex}.water-layer-demo__controls-heading{font-family:var(--font-family-dm-sans,"DM Sans", sans-serif);letter-spacing:.06em;text-transform:uppercase;color:var(--color-ep-navy-hl,#5485b2);margin:0;font-size:11px;font-weight:700}.water-layer-demo__controls-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.water-layer-demo__segmented{background:var(--color-ep-slate-8,#67758229);border-radius:999px;grid-template-columns:repeat(4,1fr);gap:4px;padding:4px;display:grid}.water-layer-demo__segment{appearance:none;font-family:var(--font-family-dm-sans,"DM Sans", sans-serif);letter-spacing:.02em;color:var(--color-ep-slate,#677582);cursor:pointer;background:0 0;border:none;border-radius:999px;padding:8px 6px;font-size:11px;font-weight:700;transition:background .12s,color .12s,box-shadow .12s}.water-layer-demo__segment:hover{color:var(--color-ep-navy-hl,#5485b2)}.water-layer-demo__segment.is-active{background:var(--color-ep-white,#fff);color:var(--color-ep-blue-hl,#11b0fe);box-shadow:0 1px 3px #063f7f29}.water-layer-demo__segment:focus-visible{outline:2px solid var(--color-ep-blue-hl,#11b0fe);outline-offset:2px}.water-layer-demo__reset{border:1px solid var(--color-ep-slate-8,#67758229);background:var(--color-ep-white,#fff);font-family:var(--font-family-dm-sans,"DM Sans", sans-serif);color:var(--color-ep-blue,#063f7f);cursor:pointer;border-radius:999px;padding:6px 10px;font-size:11px;font-weight:600}.water-layer-demo__reset:hover{border-color:var(--color-ep-blue-hl,#11b0fe);color:var(--color-ep-blue-hl,#11b0fe)}.water-layer-demo__accordion{border:1px solid var(--color-ep-slate-8,#67758229);background:#ffffffb8;border-radius:12px;grid-column:1/-1;overflow:hidden}.water-layer-demo__accordion-summary{font-family:var(--font-family-dm-sans,"DM Sans", sans-serif);color:var(--color-ep-blue,#063f7f);cursor:pointer;padding:12px 14px;font-size:12px;font-weight:600;list-style:none}.water-layer-demo__accordion-summary::-webkit-details-marker{display:none}.water-layer-demo__accordion-summary:after{content:"+";float:right;color:var(--color-ep-navy-hl,#5485b2);font-weight:700}.water-layer-demo__accordion[open] .water-layer-demo__accordion-summary:after{content:"−"}.water-layer-demo__accordion-body{border-top:1px solid var(--color-ep-slate-8,#6775821f);flex-direction:column;gap:16px;padding:0 14px 14px;display:flex}.water-layer-demo__controls{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px 24px;width:min(100%,520px);display:grid}.water-layer-demo__control{font-family:var(--font-family-dm-sans,"DM Sans", sans-serif);color:var(--color-ep-slate,#677582);flex-direction:column;gap:8px;font-size:12px;display:flex}.water-layer-demo__control-label{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.water-layer-demo__control-label-text{align-items:center;gap:8px;display:inline-flex}.water-layer-demo__control-toggle{width:14px;height:14px;accent-color:var(--color-ep-blue-hl,#11b0fe);flex-shrink:0;margin:0}.water-layer-demo__control--gated-off{opacity:.55}.water-layer-demo__control--gated-off input[type=range]{pointer-events:none}.water-layer-demo__control--realistic .water-layer-demo__control-label-text{color:var(--color-ep-blue,#063f7f)}.water-layer-demo__controls-hint{font-family:var(--font-family-dm-sans,"DM Sans", sans-serif);color:var(--color-ep-slate,#677582);margin:0;font-size:11px;line-height:1.45}.water-layer-demo__control-value{color:var(--color-ep-blue,#063f7f);font-variant-numeric:tabular-nums;font-weight:700}.water-layer-demo__control input[type=range]{width:100%;accent-color:var(--color-ep-blue-hl,#11b0fe)}.water-layer-demo__control--checkbox{grid-column:1/-1}.water-layer-demo__control-note{color:var(--color-ep-slate,#677582);font-size:11px;line-height:1.45}.water-layer-demo__control--color input[type=color]{border:1px solid var(--color-ep-slate-8,#67758229);background:var(--color-ep-white,#fff);cursor:pointer;border-radius:10px;width:100%;height:36px;padding:4px}.water-layer-demo__presets{flex-wrap:wrap;gap:8px;display:flex}.water-layer-demo__preset{border:1px solid var(--color-ep-slate-8,#67758229);background:var(--color-ep-white,#fff);font-family:var(--font-family-dm-sans,"DM Sans", sans-serif);color:var(--color-ep-blue,#063f7f);cursor:pointer;border-radius:999px;align-items:center;gap:8px;padding:8px 12px 8px 8px;font-size:12px;font-weight:600;display:inline-flex}.water-layer-demo__preset:before{content:"";background:var(--preset-color);border:1px solid #00000014;border-radius:999px;flex-shrink:0;width:18px;height:18px}.water-layer-demo__preset--active{border-color:var(--color-ep-blue-hl,#11b0fe);box-shadow:0 0 0 1px var(--color-ep-blue-hl,#11b0fe)}