.cc-formula-guide-v2{--cc-guide-pointer-x: 0;--cc-guide-pointer-y: 0;overflow:clip;scroll-behavior:smooth}.cc-formula-guide-v2 .cc-editorial-page__hero{position:relative;isolation:isolate}.cc-formula-guide-v2 .cc-editorial-page__hero-copy{position:relative;z-index:2}.cc-guide__hero-index{position:absolute;z-index:0;right:-.03em;bottom:-.24em;margin:0;color:#0e1b4d0a;font-size:clamp(130px,17vw,250px);font-weight:600;line-height:1;letter-spacing:-.09em;pointer-events:none}.cc-formula-guide-v2 .cc-editorial-page__product-stage:before{animation:cc-guide-orbit 22s linear infinite}.cc-formula-guide-v2 .cc-editorial-page__stage-product{transform:translate3d(calc(var(--cc-guide-pointer-x) * var(--cc-guide-depth, 8px)),calc(var(--cc-guide-pointer-y) * var(--cc-guide-depth, 8px)),0);animation:cc-guide-float 6.4s ease-in-out infinite;transition:transform .5s cubic-bezier(.22,1,.36,1),filter .35s ease}.cc-formula-guide-v2 .cc-editorial-page__stage-product--calvia{--cc-guide-depth: 16px;animation-delay:-1.8s}.cc-formula-guide-v2 .cc-editorial-page__stage-product--slimory{--cc-guide-depth: 11px;animation-delay:-4.1s}.cc-formula-guide-v2 .cc-editorial-page__stage-product--livapro{--cc-guide-depth: 12px;animation-delay:-2.7s}.cc-formula-guide-v2 .cc-editorial-page__stage-product--qmax{--cc-guide-depth: 7px;animation-delay:-5.2s}.cc-formula-guide-v2 .cc-editorial-page__stage-product--gluglow{--cc-guide-depth: 8px;animation-delay:-.8s}.cc-formula-guide-v2 .cc-editorial-page__hero-copy .button{background:var(--cc-page-teal);color:#fff}.cc-guide__jump{position:relative;z-index:2;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));margin:-8px 0 34px;border:1px solid rgba(14,27,77,.14);border-radius:999px;background:#ffffffc7;box-shadow:0 18px 50px #0e1b4d0f;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.cc-guide__jump a{position:relative;display:grid;min-height:56px;padding:12px 18px;place-items:center;color:var(--cc-page-ink);font-size:13px;font-weight:650;line-height:18px;text-align:center;text-decoration:none;transition:color .22s ease,background-color .22s ease,transform .22s ease}.cc-guide__jump a+a:before{content:"";position:absolute;top:14px;bottom:14px;left:0;width:1px;background:#0e1b4d1c}.cc-guide__jump a:hover,.cc-guide__jump a:focus-visible{color:var(--cc-page-teal)}.cc-guide__jump a.is-active{margin:5px;min-height:46px;border-radius:999px;background:var(--cc-page-ink);color:#fff;box-shadow:0 10px 28px #0e1b4d21}.cc-guide__jump a.is-active+a:before,.cc-guide__jump a:has(+a.is-active):after{opacity:0}.cc-guide__ticker{overflow:hidden;margin:-8px 0 30px;padding:12px 0;border-block:1px solid rgba(14,27,77,.1)}.cc-guide__ticker-track{display:flex;width:max-content;align-items:center;gap:18px;animation:cc-guide-ticker 30s linear infinite}.cc-guide__ticker span{color:#0e1b4d9e;font-size:10px;font-weight:750;letter-spacing:.13em;text-transform:uppercase;white-space:nowrap}.cc-guide__ticker i{width:5px;height:5px;border-radius:50%;background:var(--cc-page-lime)}.cc-guide__grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:22px;align-items:start}.cc-guide-card{--cc-card-accent: #0b8f8b;display:grid;grid-template-columns:minmax(220px,.82fr) minmax(0,1.18fr);min-height:410px;overflow:hidden;border:1px solid rgba(14,27,77,.1);border-radius:22px;background:#fff;scroll-margin-top:118px;box-shadow:0 18px 54px #0e1b4d0b;transition:transform .42s cubic-bezier(.22,1,.36,1),box-shadow .42s ease,border-color .42s ease}.cc-guide-card:hover{transform:translateY(-7px);border-color:color-mix(in srgb,var(--cc-card-accent) 28%,transparent);box-shadow:0 30px 76px #0e1b4d1c}.cc-guide-card--feature{grid-column:1 / -1;grid-template-columns:minmax(360px,.92fr) minmax(0,1.08fr);min-height:510px}.cc-guide-card--gluglow{grid-column:span 7;min-height:468px}.cc-guide-card--slimory{grid-column:span 5;grid-template-columns:1fr;margin-top:70px}.cc-guide-card--livapro{grid-column:span 5;grid-template-columns:1fr}.cc-guide-card--qmax{grid-column:span 7;min-height:468px;margin-top:70px}.cc-guide-card--slimory .cc-guide-card__visual,.cc-guide-card--livapro .cc-guide-card__visual{min-height:300px}.cc-guide-card--slimory .cc-guide-card__visual img,.cc-guide-card--livapro .cc-guide-card__visual img{width:min(48%,225px)}.cc-guide-card--calvia{--cc-card-accent: #168dcc}.cc-guide-card--gluglow{--cc-card-accent: #c23b73}.cc-guide-card--slimory{--cc-card-accent: #5d478e}.cc-guide-card--livapro{--cc-card-accent: #168d58}.cc-guide-card--qmax{--cc-card-accent: #13a7a5}.cc-guide-card__visual{position:relative;display:grid;min-height:inherit;place-items:center;overflow:hidden;background:radial-gradient(circle at 50% 45%,rgba(255,255,255,.95) 0 27%,transparent 28%),linear-gradient(145deg,color-mix(in srgb,var(--cc-card-accent) 10%,#fff),#f8f7f1 78%)}.cc-guide-card__visual:before{content:"";position:absolute;width:68%;aspect-ratio:1;border:1px solid color-mix(in srgb,var(--cc-card-accent) 18%,transparent);border-radius:50%;box-shadow:0 0 0 28px color-mix(in srgb,var(--cc-card-accent) 3%,transparent);animation:cc-guide-orbit 18s linear infinite}.cc-guide-card__visual:after{content:"";position:absolute;right:14%;bottom:12%;left:14%;height:10%;border-radius:50%;background:radial-gradient(ellipse,rgba(14,27,77,.14),transparent 70%);filter:blur(10px)}.cc-guide-card__visual img{position:relative;z-index:1;display:block;width:min(70%,300px);height:auto;object-fit:contain;filter:drop-shadow(0 24px 20px rgba(14,27,77,.16));transform:perspective(800px) translate3d(calc(var(--cc-card-x, 0) * 12px),calc(var(--cc-card-y, 0) * 10px),0) rotateX(calc(var(--cc-card-y, 0) * -2deg)) rotateY(calc(var(--cc-card-x, 0) * 3deg));transition:transform .42s cubic-bezier(.22,1,.36,1),filter .42s ease}.cc-guide-card:hover .cc-guide-card__visual img{filter:drop-shadow(0 32px 25px rgba(14,27,77,.22))}.cc-guide-card--feature .cc-guide-card__visual img{width:min(68%,350px)}.cc-guide-card__index{position:absolute;z-index:2;top:24px;left:24px;display:grid;width:42px;height:42px;place-items:center;border:1px solid rgba(14,27,77,.12);border-radius:50%;background:#ffffffc2;color:var(--cc-page-ink);font-size:11px;font-weight:700;letter-spacing:.08em;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:transform .35s cubic-bezier(.22,1,.36,1),background-color .35s ease}.cc-guide-card:hover .cc-guide-card__index{transform:rotate(-8deg) scale(1.07);background:#fff}.cc-guide-card__body{display:flex;flex-direction:column;justify-content:center;padding:42px clamp(30px,4vw,58px)}.cc-guide-card__eyebrow{margin:0 0 12px;color:var(--cc-card-accent);font-size:11px;font-weight:750;letter-spacing:.11em;text-transform:uppercase}.cc-guide-card__body h3{margin:0;color:var(--cc-page-ink);font-size:clamp(31px,3vw,46px);font-weight:450;line-height:1;letter-spacing:-.035em}.cc-guide-card__summary{max-width:520px;margin:18px 0 0;color:#0e1b4dc2;font-size:15px;line-height:24px}.cc-guide-card__facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;margin:30px 0 0;border-block:1px solid rgba(14,27,77,.12)}.cc-guide-card__facts div{padding:18px 22px 20px 0}.cc-guide-card__facts div+div{padding-left:22px;border-left:1px solid rgba(14,27,77,.12)}.cc-guide-card__facts dt,.cc-guide-card__prompt span{display:block;margin-bottom:7px;color:var(--cc-page-teal);font-size:10px;font-weight:750;letter-spacing:.1em;text-transform:uppercase}.cc-guide-card__facts dd{margin:0;color:#0e1b4db8;font-size:13px;line-height:20px}.cc-guide-card__prompt{margin:24px 0 0;padding-top:18px;border-top:1px solid rgba(14,27,77,.12);color:#0e1b4db8;font-size:13px;line-height:20px}.cc-guide-card__link{display:inline-flex;gap:12px;align-items:center;align-self:flex-start;margin-top:24px;color:var(--cc-page-ink);font-size:13px;font-weight:750;text-decoration:none;background-image:linear-gradient(currentColor,currentColor);background-repeat:no-repeat;background-position:0 100%;background-size:0 1px;transition:background-size .26s ease}.cc-guide-card__link span{transition:transform .22s ease}.cc-guide-card__link:hover span{transform:translate(4px)}.cc-guide-card__link:hover{background-size:calc(100% - 30px) 1px}.cc-guide-method,.cc-guide-questions{padding:96px max(32px,calc((100vw - 1340px)/2))}.cc-guide-method{display:grid;grid-template-columns:minmax(300px,.72fr) minmax(0,1.28fr);gap:clamp(48px,7vw,112px);background:#eff8f6;background-image:radial-gradient(circle at 8% 18%,rgba(177,218,7,.16),transparent 24%),radial-gradient(circle at 92% 84%,rgba(11,143,139,.11),transparent 28%)}.cc-guide-method h2,.cc-guide-questions h2{max-width:11ch;margin:0;color:var(--cc-page-ink);font-size:clamp(40px,4.1vw,58px);font-weight:400;line-height:1.02;letter-spacing:-.045em}.cc-guide-method__steps{margin:0;padding:0;border-top:1px solid rgba(14,27,77,.16);list-style:none}.cc-guide-method__steps li{display:grid;grid-template-columns:48px minmax(0,1fr);gap:22px;padding:24px 0 26px;border-bottom:1px solid rgba(14,27,77,.16);transition:padding-left .3s ease,background-color .3s ease}.cc-guide-method__steps li:hover{padding-left:16px;background:#ffffff6b}.cc-guide-method__steps>li>span{color:var(--cc-page-teal);font-size:11px;font-weight:750;letter-spacing:.08em}.cc-guide-method__steps h3{margin:0 0 7px;color:var(--cc-page-ink);font-size:20px;font-weight:550;line-height:1.2}.cc-guide-method__steps p{max-width:620px;margin:0;color:#0e1b4db3;font-size:14px;line-height:22px}.cc-guide-questions{display:grid;grid-template-columns:minmax(300px,.76fr) minmax(0,1.24fr);gap:clamp(48px,8vw,128px);background:#fff}.cc-guide-questions__intro>p:last-child{max-width:440px;margin:24px 0 0;color:#0e1b4db3;font-size:15px;line-height:24px}.cc-guide-questions__list{border-top:1px solid rgba(14,27,77,.16)}.cc-guide-questions details{border-bottom:1px solid rgba(14,27,77,.16)}.cc-guide-questions summary{display:grid;grid-template-columns:minmax(0,1fr) 22px;gap:24px;align-items:center;padding:24px 0;color:var(--cc-page-ink);font-size:17px;font-weight:600;line-height:24px;cursor:pointer;list-style:none;transition:color .22s ease,padding-left .26s ease}.cc-guide-questions summary:hover{padding-left:10px;color:var(--cc-page-teal)}.cc-guide-motion-ready .cc-guide-reveal{opacity:0;transform:translate3d(0,34px,0);transition:opacity .78s ease,transform .9s cubic-bezier(.16,1,.3,1)}.cc-guide-motion-ready .cc-editorial-page__hero-copy.cc-guide-reveal{transform:translate3d(-26px,0,0)}.cc-guide-motion-ready .cc-editorial-page__media.cc-guide-reveal{transform:translate3d(26px,0,0)}.cc-guide-motion-ready .cc-guide-reveal.is-visible{opacity:1;transform:translateZ(0)}.cc-guide-motion-ready .cc-guide-card.cc-guide-reveal.is-visible:hover{transform:translateY(-7px)}@keyframes cc-guide-float{0%,to{translate:0 0}50%{translate:0 -9px}}@keyframes cc-guide-orbit{to{rotate:360deg}}@keyframes cc-guide-ticker{to{transform:translate(-50%)}}.cc-guide-questions summary::-webkit-details-marker{display:none}.cc-guide-questions summary span{position:relative;width:18px;height:18px}.cc-guide-questions summary span:before,.cc-guide-questions summary span:after{content:"";position:absolute;top:8px;left:1px;width:16px;height:1px;background:currentColor;transition:transform .2s ease}.cc-guide-questions summary span:after{transform:rotate(90deg)}.cc-guide-questions details[open] summary span:after{transform:rotate(0)}.cc-guide-questions details>p{max-width:680px;margin:-5px 48px 26px 0;color:#0e1b4db3;font-size:14px;line-height:23px}@media screen and (max-width:989px){.cc-guide-card,.cc-guide-card--feature{grid-template-columns:minmax(260px,.9fr) minmax(0,1.1fr)}.cc-guide__jump{grid-template-columns:repeat(5,180px);overflow-x:auto;border-radius:0;scrollbar-width:none}.cc-guide__jump::-webkit-scrollbar{display:none}.cc-guide__grid{grid-template-columns:1fr}.cc-guide-card,.cc-guide-card--feature,.cc-guide-card--gluglow,.cc-guide-card--slimory,.cc-guide-card--livapro,.cc-guide-card--qmax{grid-column:auto;margin-top:0}.cc-guide-method,.cc-guide-questions{grid-template-columns:1fr;gap:42px}}@media screen and (max-width:749px){.cc-formula-guide-v2 .cc-editorial-page__hero-copy{padding-bottom:38px}.cc-formula-guide-v2 .cc-editorial-page__media{min-height:350px}.cc-guide__jump{grid-template-columns:repeat(5,max-content);gap:8px;margin:-4px -20px 24px;padding:0 20px 10px;border:0;background:transparent;box-shadow:none}.cc-guide__jump a{min-height:44px;padding:10px 17px;border:1px solid rgba(14,27,77,.14);border-radius:999px;background:#fff;white-space:nowrap}.cc-guide__jump a.is-active{margin:0;min-height:44px;color:#fff}.cc-guide__ticker{margin:0 -20px 24px;padding-block:10px}.cc-guide__ticker-track{animation-duration:24s}.cc-guide__jump a+a:before{display:none}.cc-guide-card--feature{grid-template-columns:1fr;min-height:0}.cc-guide-card--feature .cc-guide-card__visual{min-height:272px}.cc-guide-card--feature .cc-guide-card__visual img{width:min(64%,218px)}.cc-guide-card:not(.cc-guide-card--feature){grid-template-columns:116px minmax(0,1fr);min-height:300px}.cc-guide-card:not(.cc-guide-card--feature) .cc-guide-card__visual{min-height:100%}.cc-guide-card:not(.cc-guide-card--feature) .cc-guide-card__visual img{width:108px;max-width:none}.cc-guide-card:not(.cc-guide-card--feature) .cc-guide-card__index{top:12px;left:12px;width:30px;height:30px;font-size:9px}.cc-guide-card:not(.cc-guide-card--feature) .cc-guide-card__body{padding:24px 17px 23px}.cc-guide-card:not(.cc-guide-card--feature) .cc-guide-card__eyebrow{margin-bottom:8px;font-size:9px;line-height:14px}.cc-guide-card:not(.cc-guide-card--feature) .cc-guide-card__body h3{font-size:26px}.cc-guide-card:not(.cc-guide-card--feature) .cc-guide-card__summary{margin-top:10px;font-size:12px;line-height:18px}.cc-guide-card:not(.cc-guide-card--feature) .cc-guide-card__prompt{margin-top:14px;padding-top:12px;font-size:11px;line-height:16px}.cc-guide-card:not(.cc-guide-card--feature) .cc-guide-card__prompt span{margin-bottom:4px;font-size:8px}.cc-guide-card:not(.cc-guide-card--feature) .cc-guide-card__link{gap:8px;margin-top:14px;font-size:11px}.cc-guide-card__index{top:16px;left:16px;width:36px;height:36px}.cc-guide-card__body{padding:28px 22px 30px}.cc-guide-card__body h3{font-size:34px}.cc-guide-card__summary{margin-top:14px}.cc-guide-card__facts{grid-template-columns:1fr;margin-top:22px}.cc-guide-card__facts div,.cc-guide-card__facts div+div{padding:15px 0 16px;border-left:0}.cc-guide-card__facts div+div{border-top:1px solid rgba(14,27,77,.12)}.cc-guide-card__prompt{margin-top:20px}.cc-guide-method,.cc-guide-questions{padding:62px 20px}.cc-guide-method,.cc-guide-questions{gap:30px}.cc-guide-method h2,.cc-guide-questions h2{font-size:35px}.cc-guide-method__steps li{grid-template-columns:34px minmax(0,1fr);gap:12px;padding:20px 0 22px}.cc-guide-method__steps li:hover{padding-left:0;background:transparent}.cc-guide-method__steps h3{font-size:18px}.cc-guide-questions summary{gap:16px;padding:20px 0;font-size:15px;line-height:22px}.cc-guide-questions details>p{margin-right:28px}.cc-guide-questions summary:hover{padding-left:0}.cc-guide-motion-ready .cc-guide-reveal,.cc-guide-motion-ready .cc-editorial-page__hero-copy.cc-guide-reveal,.cc-guide-motion-ready .cc-editorial-page__media.cc-guide-reveal{transform:translate3d(0,20px,0)}.cc-guide-motion-ready .cc-guide-reveal.is-visible{transform:translateZ(0)}}@media(prefers-reduced-motion:reduce){.cc-guide-card,.cc-guide-card__link span,.cc-guide-questions summary span:after{transition:none}.cc-formula-guide-v2 .cc-editorial-page__product-stage:before,.cc-formula-guide-v2 .cc-editorial-page__stage-product,.cc-guide-card__visual:before,.cc-guide__ticker-track{animation:none}.cc-guide-motion-ready .cc-guide-reveal,.cc-guide-motion-ready .cc-editorial-page__hero-copy.cc-guide-reveal,.cc-guide-motion-ready .cc-editorial-page__media.cc-guide-reveal{opacity:1;transform:none}}
/*# sourceMappingURL=/cdn/shop/t/25/assets/cozycity-formula-guide-v2.css.map */