.hy-ktl{--hy-ktl-jar-area: 360px;padding-block-start:var(--hy-ktl-pad-top, var(--hy-9));padding-block-end:var(--hy-ktl-pad-bottom, var(--hy-9));color:var(--hy-ink)}.hy-ktl--bone{background:var(--hy-bone)}.hy-ktl--white{background:var(--hy-white)}.hy-ktl__head{display:flex;flex-direction:column;align-items:flex-start;margin-block-end:var(--hy-8)}.hy-ktl__sub{margin:var(--hy-4) 0 0;max-inline-size:520px;font-size:var(--hy-lead);line-height:1.5;color:var(--hy-text-2)}.hy-ktl__track{position:relative}.hy-ktl__line{position:absolute;inset-block-start:6px;inset-inline:calc(50% / var(--hy-ktl-n));block-size:2px;background:var(--hy-hairline)}.hy-ktl__line-fill{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--hy-ink);transform-origin:100% 50%;transform:scaleX(var(--hy-ktl-p, 1))}.hy-ktl:dir(ltr) .hy-ktl__line-fill{transform-origin:0% 50%}.hy-ktl__stops{display:grid;grid-template-columns:repeat(var(--hy-ktl-n),minmax(0,1fr));gap:var(--hy-5);margin:0;padding:0;list-style:none}.hy-ktl__stop{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;min-inline-size:0}.hy-ktl__dot{position:relative;z-index:1;inline-size:14px;block-size:14px;border:2px solid var(--hy-ink);border-radius:50%;background:var(--hy-bone)}.hy-ktl--white .hy-ktl__dot{background:var(--hy-white)}.hy-ktl__dot:after{content:"";position:absolute;top:2px;right:2px;bottom:2px;left:2px;border-radius:50%;background:var(--hy-ink)}.hy-ktl__moment{margin:var(--hy-4) 0 0;font-size:var(--hy-label);font-weight:700;color:var(--hy-text-2)}.hy-ktl__jar{position:relative;display:flex;align-items:flex-end;justify-content:center;inline-size:100%;block-size:var(--hy-ktl-jar-area);margin-block-start:var(--hy-5);mix-blend-mode:multiply}.hy-ktl__jar:after{content:"";position:absolute;inset-block-end:2%;inset-inline:22%;block-size:8%;background:radial-gradient(closest-side,rgba(0,0,0,.26),transparent 74%);pointer-events:none}.hy-ktl__img{position:relative;z-index:1;display:block;block-size:calc(var(--hy-jar-h, 100) * 1%);inline-size:auto;max-inline-size:none;object-fit:contain;object-position:bottom}.hy-ktl__name{margin:var(--hy-4) 0 0;font-size:var(--hy-h1);font-weight:900;font-stretch:var(--hy-stretch-display);line-height:1}.hy-ktl__name a{color:inherit;text-decoration:none}.hy-ktl__name a:hover{text-decoration:underline;text-underline-offset:4px}.hy-ktl__text{margin:var(--hy-3) 0 0;max-inline-size:300px;font-size:var(--hy-body);line-height:1.5;color:var(--hy-text-2)}.hy-ktl__benefit{margin:var(--hy-2) 0 0;font-size:var(--hy-body);font-weight:700;color:var(--hy-ink)}.hy-ktl__close{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.4fr);gap:var(--hy-6) var(--hy-8);align-items:center;margin-block-start:var(--hy-9);padding-block-start:var(--hy-7);border-block-start:var(--hy-line-strong)}.hy-ktl__close-head{display:flex;flex-direction:column;align-items:flex-start;gap:var(--hy-5)}.hy-ktl__close-title{font-size:var(--hy-display-2);color:var(--hy-ink)}.hy-ktl__reasons{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--hy-5) var(--hy-6);margin:0;padding:0;list-style:none}.hy-ktl__reason{display:flex;align-items:flex-start;gap:var(--hy-3)}.hy-ktl__reason svg{flex-shrink:0;inline-size:24px;block-size:24px}.hy-ktl__reason-body{display:flex;flex-direction:column;gap:var(--hy-1)}.hy-ktl__reason-title{font-size:var(--hy-body);font-weight:700;line-height:1.4}.hy-ktl__reason-text{font-size:var(--hy-small);line-height:1.5;color:var(--hy-text-2)}@media screen and (max-width:749px){.hy-ktl{--hy-ktl-jar-area: 170px;padding-block-start:min(var(--hy-ktl-pad-top, 48px),56px);padding-block-end:min(var(--hy-ktl-pad-bottom, 48px),56px)}.hy-ktl__head{margin-block-end:var(--hy-6)}.hy-ktl__line{inset-block:6px 0;inset-inline:6px auto;inline-size:2px;block-size:auto}.hy-ktl__line-fill,.hy-ktl:dir(ltr) .hy-ktl__line-fill{transform-origin:50% 0%}.hy-ktl__stops{grid-template-columns:minmax(0,1fr);gap:var(--hy-7)}.hy-ktl__stop{display:grid;grid-template-columns:14px minmax(0,.8fr) minmax(0,1fr);grid-template-areas:"dot moment moment" ". jar name" ". jar text";column-gap:var(--hy-4);align-items:start;text-align:start}.hy-ktl__dot{grid-area:dot;align-self:center}.hy-ktl__moment{grid-area:moment;margin:0}.hy-ktl__jar{grid-area:jar;margin-block-start:var(--hy-3)}.hy-ktl__name{grid-area:name;margin-block-start:var(--hy-6);font-size:var(--hy-h2)}.hy-ktl__stop{grid-template-areas:"dot moment moment" ". jar name" ". jar benefit" ". jar text"}.hy-ktl__benefit{grid-area:benefit;font-size:var(--hy-small)}.hy-ktl__text{grid-area:text;font-size:var(--hy-small)}.hy-ktl__close{grid-template-columns:minmax(0,1fr);margin-block-start:var(--hy-7);padding-block-start:var(--hy-6)}.hy-ktl__reasons{grid-template-columns:minmax(0,1fr)}.hy-ktl__btn{inline-size:100%}}.hy-ktl__shelf,.hy-ktl__progress{display:none}.hy-ktl.is-pinned .hy-ktl__sticky{position:sticky;inset-block-start:0;display:flex;align-items:center;block-size:100svh;overflow:hidden}.hy-ktl--bone.is-pinned .hy-ktl__sticky{background:var(--hy-bone)}.hy-ktl--white.is-pinned .hy-ktl__sticky{background:var(--hy-white)}.hy-ktl.is-pinned .hy-ktl__frame{inline-size:100%;padding-block-start:var(--hybrid-header-height, 72px)}.hy-ktl.is-pinned .hy-ktl__line-fill{transition:transform .2s linear}.hy-ktl.is-pinned .hy-ktl__stop>:not(.hy-ktl__dot){opacity:0;transform:translateY(24px);transition:opacity var(--hy-t-reveal) var(--hy-ease),transform var(--hy-t-reveal) var(--hy-ease)}.hy-ktl.is-pinned .hy-ktl__stop>.hy-ktl__jar{transition-delay:60ms}.hy-ktl.is-pinned .hy-ktl__stop>.hy-ktl__name{transition-delay:.12s}.hy-ktl.is-pinned .hy-ktl__stop>.hy-ktl__benefit,.hy-ktl.is-pinned .hy-ktl__stop>.hy-ktl__text{transition-delay:.18s}.hy-ktl.is-pinned .hy-ktl__stop.is-on>*{opacity:1;transform:none}.hy-ktl.is-pinned .hy-ktl__dot:after{transform:scale(0);transition:transform var(--hy-t-drawer) var(--hy-ease)}.hy-ktl.is-pinned .hy-ktl__stop.is-on .hy-ktl__dot:after{transform:scale(1)}@media screen and (min-width:750px){.hy-ktl.is-pinned .hy-ktl__pin{block-size:calc(100svh + (var(--hy-ktl-steps, 4) - 1) * 55svh)}.hy-ktl.is-pinned{--hy-ktl-jar-area: min(260px, 26svh)}.hy-ktl.is-pinned .hy-ktl__sub{display:none}.hy-ktl.is-pinned .hy-ktl__head{margin-block-end:var(--hy-6)}}@media screen and (max-width:749px){.hy-ktl.is-pinned .hy-ktl__pin{block-size:calc(100svh + (var(--hy-ktl-steps, 4) - 1) * 75svh)}.hy-ktl.is-pinned .hy-ktl__frame{display:flex;flex-direction:column;block-size:100%;padding-block:calc(var(--hybrid-header-height, 64px) + var(--hy-3)) calc(var(--hy-4) + 76px)}.hy-ktl.is-pinned .hy-ktl__head{order:1;margin-block-end:0}.hy-ktl.is-pinned .hy-ktl__sub{display:none}.hy-ktl.is-pinned .hy-ktl__shelf{order:2}.hy-ktl.is-pinned .hy-ktl__track{order:3}.hy-ktl.is-pinned .hy-ktl__progress{order:4}.hy-ktl.is-pinned .hy-ktl__line,.hy-ktl.is-pinned .hy-ktl__dot,.hy-ktl.is-pinned .hy-ktl__stop .hy-ktl__jar{display:none}.hy-ktl.is-pinned .hy-ktl__shelf{position:relative;display:flex;flex-direction:column;flex:1;min-block-size:0;padding-block:var(--hy-4) var(--hy-2)}.hy-ktl.is-pinned .hy-ktl__shelf:before{content:"";position:absolute;top:6%;right:-6%;bottom:10%;left:-6%;background:radial-gradient(closest-side,rgba(221,29,29,.14),rgba(221,29,29,.04) 60%,transparent 100%);pointer-events:none}.hy-ktl.is-pinned .hy-ktl__shelf:after{content:"";position:absolute;inset-block-start:46%;left:50%;inline-size:min(86%,46svh);aspect-ratio:1;border-radius:50%;border:1px dashed rgba(221,29,29,.2);translate:-50% -50%;pointer-events:none;animation:hy-ktl-breathe 6s ease-in-out infinite}.hy-ktl.is-pinned .hy-ktl__shelf-jars{position:relative;display:flex;align-items:flex-end;justify-content:center;flex:1;min-block-size:0;gap:0}.hy-ktl.is-pinned .hy-ktl__shelf-jars:after{content:"";position:absolute;inset-block-end:5%;inset-inline:12%;block-size:18px;background:radial-gradient(closest-side,rgba(0,0,0,.28),transparent 75%);pointer-events:none}.hy-ktl.is-pinned .hy-ktl__shelf-jar{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;flex:0 1 0;max-inline-size:0;block-size:100%;min-inline-size:0;gap:var(--hy-1);mix-blend-mode:multiply;opacity:0;transform:translateY(40px) scale(.85);transform-origin:50% 100%;transition:flex-grow var(--hy-t-reveal) var(--hy-ease),max-inline-size var(--hy-t-reveal) var(--hy-ease),opacity var(--hy-t-reveal) var(--hy-ease),transform var(--hy-t-reveal) var(--hy-ease)}.hy-ktl.is-pinned .hy-ktl__shelf-jar.is-on{flex-grow:1;max-inline-size:42%;opacity:1;transform:scale(.94)}.hy-ktl.is-pinned .hy-ktl__shelf-jar.is-current{flex-grow:1.9;max-inline-size:60%;transform:none}.hy-ktl.is-pinned .hy-ktl__shelf-img{display:block;inline-size:160%;max-inline-size:none;margin-inline:-30%;block-size:auto;max-block-size:100%;object-fit:contain;object-position:bottom}.hy-ktl.is-pinned .hy-ktl__shelf-name{display:none}.hy-ktl.is-pinned .hy-ktl__complete{position:relative;margin:var(--hy-3) 0 0;font-size:var(--hy-display-2);font-weight:900;font-stretch:var(--hy-stretch-display);line-height:1;text-align:center;max-block-size:0;opacity:0;transform:translateY(12px);transition:opacity var(--hy-t-reveal) var(--hy-ease),transform var(--hy-t-reveal) var(--hy-ease)}.hy-ktl.is-pinned .hy-ktl__track{position:relative;flex:0 0 auto;block-size:200px;margin-block-start:var(--hy-3)}.hy-ktl.is-pinned .hy-ktl__stops{position:relative;display:block;block-size:100%;counter-reset:hy-ktl}.hy-ktl.is-pinned .hy-ktl__stop{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:var(--hy-4) var(--hy-5);text-align:start;background:#ffffffe6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--hy-ink);counter-increment:hy-ktl;pointer-events:none;opacity:0;transform:translateY(20px);transition:opacity var(--hy-t-reveal) var(--hy-ease),transform var(--hy-t-reveal) var(--hy-ease)}.hy-ktl.is-pinned .hy-ktl__stop:before{content:counter(hy-ktl,decimal-leading-zero);position:absolute;inset-block-start:var(--hy-3);inset-inline-end:var(--hy-4);font-size:44px;font-weight:800;line-height:1;color:var(--hy-red);font-variant-numeric:tabular-nums}.hy-ktl.is-pinned .hy-ktl__stop.is-active{opacity:1;transform:none;pointer-events:auto}.hy-ktl.is-pinned .hy-ktl__stop.is-on:not(.is-active){transform:translateY(-20px)}.hy-ktl.is-pinned .hy-ktl__stop>:not(.hy-ktl__dot),.hy-ktl.is-pinned .hy-ktl__stop.is-on>:not(.hy-ktl__dot){opacity:1;transform:none;transition:none}.hy-ktl.is-pinned .hy-ktl__moment{margin:0;font-size:var(--hy-small);color:var(--hy-text-2)}.hy-ktl.is-pinned .hy-ktl__name{margin-block-start:var(--hy-2);font-size:var(--hy-h1)}.hy-ktl.is-pinned .hy-ktl__benefit{margin-block-start:var(--hy-2);font-size:var(--hy-body)}.hy-ktl.is-pinned .hy-ktl__text{margin-block-start:var(--hy-2);max-inline-size:none;font-size:var(--hy-small)}.hy-ktl.is-pinned.is-complete .hy-ktl__track{block-size:0;margin:0;visibility:hidden}.hy-ktl.is-pinned.is-complete .hy-ktl__shelf-jar.is-on{flex-grow:1;max-inline-size:30%;transform:none}.hy-ktl.is-pinned.is-complete .hy-ktl__shelf{justify-content:center}.hy-ktl.is-pinned.is-complete .hy-ktl__shelf-jars{flex:0 0 auto;block-size:46%}.hy-ktl.is-pinned.is-complete .hy-ktl__shelf-img{inline-size:190%;margin-inline:-45%}.hy-ktl.is-pinned.is-complete .hy-ktl__shelf-name{display:block;inline-size:100%;font-size:11px;font-weight:700;line-height:1.2;text-align:center;white-space:normal;color:var(--hy-ink)}.hy-ktl.is-pinned.is-complete .hy-ktl__complete{max-block-size:none;opacity:1;transform:none}.hy-ktl.is-pinned .hy-ktl__progress{display:block;block-size:3px;margin-block-start:var(--hy-3);background:var(--hy-hairline)}.hy-ktl__progress-fill{display:block;block-size:100%;background:var(--hy-red);transform-origin:100% 50%;transform:scaleX(var(--hy-ktl-p, 0));transition:transform .2s linear}.hy-ktl:dir(ltr) .hy-ktl__progress-fill{transform-origin:0% 50%}}@keyframes hy-ktl-breathe{0%,to{transform:scale(.96);opacity:.7}50%{transform:scale(1.04);opacity:1}}@media(prefers-reduced-motion:reduce){.hy-ktl__line-fill{transform:none}.hy-ktl__shelf:after{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/14/assets/hybrid-kit-routine.css.map */