@property --chrono-from{syntax: "<color>"; inherits: true; initial-value: #fffbf6;}@property --chrono-to{syntax: "<color>"; inherits: true; initial-value: #f2f8ff;}.chronobiology-clock{--chrono-ink: var(--kc-mapped-text-default-heading);--chrono-body: var(--kc-mapped-text-default-body);--chrono-icon: var(--kc-mapped-icon-primary-default);--chrono-line: var(--kc-mapped-border-inverse-default);--chrono-accent: var(--kc-mapped-surface-accent-default);--chrono-pin-morning-fill: var(--kc-mapped-surface-page);--chrono-pin-evening-fill: var(--kc-mapped-surface-page);--chrono-from: var(--kc-mapped-surface-page);--chrono-to: var(--kc-mapped-gradient-section-accent);--dial-size: 604px;--theme-duration: .55s;--theme-ease: cubic-bezier(.22, 1, .36, 1);position:relative;width:100%;box-sizing:border-box;background:linear-gradient(180deg,var(--chrono-from),var(--chrono-to));color:var(--chrono-ink);font-family:var(--kc-font-role-backbone);overflow:clip;transition:--chrono-from var(--theme-duration) var(--theme-ease),--chrono-to var(--theme-duration) var(--theme-ease)}.chronobiology-clock--accent_to_page{--chrono-from: var(--kc-mapped-gradient-section-accent);--chrono-to: var(--kc-mapped-surface-page)}body.night-mode .chronobiology-clock{--chrono-pin-morning-fill: var(--kc-brand-fixed-white);--chrono-pin-evening-fill: var(--kc-brand-original-middle-blue-1)}.chronobiology-clock *,.chronobiology-clock *:before,.chronobiology-clock *:after{box-sizing:border-box}.chronobiology-clock button{font:inherit;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}.chronobiology-clock img{display:block;max-width:100%;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.chronobiology-clock :focus-visible{outline:2px solid var(--kc-mapped-border-focus-strong);outline-offset:4px}.chronobiology-clock .chrono{max-width:var(--page-width);margin:0 auto;padding:0 var(--kc-responsive-spacing-page-gutter)}.chronobiology-clock .heading{display:flex;flex-direction:column;align-items:center;gap:var(--kc-responsive-spacing-layout-lg);max-width:var(--kc-responsive-size-grid-columns-6);margin:0 auto var(--kc-responsive-spacing-layout-2xl);text-align:center}.chronobiology-clock .eyebrow,.chronobiology-clock .time-line,.chronobiology-clock .time-label{font-family:var(--kc-font-role-identity);font-weight:700;font-size:var(--kc-responsive-label-lg-text-size);line-height:var(--kc-responsive-label-lg-line-height);letter-spacing:var(--kc-responsive-Nunito-letter-spacing);text-transform:uppercase;color:var(--chrono-ink)}.chronobiology-clock .eyebrow{margin:0}.chronobiology-clock .clock-heading{max-width:8.6em;margin:0;font-family:var(--kc-font-role-backbone);font-weight:500;font-size:var(--kc-responsive-h2-text-size);line-height:var(--kc-responsive-h2-line-height);letter-spacing:var(--kc-responsive-h2-letter-spacing);color:var(--chrono-ink)}.chronobiology-clock .lede{font-size:var(--kc-responsive-body-lg-text-size);line-height:var(--kc-responsive-body-lg-line-height);letter-spacing:var(--kc-responsive-body-lg-letter-spacing);color:var(--chrono-body)}.chronobiology-clock .lede p,.chronobiology-clock .time-line>*,.chronobiology-clock .hint span,.chronobiology-clock .footer-text{line-height:inherit}.chronobiology-clock .lede p{display:inline;margin:0}.chronobiology-clock .timeline{position:relative;width:100%;height:calc(var(--dial-size) * 338 / 422.8);overflow:clip}.chronobiology-clock .dial{position:relative;width:var(--dial-size);height:var(--dial-size);margin-top:calc(var(--dial-size) * -41 / 422.8);margin-left:calc((100% - var(--dial-size)) / 2);isolation:isolate;touch-action:none}.chronobiology-clock .artwork{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.chronobiology-clock .blue-orb{position:absolute;width:72.847682%;height:72.847682%;left:18.692%;top:7.015%;transform:rotate(36.75deg) scaleY(-1)}.chronobiology-clock .white-orb{position:absolute;width:72.847682%;height:72.847682%;left:10.547%;top:21.132%;transform:rotate(19.42deg)}.chronobiology-clock .arcs{position:absolute;left:19.86755%;top:19.86755%;width:60.2649%;height:60.2649%}.chronobiology-clock .arc-asleep{position:absolute;left:0;top:41.32%;width:75%;height:58.68%}.chronobiology-clock .arc-awake{position:absolute;left:.76%;top:0;width:99.24%;height:93.3%}.chronobiology-clock .ticks,.chronobiology-clock .sun,.chronobiology-clock .moon{position:absolute;display:block;overflow:visible;color:var(--chrono-icon)}.chronobiology-clock .ticks{left:15.23179%;top:15.23179%;width:69.53642%;height:69.53642%}.chronobiology-clock .sun{left:47.01987%;top:9.60265%;width:5.96026%;height:5.96026%}.chronobiology-clock .moon{left:47.68212%;top:85.09934%;width:4.63576%;height:4.63576%}.chronobiology-clock .leader{position:absolute;height:1px;margin-top:-1px;background:var(--chrono-line)}.chronobiology-clock .leader-morning{left:8.06457%;top:44.86755%;width:9.60265%}.chronobiology-clock .leader-evening{left:68.04636%;top:75.49669%;width:9.60265%}.chronobiology-clock .pin{position:absolute;width:4.96689%;height:4.96689%;overflow:visible}.chronobiology-clock .pin-dot{fill:var(--chrono-accent)}.chronobiology-clock .pin-morning{left:18.49421%;top:42.39901%}.chronobiology-clock .pin-morning .pin-ring{fill:var(--chrono-pin-morning-fill);stroke:var(--chrono-accent)}.chronobiology-clock .pin-evening{left:62.25166%;top:73.03808%}.chronobiology-clock .pin-evening .pin-ring{fill:var(--chrono-pin-evening-fill);stroke:var(--chrono-line)}.chronobiology-clock .shift-label{position:absolute;transform:translate(-50%);font-family:var(--kc-font-role-identity);font-weight:500;font-size:calc(var(--dial-size) * 14 / 604);line-height:calc(var(--dial-size) * 16 / 604);letter-spacing:calc(var(--dial-size) * 1.25 / 604);text-transform:uppercase;white-space:nowrap}.chronobiology-clock .shift-awake{left:56.29139%;top:32.1192%;color:var(--kc-brand-original-dark-blue)}.chronobiology-clock .shift-asleep{left:42.46689%;top:63.90728%;color:var(--kc-brand-original-off-white)}.chronobiology-clock .time-label{position:absolute;white-space:nowrap}.chronobiology-clock .time-label-morning{left:8.25449%;top:41.15421%}.chronobiology-clock .time-label-evening{left:68.09366%;top:76.39546%}.chronobiology-clock .orbit{position:absolute;left:20.5298%;top:20.5298%;width:58.9404%;height:58.9404%;pointer-events:none}.chronobiology-clock .knob{position:absolute;z-index:10;left:50%;top:20.5298%;display:grid;place-items:center;width:40px;height:40px;padding:0;border-radius:50%;background:var(--chrono-accent);box-shadow:0 0 0 4px rgba(var(--kc-mapped-surface-accent-default-rgb),.4);color:var(--chrono-icon);cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;transform:translate(-50%,-50%);transition:transform .15s ease,background-color .15s ease}.chronobiology-clock .knob svg{display:block;pointer-events:none}@media(hover:hover){.chronobiology-clock .knob:hover:not(.is-active):not(.is-resting){background:var(--kc-mapped-surface-accent-default-hover);transform:translate(-50%,-50%) scale(1.1)}}.chronobiology-clock .knob:focus-visible{outline-offset:6px}.chronobiology-clock .knob.is-active{cursor:grabbing;transform:translate(-50%,-50%) scale(1.1)}.chronobiology-clock .callouts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--kc-responsive-spacing-layout-lg);width:100%;margin:var(--kc-responsive-spacing-layout-xl) 0 0}.chronobiology-clock .callout{display:flex;flex-direction:column;min-height:216px;padding:var(--kc-responsive-spacing-layout-lg);border-radius:var(--kc-shape-radius-md);background:var(--kc-mapped-surface-page-secondary);box-shadow:var(--kc-elevation-sm);text-align:left}.chronobiology-clock .callout-badge{min-height:40px;margin:0 0 var(--kc-responsive-spacing-layout-spacious);font-family:var(--kc-font-role-identity);font-weight:700;font-size:var(--kc-responsive-label-lg-text-size);line-height:var(--kc-responsive-label-lg-line-height);letter-spacing:var(--kc-responsive-Nunito-letter-spacing);text-transform:uppercase;color:var(--chrono-ink)}.chronobiology-clock .callout-title{margin:0 0 var(--kc-responsive-spacing-layout-xs);font-family:var(--kc-font-role-backbone);font-weight:500;font-size:var(--kc-responsive-h5-text-size);line-height:var(--kc-responsive-h5-line-height);letter-spacing:var(--kc-responsive-h5-letter-spacing);color:var(--chrono-ink)}.chronobiology-clock .callout-text{margin:0;font-size:var(--kc-responsive-body-sm-text-size);line-height:var(--kc-responsive-body-sm-line-height);letter-spacing:var(--kc-responsive-body-sm-letter-spacing);color:var(--chrono-body)}.chronobiology-clock .readout{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:var(--kc-responsive-spacing-layout-xxs);width:100%;max-width:604px;margin:var(--kc-responsive-spacing-layout-xl) auto 0;text-align:center}.chronobiology-clock .hint{display:none}.chronobiology-clock .time-line,.chronobiology-clock .state-copy{margin:0}.chronobiology-clock--time-small .time-line{font-size:var(--kc-responsive-label-sm-text-size);line-height:var(--kc-responsive-label-sm-line-height)}.chronobiology-clock .state-copy{max-width:380px;font-size:var(--kc-responsive-body-md-text-size);line-height:var(--kc-responsive-body-md-line-height);letter-spacing:var(--kc-responsive-body-sm-letter-spacing);color:var(--chrono-body)}.chronobiology-clock .state-copy:first-letter{text-transform:uppercase}.chronobiology-clock__footer{width:100%;margin-top:var(--kc-responsive-spacing-layout-2xl);font-size:var(--kc-responsive-body-sm-text-size);line-height:var(--kc-responsive-body-sm-line-height);text-align:center;color:var(--chrono-ink)}.chronobiology-clock .footer-text{display:block}.chronobiology-clock .science{display:inline-flex;align-items:center;vertical-align:top;margin-top:2px;font-weight:700;font-size:13px;line-height:16px;color:var(--kc-mapped-text-link-default);text-decoration:underline;text-underline-position:from-font}.chronobiology-clock .science svg{flex-shrink:0;color:var(--chrono-icon)}.chronobiology-clock .heading *,.chronobiology-clock .callout,.chronobiology-clock .callout *,.chronobiology-clock .readout *,.chronobiology-clock__footer,.chronobiology-clock__footer *,.chronobiology-clock .time-label{transition:color var(--theme-duration) var(--theme-ease),background-color var(--theme-duration) var(--theme-ease),border-color var(--theme-duration) var(--theme-ease)}.chronobiology-clock .ticks,.chronobiology-clock .sun,.chronobiology-clock .moon,.chronobiology-clock .leader,.chronobiology-clock .pin circle{transition:color var(--theme-duration) var(--theme-ease),background-color var(--theme-duration) var(--theme-ease),fill var(--theme-duration) var(--theme-ease),stroke var(--theme-duration) var(--theme-ease)}@media(max-width:1099px){.chronobiology-clock .chrono{display:flex;flex-direction:column;align-items:center}.chronobiology-clock .stage{display:contents}.chronobiology-clock .heading{order:0}.chronobiology-clock .timeline{order:1}.chronobiology-clock .readout{order:2}.chronobiology-clock .callouts{order:3}.chronobiology-clock__footer{order:4}}@media(max-width:749px){.chronobiology-clock{--dial-size: min(604px, calc((100vw - 2 * var(--kc-responsive-spacing-page-gutter)) * 422.8 / 353))}.chronobiology-clock .leader{height:.7px}}@media screen and (min-width:750px){.chronobiology-clock .heading{margin-bottom:var(--kc-responsive-spacing-grid-gutter-tight)}.chronobiology-clock .lede p{display:block}.chronobiology-clock .timeline{height:570px;overflow:visible}.chronobiology-clock .dial{margin:0 auto}.chronobiology-clock .shift-label{font-weight:700;font-size:var(--kc-responsive-label-lg-text-size);line-height:var(--kc-responsive-label-lg-line-height);letter-spacing:var(--kc-responsive-Nunito-letter-spacing)}.chronobiology-clock .readout{margin-top:0}.chronobiology-clock .hint{display:inline-flex;align-items:center;justify-content:center;gap:var(--kc-responsive-spacing-layout-xs);height:36px;margin:0 0 calc(var(--kc-responsive-spacing-layout-md) - var(--kc-responsive-spacing-layout-xxs));padding:0 var(--kc-responsive-spacing-layout-sm);border:var(--kc-shape-stroke-thin) solid var(--kc-mapped-border-primary-hairline);border-radius:var(--kc-shape-radius-full);background:transparent;filter:drop-shadow(0 6px 8px rgba(var(--kc-brand-original-dark-blue-rgb),.12));font-family:"Gotham Rounded",var(--kc-font-role-identity);font-weight:500;font-size:11px;line-height:12px;letter-spacing:1.1px;text-transform:uppercase;color:var(--chrono-ink);transition:border-color var(--theme-duration) var(--theme-ease),color var(--theme-duration) var(--theme-ease)}.chronobiology-clock .hint svg{flex-shrink:0;color:var(--chrono-icon)}.chronobiology-clock .state-copy{font-size:var(--kc-responsive-label-lg-text-size);line-height:var(--kc-responsive-body-sm-line-height)}.chronobiology-clock__footer{margin-top:var(--kc-responsive-spacing-layout-3xl)}.chronobiology-clock .footer-text{display:inline}}@media(hover:hover)and (min-width:750px){.chronobiology-clock .hint:hover svg{animation:hint-turn 2.4s linear infinite}}@keyframes hint-turn{to{transform:rotate(1turn)}}@media screen and (min-width:1100px){.chronobiology-clock .stage{position:relative}.chronobiology-clock .time-label{display:none}.chronobiology-clock .leader-evening{width:19.86755%}.chronobiology-clock .callouts{position:absolute;top:0;right:0;bottom:0;left:0;display:block;margin:0;pointer-events:none}.chronobiology-clock .callout{position:absolute;width:248px;min-height:0;padding:0;gap:var(--kc-responsive-spacing-layout-xxs);border-radius:0;background:none;box-shadow:none;pointer-events:auto}.chronobiology-clock .callout-morning{right:calc(50% + 271px);top:230px;align-items:flex-end;text-align:right}.chronobiology-clock .callout-evening{left:calc(50% + 252px);top:415px}.chronobiology-clock .callout-badge{min-height:0;margin:0;font-family:var(--kc-font-role-backbone);font-weight:400;font-size:var(--kc-responsive-body-sm-text-size);line-height:var(--kc-responsive-body-sm-line-height);letter-spacing:var(--kc-responsive-body-sm-letter-spacing);text-transform:none;white-space:nowrap}.chronobiology-clock .callout-title{margin:0;font-size:var(--kc-responsive-h4-text-size);line-height:var(--kc-responsive-h4-line-height);letter-spacing:var(--kc-responsive-h4-letter-spacing)}}@media(prefers-reduced-motion:reduce){.chronobiology-clock,.chronobiology-clock *,.chronobiology-clock *:before,.chronobiology-clock *:after{transition:none!important;animation:none!important;scroll-behavior:auto!important}}
/*# sourceMappingURL=/cdn/shop/t/35/assets/section-chronobiology-clock-karmicare.css.map */