.toki{position:relative;width:100%;min-height:100vh;min-height:100dvh;display:flex;align-items:center;justify-content:center;overflow:hidden;transition:background-color 1.2s cubic-bezier(.4,0,.2,1),color 1.2s cubic-bezier(.4,0,.2,1);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.toki[data-theme=snow]{background-color:#fff;color:#121212}.toki[data-theme=snow] .toki__sediment-line{background-color:#1212120f}.toki[data-theme=snow] .toki__sediment-texture{background-image:url("data:image/svg+xml,%3Csvg width='200' height='200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.15'/%3E%3C/svg%3E")}.toki[data-theme=night]{background-color:#121212;color:#fff}.toki[data-theme=night] .toki__sediment-line{background-color:#ffffff0f}.toki[data-theme=night] .toki__sediment-texture{background-image:url("data:image/svg+xml,%3Csvg width='200' height='200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.15'/%3E%3C/svg%3E")}.toki[data-theme=navy]{background-color:#242833;color:#fff}.toki[data-theme=navy] .toki__sediment-line{background-color:#ffffff0f}.toki[data-theme=navy] .toki__sediment-texture{background-image:url("data:image/svg+xml,%3Csvg width='200' height='200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.12'/%3E%3C/svg%3E")}.toki[data-theme=warm]{background-color:#2d1f1a;color:#e8ddd4}.toki[data-theme=warm] .toki__sediment-line{background-color:#e8ddd40f}.toki[data-theme=warm] .toki__sediment-texture{background-image:url("data:image/svg+xml,%3Csvg width='200' height='200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.12'/%3E%3C/svg%3E")}.toki__display{position:relative;width:100%;min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:6rem 2.4rem;transition:opacity .6s ease}.toki__display--hidden{opacity:0;pointer-events:none}.toki__time,.toki__actions,.toki__brand{opacity:0;transform:translateY(1.2rem)}.toki__modes,.toki__dots,.toki__sediment{opacity:0}.toki .toki__moment-name{opacity:0;transform:translateY(1.2rem)}.toki.toki--entered .toki__moment-name{animation:tokiEntranceMoment 1.2s cubic-bezier(.16,1,.3,1) .2s both}.toki--entered .toki__time{animation:tokiEntrance 1.2s cubic-bezier(.16,1,.3,1) .5s both}.toki--entered .toki__modes{animation:tokiEntranceFade 1s cubic-bezier(.16,1,.3,1) .9s both}.toki--entered .toki__dots{animation:tokiEntranceFade 1s cubic-bezier(.16,1,.3,1) 1s both}.toki--entered .toki__actions{animation:tokiEntranceSubtle 1s cubic-bezier(.16,1,.3,1) 1.1s both}.toki--entered .toki__brand{animation:tokiEntranceSubtle 1s cubic-bezier(.16,1,.3,1) 1.2s both}.toki--entered .toki__sediment{animation:tokiEntranceFade 1.4s cubic-bezier(.16,1,.3,1) 1.4s both}.toki__sediment{position:absolute;bottom:20%;left:50%;transform:translate(-50%);width:60%;max-width:40rem;display:flex;flex-direction:column;gap:2.4rem;pointer-events:none}.toki__sediment-line{position:relative;height:1px;width:100%;opacity:0;transform:scaleX(0);transform-origin:center;transition:opacity 2s cubic-bezier(.16,1,.3,1),transform 2.4s cubic-bezier(.16,1,.3,1);overflow:hidden;will-change:transform,opacity}.toki__sediment-line--visible{opacity:1;transform:scaleX(1)}.toki__sediment-line--visible:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent 0%,currentColor 50%,transparent 100%);opacity:.08;animation:tokiLineShimmer 8s ease-in-out infinite;will-change:transform}.toki__sediment-texture{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;pointer-events:none;transition:opacity 3s cubic-bezier(.4,0,.2,1)}.toki__sediment-texture--visible{animation:tokiTexturePulse 12s ease-in-out infinite}.toki__content{text-align:center;z-index:1}.toki--theme-transitioning .toki__content{animation:tokiThemeFlash 1.2s cubic-bezier(.4,0,.2,1)}.toki--theme-transitioning .toki__sediment{animation:tokiThemeFlash 1.4s cubic-bezier(.4,0,.2,1)}.toki__moment-name{font-family:var(--font-body-family),serif;font-size:clamp(1.2rem,2vw,1.4rem);font-weight:300;letter-spacing:.2em;text-transform:uppercase;opacity:.5;margin:0 0 4rem;min-height:1.8rem}.toki__time{position:relative;min-height:14rem;display:flex;align-items:center;justify-content:center}.toki__mode{display:flex;align-items:baseline;justify-content:center;gap:1.2rem;flex-wrap:wrap;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) scale(1);width:100%;opacity:0;visibility:hidden;filter:blur(0px);transition:opacity .5s cubic-bezier(.16,1,.3,1),visibility .5s cubic-bezier(.16,1,.3,1),transform .6s cubic-bezier(.16,1,.3,1),filter .5s cubic-bezier(.16,1,.3,1);will-change:transform,opacity,filter}.toki__mode--active{opacity:1;visibility:visible;position:relative;left:auto;top:auto;transform:none;filter:blur(0px)}.toki__mode--leaving{opacity:0;filter:blur(12px);transform:translate(-50%,-50%) scale(.92);transition:opacity .4s cubic-bezier(.4,0,.2,1),visibility .4s cubic-bezier(.4,0,.2,1),transform .4s cubic-bezier(.4,0,.2,1),filter .4s cubic-bezier(.4,0,.2,1)}.toki__mode--entering{opacity:0;filter:blur(12px);transform:translate(-50%,-50%) scale(1.08)}.toki__mode[hidden]{display:none}.toki__mode--days,.toki__mode--breath{flex-direction:column;align-items:center;gap:.8rem}.toki__layer{display:flex;align-items:baseline;justify-content:center;gap:.6rem;min-width:8rem}.toki__separator{font-family:Jost,sans-serif;font-size:clamp(3rem,6vw,6rem);font-weight:300;opacity:.15;line-height:1}.toki__number{font-family:Jost,sans-serif;font-weight:300;line-height:1;letter-spacing:.02em;display:inline-block;text-align:right;transition:opacity .6s ease}.toki--entered:not(.toki--countup-done) .toki__number{animation:none}.toki--countup-done .toki__number{animation:tokiNumberBreath 6s ease-in-out infinite}.toki__number--primary{font-size:clamp(6rem,12vw,12rem);min-width:1.6em}.toki__number--hero{font-size:clamp(6rem,14vw,14rem)}.toki--countup-done .toki__mode--breath .toki__number--hero{animation:tokiDeepBreath 8s ease-in-out infinite}.toki__number--changing{animation:tokiNumberTick .6s cubic-bezier(.16,1,.3,1)}.toki__unit{font-family:var(--font-body-family, "Lora"),serif;font-weight:300;font-size:clamp(1.2rem,2vw,1.6rem);letter-spacing:.15em;opacity:.5;text-transform:lowercase}.toki__unit--hero{font-size:clamp(1.4rem,2.5vw,1.8rem);letter-spacing:.2em}.toki__modes{position:absolute;bottom:12rem;left:50%;transform:translate(-50%);display:flex;gap:.4rem;padding:.4rem;border-radius:10rem;z-index:2}.toki[data-theme=snow] .toki__modes{background:#1212120a}.toki[data-theme=night] .toki__modes,.toki[data-theme=navy] .toki__modes{background:#ffffff0f}.toki[data-theme=warm] .toki__modes{background:#e8ddd40f}.toki__mode-btn{font-family:var(--font-body-family, "Lora"),serif;font-size:1.2rem;font-weight:400;letter-spacing:.18em;text-transform:uppercase;padding:.8rem 1.8rem;border:none;border-radius:10rem;background:transparent;color:currentColor;opacity:.4;cursor:pointer;transition:opacity .5s cubic-bezier(.4,0,.2,1),background-color .5s cubic-bezier(.4,0,.2,1),transform .3s cubic-bezier(.4,0,.2,1);white-space:nowrap}.toki__mode-btn:hover{opacity:.7}.toki__mode-btn:active{transform:scale(.96)}.toki__mode-btn--active{opacity:.9}.toki[data-theme=snow] .toki__mode-btn--active{background:#12121214}.toki[data-theme=night] .toki__mode-btn--active,.toki[data-theme=navy] .toki__mode-btn--active{background:#ffffff1a}.toki[data-theme=warm] .toki__mode-btn--active{background:#e8ddd41a}.toki__dots{position:absolute;bottom:8rem;left:50%;transform:translate(-50%);display:flex;gap:1rem;z-index:2}.toki__dots[hidden]{display:none}.toki__dot{width:.6rem;height:.6rem;border-radius:50%;border:none;padding:0;background:currentColor;opacity:.2;cursor:pointer;transition:opacity .5s cubic-bezier(.4,0,.2,1),transform .5s cubic-bezier(.4,0,.2,1)}.toki__dot:hover{opacity:.5}.toki__dot--active{opacity:.6;transform:scale(1.4)}.toki__dot--entering{animation:tokiDotPop .5s cubic-bezier(.34,1.56,.64,1)}.toki__actions{position:absolute;bottom:3.2rem;right:3.2rem;display:flex;gap:1.6rem;z-index:2}.toki__action-btn{display:flex;align-items:center;justify-content:center;width:4rem;height:4rem;border:none;border-radius:50%;background:transparent;color:currentColor;opacity:.25;cursor:pointer;transition:opacity .4s ease,transform .3s cubic-bezier(.4,0,.2,1);padding:0}.toki__action-btn:hover{opacity:.6;transform:scale(1.08)}.toki__action-btn:active{transform:scale(.92);transition-duration:.1s}.toki__brand{position:absolute;bottom:3.6rem;left:3.2rem;display:flex;flex-direction:column;gap:.2rem;z-index:2}.toki__brand-name{font-family:var(--font-heading-family, "Playfair Display"),serif;font-size:1.2rem;font-weight:400;letter-spacing:.4em;text-transform:uppercase;opacity:.25}.toki__brand-by{font-family:var(--font-body-family, "Lora"),serif;font-size:1rem;font-weight:300;letter-spacing:.15em;opacity:.18}.toki__setup{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;z-index:10;opacity:0;transition:opacity .8s cubic-bezier(.4,0,.2,1)}.toki__setup[hidden]{display:none}.toki__setup--visible{opacity:1}.toki__setup--visible .toki__setup-inner{animation:tokiEntrance .8s cubic-bezier(.16,1,.3,1) .15s both}.toki__setup-inner{width:100%;max-width:40rem;padding:4rem 2.4rem}.toki__setup-prompt{font-family:var(--font-body-family, "Lora"),serif;font-size:clamp(1.4rem,2.5vw,1.8rem);font-weight:300;letter-spacing:.05em;line-height:2;opacity:.7;margin:0 0 4.8rem;text-align:center}.toki__setup-field{margin-bottom:3.2rem;position:relative}.toki__setup-label{display:block;font-family:var(--font-body-family, "Lora"),serif;font-size:1.2rem;font-weight:400;letter-spacing:.2em;text-transform:uppercase;opacity:.45;margin-bottom:1.2rem}.toki__setup-input{width:100%;background:transparent;border:none;border-bottom:1px solid currentColor;border-bottom-color:#80808033;padding:1.2rem 0;font-family:var(--font-heading-family, "Playfair Display"),serif;font-size:clamp(2rem,4vw,3.2rem);font-weight:300;color:currentColor;letter-spacing:.02em;outline:none;transition:border-color .4s ease}.toki__setup-input:focus{border-bottom-color:currentColor}.toki__setup-input::placeholder{color:currentColor;opacity:.2}input[type=datetime-local].toki__setup-input{font-size:clamp(1.6rem,3vw,2.4rem)}.toki__setup-input::-webkit-calendar-picker-indicator{filter:invert(.5);cursor:pointer}.toki[data-theme=night] .toki__setup-input::-webkit-calendar-picker-indicator,.toki[data-theme=navy] .toki__setup-input::-webkit-calendar-picker-indicator,.toki[data-theme=warm] .toki__setup-input::-webkit-calendar-picker-indicator{filter:invert(.8)}.toki__setup-counter{position:absolute;right:0;bottom:-2rem;font-family:var(--font-body-family, "Lora"),serif;font-size:1.2rem;font-weight:300;opacity:.3;letter-spacing:.05em}.toki__setup-actions{display:flex;gap:1.6rem;margin-top:4.8rem;justify-content:center}.toki__setup-btn{font-family:var(--font-body-family, "Lora"),serif;font-size:1.2rem;font-weight:400;letter-spacing:.2em;text-transform:uppercase;padding:1.4rem 4rem;border-radius:.6rem;cursor:pointer;transition:all .4s ease}.toki__setup-btn--primary{background:currentColor;border:1px solid currentColor}.toki[data-theme=snow] .toki__setup-btn--primary{color:#fff;background:#121212;border-color:#121212}.toki[data-theme=night] .toki__setup-btn--primary{color:#121212;background:#fff;border-color:#fff}.toki[data-theme=navy] .toki__setup-btn--primary{color:#242833;background:#fff;border-color:#fff}.toki[data-theme=warm] .toki__setup-btn--primary{color:#2d1f1a;background:#e8ddd4;border-color:#e8ddd4}.toki__setup-btn--primary:hover{opacity:.85}.toki__setup-btn--secondary{background:transparent;border:1px solid currentColor;color:currentColor;opacity:.4}.toki__setup-btn--secondary:hover{opacity:.7}.toki__toast{position:absolute;bottom:10rem;left:50%;transform:translate(-50%) translateY(1rem);font-family:var(--font-body-family, "Lora"),serif;font-size:1.2rem;font-weight:400;letter-spacing:.15em;padding:1.2rem 3.2rem;border-radius:10rem;opacity:0;transition:opacity .4s ease,transform .4s ease;z-index:20;pointer-events:none}.toki[data-theme=snow] .toki__toast{background:#121212;color:#fff}.toki[data-theme=night] .toki__toast,.toki[data-theme=navy] .toki__toast{background:#fff;color:#121212}.toki[data-theme=warm] .toki__toast{background:#e8ddd4;color:#2d1f1a}.toki__toast[hidden]{display:none}.toki__toast--visible{opacity:1;transform:translate(-50%) translateY(0)}.toki--saved .toki__content{animation:tokiSaveReveal 1.4s cubic-bezier(.16,1,.3,1)}.toki--saved .toki__display:after{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;border:1px solid currentColor;opacity:.15;transform:translate(-50%,-50%);animation:tokiSaveRipple 1.6s cubic-bezier(.16,1,.3,1) forwards;pointer-events:none}.toki--switching .toki__content{animation:tokiTimerSwitch .7s cubic-bezier(.4,0,.2,1)}@keyframes tokiEntrance{0%{opacity:0;transform:translateY(1.2rem)}to{opacity:1;transform:translateY(0)}}@keyframes tokiEntranceMoment{0%{opacity:0;transform:translateY(1.2rem)}to{opacity:.5;transform:translateY(0)}}@keyframes tokiEntranceSubtle{0%{opacity:0;transform:translateY(.8rem)}to{opacity:1;transform:translateY(0)}}@keyframes tokiEntranceFade{0%{opacity:0}to{opacity:1}}@keyframes tokiNumberBreath{0%,to{opacity:1}50%{opacity:.92}}@keyframes tokiDeepBreath{0%,to{opacity:1;transform:scale(1)}50%{opacity:.85;transform:scale(.998)}}@keyframes tokiNumberTick{0%{opacity:.7;transform:translateY(-.2rem)}to{opacity:1;transform:translateY(0)}}@keyframes tokiThemeFlash{0%{opacity:1}30%{opacity:.6}to{opacity:1}}@keyframes tokiSaveReveal{0%{opacity:.5;transform:scale(.98)}60%{opacity:1;transform:scale(1.01)}to{opacity:1;transform:scale(1)}}@keyframes tokiSaveRipple{0%{width:0;height:0;opacity:.2}to{width:40rem;height:40rem;opacity:0}}@keyframes tokiTimerSwitch{0%{opacity:.4;transform:translateY(.6rem)}to{opacity:1;transform:translateY(0)}}@keyframes tokiLineShimmer{0%{transform:translate(-100%)}50%{transform:translate(100%)}to{transform:translate(-100%)}}@keyframes tokiTexturePulse{0%,to{filter:brightness(1)}50%{filter:brightness(1.15)}}@keyframes tokiDotPop{0%{transform:scale(.6);opacity:.2}50%{transform:scale(1.6)}to{transform:scale(1.4);opacity:.6}}@keyframes tokiFadeIn{0%{opacity:0;transform:translateY(.8rem)}to{opacity:1;transform:translateY(0)}}@media screen and (max-width:749px){.toki__mode--layers{flex-direction:column;align-items:center;gap:.4rem}.toki__layer{gap:.8rem}.toki__separator{display:none}.toki__moment-name{margin-bottom:3rem}.toki__time{min-height:10rem}.toki__modes{bottom:10rem}.toki__dots{bottom:7rem}.toki__actions{bottom:2.4rem;right:2.4rem;gap:1.2rem}.toki__brand{bottom:2.8rem;left:2.4rem}.toki__setup-inner{padding:3.2rem 2rem}.toki__setup-actions{flex-direction:column;gap:1.2rem}.toki__setup-btn{width:100%;text-align:center}}@media(prefers-reduced-motion:reduce){.toki,.toki *,.toki *:before,.toki *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.toki__time,.toki__actions,.toki__brand{opacity:1;transform:none}.toki__modes,.toki__dots,.toki__sediment{opacity:1}.toki .toki__moment-name{opacity:.5;transform:none}}.toki-section{position:relative}.toki-section .section-template--padding{padding:0}
/*# sourceMappingURL=/cdn/shop/t/13/assets/section-toki-timer.css.map */