.TempoInteractiveMockup-module__vPVBJG__shell{--surface-primary:#fff;--surface-muted:var(--color-surface-secondary);--surface-overlay:#fff;--navigation-background:#000;--navigation-foreground:#171717;--foreground-primary:#0a0a0a;--foreground-muted:var(--color-secondary);--foreground-disabled:#d4d4d4;--foreground-inverted:#fafafa;--foreground-inverted-muted:#d4d4d4;--digit-background:#0a0a0a;--digit-foreground:#fafafa;--accent:var(--color-accent);--session-break:var(--color-accent-secondary);--calendar-empty:#404040;--grabber:#d4d4d4;--border:#d4d4d4;--figma-reference-scale:.61;--hero-mockup-scale:.84;--figma-to-css-scale:.7267;--mockup-text-paragraph:calc(var(--text-paragraph) * var(--figma-to-css-scale));--mockup-text-paragraph-line:calc(var(--text-paragraph--line-height) * var(--figma-to-css-scale));--mockup-text-paragraph-letter:calc(var(--text-paragraph--letter-spacing) * var(--figma-to-css-scale));--mockup-text-paragraph-small:calc(var(--text-paragraph-small) * var(--figma-to-css-scale));--mockup-text-paragraph-small-line:calc(var(--text-paragraph-small--line-height) * var(--figma-to-css-scale));--mockup-text-paragraph-small-letter:calc(var(--text-paragraph-small--letter-spacing) * var(--figma-to-css-scale));--mockup-text-callout-semi:calc(var(--text-callout-semi) * var(--figma-to-css-scale));--mockup-text-callout-semi-line:calc(var(--text-callout-semi--line-height) * var(--figma-to-css-scale));--mockup-text-callout-semi-letter:calc(var(--text-callout-semi--letter-spacing) * var(--figma-to-css-scale));--mockup-text-caption-2-semi:calc(var(--text-caption-2-semi) * var(--figma-to-css-scale));--mockup-text-caption-2-semi-line:calc(var(--text-caption-2-semi--line-height) * var(--figma-to-css-scale));--mockup-text-caption-2-semi-letter:calc(var(--text-caption-2-semi--letter-spacing) * var(--figma-to-css-scale));--nav-area-height:82px;--surface-reveal-inset:0px;--phone-width:320px;--clock-card:calc(160px * var(--figma-to-css-scale));--half-card:calc(var(--clock-card) / 2);--digit-size:calc(88px * var(--figma-to-css-scale));--digit-letter-spacing:calc(-.88px * var(--figma-to-css-scale));--digit-card-radius:calc(24px * var(--figma-to-css-scale));width:var(--phone-width);color:var(--foreground-primary);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;container-type:inline-size}.TempoInteractiveMockup-module__vPVBJG__device{aspect-ratio:450/920;background:0 0;border-radius:58px;width:100%;padding:10px 13px 4px;position:relative;box-shadow:0 38px 19.3px -23px #140a01,0 49px 31.9px -23px #1c0f02a6,0 87px 100.3px -23px #130a0159}.TempoInteractiveMockup-module__vPVBJG__device:after{z-index:5;pointer-events:none;content:"";transform-origin:50%;background:url(/iphone-bezier.avif) 50%/100% 100% no-repeat;position:absolute;inset:0;transform:scale(1.02)}.TempoInteractiveMockup-module__vPVBJG__deviceFrameless{box-shadow:none;background:0 0;border-radius:44px;padding:0}.TempoInteractiveMockup-module__vPVBJG__deviceFrameless:after{content:none}.TempoInteractiveMockup-module__vPVBJG__screen{z-index:1;background:var(--navigation-background);isolation:isolate;border-radius:44px;height:100%;position:relative;overflow:hidden}.TempoInteractiveMockup-module__vPVBJG__surface{inset-inline:0;z-index:3;height:calc(100% - var(--nav-area-height));min-height:calc(470px * var(--figma-to-css-scale));touch-action:pan-y;cursor:grab;background:var(--surface-primary);will-change:clip-path;border-radius:0 0 32px 32px;flex-direction:column;display:flex;position:absolute;top:0;overflow:hidden}.TempoInteractiveMockup-module__vPVBJG__surface:active{cursor:grabbing}.TempoInteractiveMockup-module__vPVBJG__statusBar{height:calc(54px * var(--figma-to-css-scale));padding:calc(18px * var(--figma-to-css-scale)) calc(26px * var(--figma-to-css-scale)) 0 calc(54px * var(--figma-to-css-scale));color:var(--foreground-primary);font-size:calc(17px * var(--figma-to-css-scale));font-weight:600;line-height:calc(22px * var(--figma-to-css-scale));letter-spacing:calc(-.408px * var(--figma-to-css-scale));flex:none;justify-content:space-between;align-items:center;display:flex}.TempoInteractiveMockup-module__vPVBJG__statusTime{min-width:calc(54px * var(--figma-to-css-scale));text-align:center}.TempoInteractiveMockup-module__vPVBJG__statusIcons{align-items:center;gap:calc(7px * var(--figma-to-css-scale));color:var(--foreground-primary);display:inline-flex}.TempoInteractiveMockup-module__vPVBJG__cellularIcon,.TempoInteractiveMockup-module__vPVBJG__wifiIcon{flex:none;display:block}.TempoInteractiveMockup-module__vPVBJG__cellularIcon{width:calc(19.2px * var(--figma-to-css-scale));height:calc(12.23px * var(--figma-to-css-scale))}.TempoInteractiveMockup-module__vPVBJG__wifiIcon{width:calc(17px * var(--figma-to-css-scale));height:calc(12px * var(--figma-to-css-scale))}.TempoInteractiveMockup-module__vPVBJG__battery{width:calc(25px * var(--figma-to-css-scale));height:calc(12px * var(--figma-to-css-scale));border:calc(1.3px * var(--figma-to-css-scale)) solid currentColor;border-radius:calc(3.8px * var(--figma-to-css-scale));padding:calc(1.5px * var(--figma-to-css-scale));flex:none;align-items:center;display:inline-flex;position:relative}.TempoInteractiveMockup-module__vPVBJG__battery:after{top:calc(3.5px * var(--figma-to-css-scale));right:calc(-3px * var(--figma-to-css-scale));width:calc(1.4px * var(--figma-to-css-scale));height:calc(5px * var(--figma-to-css-scale));border-radius:0 calc(1.4px * var(--figma-to-css-scale)) calc(1.4px * var(--figma-to-css-scale)) 0;opacity:.4;content:"";background:currentColor;position:absolute}.TempoInteractiveMockup-module__vPVBJG__battery span{border-radius:calc(1.6px * var(--figma-to-css-scale));background:currentColor;width:72%;height:100%;display:block}.TempoInteractiveMockup-module__vPVBJG__topBar{justify-content:space-between;align-items:center;gap:14px;padding:clamp(16px,5cqw,28px) clamp(18px,7cqw,32px) 0;display:flex}.TempoInteractiveMockup-module__vPVBJG__labelChip,.TempoInteractiveMockup-module__vPVBJG__modeChip{align-items:center;gap:calc(8px * var(--figma-to-css-scale));min-width:0;color:var(--foreground-primary);font:inherit;font-size:var(--mockup-text-paragraph-small);font-weight:600;line-height:var(--mockup-text-paragraph-small-line);letter-spacing:var(--mockup-text-paragraph-small-letter);background:0 0;border:0;display:inline-flex}.TempoInteractiveMockup-module__vPVBJG__modeChip{background:0 0;border-radius:0;flex-shrink:0;padding:0}.TempoInteractiveMockup-module__vPVBJG__chipIcon{width:calc(24px * var(--figma-to-css-scale));height:calc(24px * var(--figma-to-css-scale));color:var(--foreground-muted);flex:none;place-items:center;display:grid}.TempoInteractiveMockup-module__vPVBJG__chipIcon svg,.TempoInteractiveMockup-module__vPVBJG__modeIconBox svg{width:100%;height:100%;display:block}.TempoInteractiveMockup-module__vPVBJG__modeIconBox{width:calc(24px * var(--figma-to-css-scale));height:calc(24px * var(--figma-to-css-scale));color:var(--foreground-muted);flex:none;place-items:center;display:grid}.TempoInteractiveMockup-module__vPVBJG__surfaceBody{min-height:0;transform:translateY(calc(var(--surface-reveal-inset) * -.45));will-change:transform;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:clamp(16px,4.5cqw,24px);padding:clamp(26px,9cqw,64px) clamp(18px,6cqw,32px) 18px;transition:gap .42s cubic-bezier(.22,1,.36,1),padding .42s cubic-bezier(.22,1,.36,1);display:flex}.TempoInteractiveMockup-module__vPVBJG__surfaceSplitCompact .TempoInteractiveMockup-module__vPVBJG__surfaceBody{gap:calc(14px * var(--figma-to-css-scale));padding:calc(18px * var(--figma-to-css-scale)) clamp(18px, 6cqw, 32px) 0}.TempoInteractiveMockup-module__vPVBJG__sessionTitle{font-size:var(--mockup-text-paragraph);font-weight:600;line-height:var(--mockup-text-paragraph-line);letter-spacing:var(--mockup-text-paragraph-letter);margin:0}.TempoInteractiveMockup-module__vPVBJG__clock{justify-content:center;align-items:center;gap:calc(8px * var(--figma-to-css-scale));width:100%;display:flex}.TempoInteractiveMockup-module__vPVBJG__flipCard{--top-rotate:0deg;--bottom-rotate:0deg;--top-shadow-opacity:0;--bottom-shadow-opacity:0;width:var(--clock-card);height:var(--clock-card);contain:layout style;border-radius:var(--digit-card-radius);background:var(--digit-background);color:var(--digit-foreground);perspective:850px;transform-style:preserve-3d;border:1px solid #0a0a0a0f;position:relative;overflow:visible;box-shadow:inset 0 1px #ffffff0a}.TempoInteractiveMockup-module__vPVBJG__flipHalf{height:var(--half-card);background:var(--digit-background);color:var(--digit-foreground);backface-visibility:hidden;transform-style:preserve-3d;position:absolute;inset-inline:0;overflow:hidden}.TempoInteractiveMockup-module__vPVBJG__flipHalfTop{border-radius:var(--digit-card-radius) var(--digit-card-radius) 0 0;top:0}.TempoInteractiveMockup-module__vPVBJG__flipHalfBottom{border-radius:0 0 var(--digit-card-radius) var(--digit-card-radius);bottom:0}.TempoInteractiveMockup-module__vPVBJG__flipDigit{width:100%;height:var(--clock-card);font-family:SF Pro Rounded,SF Pro Display,-apple-system,BlinkMacSystemFont,ui-sans-serif,system-ui,sans-serif;font-size:var(--digit-size);font-variant-numeric:tabular-nums;letter-spacing:var(--digit-letter-spacing);place-items:center;font-weight:700;line-height:1;display:grid;position:absolute;left:0}.TempoInteractiveMockup-module__vPVBJG__flipDigitTop{top:-2px}.TempoInteractiveMockup-module__vPVBJG__flipDigitBottom{bottom:0}.TempoInteractiveMockup-module__vPVBJG__flipAnimatedTop,.TempoInteractiveMockup-module__vPVBJG__flipAnimatedBottom{z-index:3;will-change:transform}.TempoInteractiveMockup-module__vPVBJG__flipAnimatedTop{transform:rotateX(var(--top-rotate));transform-origin:bottom}.TempoInteractiveMockup-module__vPVBJG__flipAnimatedBottom{transform:rotateX(var(--bottom-rotate));transform-origin:top}.TempoInteractiveMockup-module__vPVBJG__hingeShadow{pointer-events:none;will-change:opacity;position:absolute;inset-inline:0}.TempoInteractiveMockup-module__vPVBJG__hingeShadowTop{height:38%;opacity:var(--top-shadow-opacity);background:linear-gradient(#0000,#000);bottom:0}.TempoInteractiveMockup-module__vPVBJG__hingeShadowBottom{height:38%;opacity:var(--bottom-shadow-opacity);background:linear-gradient(#000,#0000);top:0}.TempoInteractiveMockup-module__vPVBJG__nextLine{color:var(--foreground-muted);font-size:var(--mockup-text-callout-semi);font-weight:700;line-height:var(--mockup-text-callout-semi-line);letter-spacing:var(--mockup-text-callout-semi-letter);justify-content:center;align-items:center;gap:9px;display:flex}.TempoInteractiveMockup-module__vPVBJG__nextLine svg{width:16px;height:16px}.TempoInteractiveMockup-module__vPVBJG__playButton{width:calc(72px * var(--figma-to-css-scale));height:calc(72px * var(--figma-to-css-scale));background:var(--surface-muted);color:var(--foreground-primary);cursor:pointer;border:0;border-radius:999px;flex:none;place-items:center;margin-top:32px;transition:margin-top .42s cubic-bezier(.22,1,.36,1);display:grid}.TempoInteractiveMockup-module__vPVBJG__surfaceSplitCompact .TempoInteractiveMockup-module__vPVBJG__playButton{margin-top:calc(10px * var(--figma-to-css-scale))}.TempoInteractiveMockup-module__vPVBJG__playButton svg{width:calc(24px * var(--figma-to-css-scale));height:calc(24px * var(--figma-to-css-scale))}.TempoInteractiveMockup-module__vPVBJG__grabberButton{cursor:grab;width:72px;height:24px;transform:translateY(calc((8px * var(--figma-to-css-scale)) - var(--surface-reveal-inset)));will-change:transform;background:0 0;border:0;place-items:center;margin:0 auto 6px;transition:height .42s cubic-bezier(.22,1,.36,1),margin-bottom .42s cubic-bezier(.22,1,.36,1);display:grid}.TempoInteractiveMockup-module__vPVBJG__grabberButton:active{cursor:grabbing}.TempoInteractiveMockup-module__vPVBJG__surfaceSplitCompact .TempoInteractiveMockup-module__vPVBJG__grabberButton{height:calc(18px * var(--figma-to-css-scale));transform:translateY(calc(-1 * var(--surface-reveal-inset)));margin-bottom:0}.TempoInteractiveMockup-module__vPVBJG__grabber{width:calc(35px * var(--figma-to-css-scale));height:calc(5px * var(--figma-to-css-scale));background:var(--grabber);border-radius:999px;transition:width .18s ease-out,background-color .18s ease-out}.TempoInteractiveMockup-module__vPVBJG__grabberActive{width:calc(42px * var(--figma-to-css-scale))}.TempoInteractiveMockup-module__vPVBJG__bottomNav{inset-inline:clamp(16px,5cqw,24px);bottom:calc(28px * var(--figma-to-css-scale));z-index:1;gap:calc(8px * var(--figma-to-css-scale));will-change:opacity, transform;grid-template-columns:repeat(3,1fr);display:grid;position:absolute}.TempoInteractiveMockup-module__vPVBJG__navButton{background:var(--navigation-foreground);height:42px;color:var(--foreground-muted);border:0;border-radius:999px;place-items:center;display:grid}.TempoInteractiveMockup-module__vPVBJG__navButton svg{width:calc(24px * var(--figma-to-css-scale));height:calc(24px * var(--figma-to-css-scale))}.TempoInteractiveMockup-module__vPVBJG__splitPanel{inset-inline:0;z-index:2;color:var(--foreground-inverted);will-change:opacity, transform;padding:10px clamp(14px,5cqw,20px);position:absolute;bottom:0;overflow:hidden}.TempoInteractiveMockup-module__vPVBJG__splitInner{flex-direction:column;gap:8px;height:100%;display:flex}.TempoInteractiveMockup-module__vPVBJG__tabsRow{justify-content:space-between;align-items:center;gap:14px;display:flex}.TempoInteractiveMockup-module__vPVBJG__tabs{align-items:center;gap:14px;display:flex}.TempoInteractiveMockup-module__vPVBJG__tabButton,.TempoInteractiveMockup-module__vPVBJG__dateButton{color:inherit;font:inherit;cursor:pointer;background:0 0;border:0}.TempoInteractiveMockup-module__vPVBJG__tabButton{color:#fafafa47;font-size:calc(22px * var(--figma-to-css-scale));font-weight:600;line-height:calc(28px * var(--figma-to-css-scale));letter-spacing:calc(-.43px * var(--figma-to-css-scale))}.TempoInteractiveMockup-module__vPVBJG__tabActive{color:var(--foreground-inverted)}.TempoInteractiveMockup-module__vPVBJG__dateButton{color:var(--foreground-muted);font-size:var(--mockup-text-callout-semi);font-weight:800;line-height:var(--mockup-text-callout-semi-line);letter-spacing:var(--mockup-text-callout-semi-letter);align-items:center;gap:5px;display:inline-flex}.TempoInteractiveMockup-module__vPVBJG__dateButton svg{width:13px;height:13px}.TempoInteractiveMockup-module__vPVBJG__tabContent{contain:layout paint;flex:1;min-height:0;position:relative;overflow:hidden}.TempoInteractiveMockup-module__vPVBJG__tabTrack{will-change:transform;height:100%;display:flex}.TempoInteractiveMockup-module__vPVBJG__tabPanel{pointer-events:none;flex:0 0 100%;min-width:0;height:100%;min-height:0;position:relative}.TempoInteractiveMockup-module__vPVBJG__tabPanelActive{pointer-events:auto}.TempoInteractiveMockup-module__vPVBJG__cardsPanel{flex-direction:column;justify-content:flex-start;display:flex}.TempoInteractiveMockup-module__vPVBJG__carouselViewport{overflow:hidden}.TempoInteractiveMockup-module__vPVBJG__carouselTrack{cursor:grab;gap:14px;display:flex}.TempoInteractiveMockup-module__vPVBJG__carouselTrack:active{cursor:grabbing}.TempoInteractiveMockup-module__vPVBJG__summaryCard{min-width:100%;height:calc(135px * var(--figma-to-css-scale));min-height:calc(135px * var(--figma-to-css-scale));border-radius:calc(24px * var(--figma-to-css-scale));background:var(--navigation-foreground);padding:calc(20px * var(--figma-to-css-scale));flex-direction:column;display:flex}.TempoInteractiveMockup-module__vPVBJG__rhythmCard{justify-content:space-between}.TempoInteractiveMockup-module__vPVBJG__rhythmTitle{color:var(--foreground-muted);font-size:var(--mockup-text-paragraph-small);font-weight:600;line-height:var(--mockup-text-paragraph-small-line);letter-spacing:var(--mockup-text-paragraph-small-letter);text-align:left;align-self:stretch;margin:0}.TempoInteractiveMockup-module__vPVBJG__rhythmBars{justify-content:space-between;align-items:center;gap:calc(8px * var(--figma-to-css-scale));margin-top:calc(20px * var(--figma-to-css-scale));display:flex}.TempoInteractiveMockup-module__vPVBJG__rhythmCard .TempoInteractiveMockup-module__vPVBJG__rhythmBars{margin-top:0}.TempoInteractiveMockup-module__vPVBJG__rhythmBar{height:calc(24px * var(--figma-to-css-scale));min-width:0;max-width:calc(6px * var(--figma-to-css-scale));background:var(--accent);border-radius:999px;flex:1 1 0;display:block}.TempoInteractiveMockup-module__vPVBJG__rhythmBarBreak{background:var(--session-break)}.TempoInteractiveMockup-module__vPVBJG__rhythmMeta{justify-content:space-between;align-items:center;gap:calc(16px * var(--figma-to-css-scale));margin-top:calc(14px * var(--figma-to-css-scale));display:flex}.TempoInteractiveMockup-module__vPVBJG__rhythmCard .TempoInteractiveMockup-module__vPVBJG__rhythmMeta{margin-top:0}.TempoInteractiveMockup-module__vPVBJG__rhythmMetric{align-items:center;gap:calc(6px * var(--figma-to-css-scale));color:var(--foreground-inverted);font-size:var(--mockup-text-paragraph);font-weight:600;line-height:var(--mockup-text-paragraph-line);letter-spacing:var(--mockup-text-paragraph-letter);display:inline-flex}.TempoInteractiveMockup-module__vPVBJG__rhythmMetricIcon{width:calc(20px * var(--figma-to-css-scale));height:calc(20px * var(--figma-to-css-scale));flex:none;display:block}.TempoInteractiveMockup-module__vPVBJG__rhythmMetric:first-child .TempoInteractiveMockup-module__vPVBJG__rhythmMetricIcon{color:var(--accent)}.TempoInteractiveMockup-module__vPVBJG__rhythmMetric:last-child .TempoInteractiveMockup-module__vPVBJG__rhythmMetricIcon{color:var(--session-break)}.TempoInteractiveMockup-module__vPVBJG__cycleTitle{color:var(--foreground-muted);font-size:var(--mockup-text-paragraph-small);font-weight:600;line-height:var(--mockup-text-paragraph-small-line);letter-spacing:var(--mockup-text-paragraph-small-letter);text-align:left;align-self:stretch;margin:0}.TempoInteractiveMockup-module__vPVBJG__cycleDetails{justify-content:space-between;align-items:flex-end;gap:calc(16px * var(--figma-to-css-scale));margin-top:auto;display:flex}.TempoInteractiveMockup-module__vPVBJG__cycleCount{font-size:var(--mockup-text-paragraph);font-weight:600;line-height:var(--mockup-text-paragraph-line);letter-spacing:var(--mockup-text-paragraph-letter);color:var(--foreground-inverted);margin:0}.TempoInteractiveMockup-module__vPVBJG__cycleCountMuted,.TempoInteractiveMockup-module__vPVBJG__cycleNext{color:var(--foreground-muted)}.TempoInteractiveMockup-module__vPVBJG__cycleNext{font-size:var(--mockup-text-paragraph-small);font-weight:600;line-height:var(--mockup-text-paragraph-small-line);letter-spacing:var(--mockup-text-paragraph-small-letter);margin:0}.TempoInteractiveMockup-module__vPVBJG__cycleProgress{gap:calc(8px * var(--figma-to-css-scale));margin-top:calc(12px * var(--figma-to-css-scale));display:flex}.TempoInteractiveMockup-module__vPVBJG__cycleSegment{height:calc(8px * var(--figma-to-css-scale));background:#fafafa47;border-radius:999px;flex:1 1 0;display:block}.TempoInteractiveMockup-module__vPVBJG__cycleSegmentActive{background:var(--accent)}.TempoInteractiveMockup-module__vPVBJG__monthLayout{justify-content:space-between;align-items:stretch;gap:calc(20px * var(--figma-to-css-scale));height:100%;display:flex}.TempoInteractiveMockup-module__vPVBJG__monthCopy{flex-direction:column;justify-content:space-between;min-width:0;display:flex}.TempoInteractiveMockup-module__vPVBJG__monthTitle{color:var(--foreground-muted);font-size:var(--mockup-text-paragraph-small);font-weight:600;line-height:var(--mockup-text-paragraph-small-line);letter-spacing:var(--mockup-text-paragraph-small-letter);margin:0}.TempoInteractiveMockup-module__vPVBJG__monthCount{color:var(--foreground-inverted);font-size:var(--mockup-text-paragraph);font-weight:600;line-height:var(--mockup-text-paragraph-line);letter-spacing:var(--mockup-text-paragraph-letter);text-align:left;margin:0}.TempoInteractiveMockup-module__vPVBJG__monthCountMuted{color:var(--foreground-muted)}.TempoInteractiveMockup-module__vPVBJG__monthGrid{grid-template-columns:repeat(7, calc(12px * var(--figma-to-css-scale)));grid-template-rows:repeat(5, calc(12px * var(--figma-to-css-scale)));gap:calc(7px * var(--figma-to-css-scale));flex:none;justify-content:end;align-self:center;display:grid}.TempoInteractiveMockup-module__vPVBJG__monthCell{border-radius:calc(4px * var(--figma-to-css-scale));background:var(--calendar-empty);display:block}.TempoInteractiveMockup-module__vPVBJG__monthCellActive{background:var(--accent);box-shadow:0 0 0 calc(3px * var(--figma-to-css-scale)) #09f3}.TempoInteractiveMockup-module__vPVBJG__summaryEyebrow{color:var(--foreground-muted);font-size:var(--mockup-text-caption-2-semi);font-weight:750;line-height:var(--mockup-text-caption-2-semi-line);letter-spacing:var(--mockup-text-caption-2-semi-letter)}.TempoInteractiveMockup-module__vPVBJG__summaryTitle{color:var(--foreground-inverted);font-size:var(--mockup-text-callout-semi);font-weight:800;line-height:var(--mockup-text-callout-semi-line);letter-spacing:var(--mockup-text-callout-semi-letter);margin:5px 0 0}.TempoInteractiveMockup-module__vPVBJG__summaryMeta{color:var(--foreground-muted);font-size:var(--mockup-text-caption-2-semi);font-weight:700;line-height:var(--mockup-text-caption-2-semi-line);letter-spacing:var(--mockup-text-caption-2-semi-letter);justify-content:space-between;align-items:center;gap:12px;display:flex}.TempoInteractiveMockup-module__vPVBJG__summaryAccent{color:var(--accent)}.TempoInteractiveMockup-module__vPVBJG__carouselControls{justify-content:center;align-items:center;margin-top:6px;display:flex}.TempoInteractiveMockup-module__vPVBJG__dots{align-items:center;gap:7px;display:flex}.TempoInteractiveMockup-module__vPVBJG__dot{cursor:pointer;background:#fafafa38;border:0;border-radius:999px;width:6px;height:6px}.TempoInteractiveMockup-module__vPVBJG__dotActive{background:var(--foreground-inverted);width:15px}.TempoInteractiveMockup-module__vPVBJG__labelsList{gap:calc(12px * var(--figma-to-css-scale));overscroll-behavior:contain;scrollbar-width:none;flex-direction:column;height:100%;min-height:0;max-height:none;display:flex;overflow-y:auto}.TempoInteractiveMockup-module__vPVBJG__labelsPanel{height:100%;min-height:0}.TempoInteractiveMockup-module__vPVBJG__labelsList::-webkit-scrollbar{display:none}.TempoInteractiveMockup-module__vPVBJG__labelRow{min-height:calc(64px * var(--figma-to-css-scale));grid-template-columns:calc(22px * var(--figma-to-css-scale)) minmax(0, 1fr) auto;align-items:center;column-gap:calc(12px * var(--figma-to-css-scale));border-radius:calc(16px * var(--figma-to-css-scale));background:var(--navigation-foreground);padding:calc(20px * var(--figma-to-css-scale));display:grid}.TempoInteractiveMockup-module__vPVBJG__labelIcon{width:calc(22px * var(--figma-to-css-scale));height:calc(22px * var(--figma-to-css-scale));color:var(--foreground-muted);place-items:center;display:grid}.TempoInteractiveMockup-module__vPVBJG__labelIcon svg{width:100%;height:100%;display:block}.TempoInteractiveMockup-module__vPVBJG__labelName{color:var(--foreground-inverted);font-size:var(--mockup-text-paragraph-small);font-weight:600;line-height:var(--mockup-text-paragraph-small-line);letter-spacing:var(--mockup-text-paragraph-small-letter);text-align:left;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.TempoInteractiveMockup-module__vPVBJG__labelDuration{color:var(--foreground-muted);font-size:var(--mockup-text-paragraph-small);font-weight:600;line-height:var(--mockup-text-paragraph-small-line);letter-spacing:var(--mockup-text-paragraph-small-letter);white-space:nowrap}.TempoInteractiveMockup-module__vPVBJG__labelDelta{color:#fafafa61;margin-right:8px}@media (max-width:420px){.TempoInteractiveMockup-module__vPVBJG__device{border-radius:44px;padding:8px}.TempoInteractiveMockup-module__vPVBJG__screen{border-radius:36px}.TempoInteractiveMockup-module__vPVBJG__surface{min-height:calc(470px * var(--figma-to-css-scale))}.TempoInteractiveMockup-module__vPVBJG__topBar{gap:10px}.TempoInteractiveMockup-module__vPVBJG__nextLine{gap:8px}.TempoInteractiveMockup-module__vPVBJG__labelRow{grid-template-columns:calc(22px * var(--figma-to-css-scale)) minmax(0, 1fr) auto;column-gap:calc(12px * var(--figma-to-css-scale));padding:calc(20px * var(--figma-to-css-scale))}}