.ff-creatine-frame{position:relative;max-width:1368px;margin-inline:auto;border-radius:var(--creatine-radius,12px)}.ff-creatine{display:block;position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;isolation:isolate;container-type:inline-size;border-radius:inherit;background:#f2eff6;color:#111;font-family:var(--font-body-family,inherit)}.ff-creatine *{box-sizing:border-box}.ff-creatine__background{position:absolute;top:-28px;right:0;bottom:-28px;left:0;display:grid;grid-template-rows:repeat(3,minmax(0,1fr));gap:4px;filter:blur(var(--creatine-blur,5px));opacity:.82;pointer-events:none}.ff-creatine__row{min-width:0;min-height:0}.ff-creatine__track{display:flex;width:max-content;height:100%;animation-duration:var(--creatine-duration,55s);animation-timing-function:linear;animation-iteration-count:infinite;animation-play-state:paused;will-change:transform}.ff-creatine__row--right .ff-creatine__track{animation-name:ff-creatine-right;transform:translate(-50%)}.ff-creatine__row--left .ff-creatine__track{animation-name:ff-creatine-left;transform:translate(0)}.ff-creatine__sequence{display:flex;flex:none;height:100%;gap:26px;padding-right:26px}.ff-creatine__tile{flex:0 0 max(184px,20cqw);width:max(184px,20cqw);height:100%;display:flex;align-items:center;justify-content:center}.ff-creatine__cutout{display:block;width:100%;height:100%;object-fit:contain;max-width:none;max-height:none}.ff-creatine__tile:nth-child(3n+1){transform:rotate(-5deg)}.ff-creatine__tile:nth-child(3n+2){transform:rotate(4deg)}.ff-creatine[data-running=true] .ff-creatine__track{animation-play-state:running}.ff-creatine__backing{position:absolute;top:0;right:3%;bottom:0;left:3%;background:#fff;pointer-events:none;-webkit-mask-image:linear-gradient(90deg,transparent,#000 var(--creatine-coverage,15%),#000 calc(100% - var(--creatine-coverage,15%)),transparent),linear-gradient(0deg,transparent,#000 22%,#000 78%,transparent);mask-image:linear-gradient(90deg,transparent,#000 var(--creatine-coverage,15%),#000 calc(100% - var(--creatine-coverage,15%)),transparent),linear-gradient(0deg,transparent,#000 22%,#000 78%,transparent);-webkit-mask-composite:source-in;mask-composite:intersect}.ff-creatine__foreground{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(960px,84%);display:grid;grid-template-columns:1.35fr 1fr;grid-template-rows:auto auto auto;column-gap:clamp(24px,4cqw,64px);row-gap:22px;align-items:center;z-index:1}.ff-creatine .ff-creatine__heading{grid-column:1;grid-row:1;align-self:end;font-family:var(--font-heading-family,inherit);font-size:clamp(44px,6.2cqw,84px);font-weight:850;letter-spacing:-.055em;line-height:.91;margin:0;color:#111;text-transform:uppercase;overflow-wrap:normal;text-wrap:balance}.ff-creatine .ff-creatine__subheading{grid-column:1;grid-row:2;max-width:29ch;font-size:clamp(18px,1.65cqw,23px);line-height:1.25;font-weight:500;margin:0;color:#292d30;letter-spacing:-.015em;text-wrap:pretty}.ff-creatine__heading-accent{color:#397d86}.ff-creatine__subheading strong{font-weight:800}.ff-creatine__amount{white-space:nowrap}.ff-creatine__hero{grid-column:2;grid-row:1/4;height:0;min-height:0;margin:0;display:flex;align-items:center;justify-content:center}.ff-creatine__hero img{display:block;width:min(var(--creatine-image,360px),calc(var(--creatine-frame-height,540px) - 80px));height:min(var(--creatine-image,360px),calc(var(--creatine-frame-height,540px) - 80px));max-width:100%;object-fit:contain;filter:none;opacity:1}.ff-creatine__cta{--paper-overhang:8px;position:relative;isolation:isolate;overflow:visible;grid-column:1;grid-row:3;justify-self:start;margin-top:10px;display:inline-flex;justify-content:center;align-items:center;min-height:54px;min-width:190px;padding:15px 28px;border:0;border-radius:6px;background:transparent;color:#111!important;text-decoration:none;font-family:inherit;font-size:13px;font-weight:800;letter-spacing:.05em;line-height:1.3;-webkit-tap-highlight-color:transparent}.ff-creatine__cta-content{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;gap:34px}.ff-creatine__arrow{font-size:23px;line-height:1}.ff-creatine__paper-backing{position:absolute;inset:calc(-1 * var(--paper-overhang));pointer-events:none;filter:drop-shadow(0 2px 2px #0000001a) drop-shadow(0 4px 6px #00000014)}.ff-creatine__paper-backing:before{clip-path:polygon(1% 5%,4% 1%,8% 2.5%,12% 0%,16% 1.6%,20% 3.8%,24% 1%,28% 2%,32% .4%,36% 3%,40% 1.2%,44% 0%,48% 2.4%,52% 1%,56% 2.5%,60% 0%,64% 1.6%,68% 3.8%,72% 1%,76% 2%,80% .4%,84% 3%,88% 1.2%,92% 0%,96% 2.4%,99% 4%,98.8% 14%,100% 25%,100% 37%,98.8% 45%,100% 54%,100% 66%,98.8% 78%,100% 89%,99% 97%,96% 98.4%,92% 96.2%,88% 99.2%,84% 98%,80% 99.6%,76% 97%,72% 98.8%,68% 100%,64% 97.6%,60% 99%,56% 97.7%,52% 99.8%,48% 98.4%,44% 96.2%,40% 99.2%,36% 98%,32% 99.6%,28% 97%,24% 98.8%,20% 100%,16% 97.6%,12% 99%,8% 97.7%,4% 99.8%,1% 96%,1.2% 88%,0% 77%,0% 65%,1.2% 56%,0% 44%,0% 33%,1.2% 23%,0% 13%);content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#fff;animation:ff-creatine-white-edge .333333s steps(1,end) infinite;animation-play-state:paused}.ff-creatine__paper{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;background:#9bcbd0;clip-path:polygon(1% 3%,24% 1%,49% 3%,73% 1%,99% 3%,100% 35%,99% 67%,100% 97%,76% 99%,51% 97%,26% 99%,1% 97%,0 64%,1% 34%);animation:ff-creatine-paper-edge .333333s steps(1,end) infinite;animation-play-state:paused}.ff-creatine__paper:after{content:"";position:absolute;top:-20px;right:-20px;bottom:-20px;left:-20px;background-image:url(fitfam-creatine-paper.svg);background-size:180px 120px;opacity:.22;pointer-events:none;animation:ff-creatine-paper-grain .9s steps(1,end) infinite;animation-play-state:paused}.ff-creatine[data-running=true] .ff-creatine__paper-backing:before,.ff-creatine[data-running=true] .ff-creatine__paper,.ff-creatine[data-running=true] .ff-creatine__paper:after{animation-play-state:running}.ff-creatine__cta:focus-visible,.ff-creatine__toggle:focus-visible{outline:3px solid #255a64;outline-offset:12px}.ff-creatine__cta:hover .ff-creatine__paper{background:#84b9c1}.ff-creatine__cta:hover{text-decoration:underline;text-underline-offset:4px}@keyframes ff-creatine-paper-edge{25%{clip-path:polygon(1% 2%,24% 3%,49% 1%,73% 2%,99% 2%,100% 34%,99% 68%,100% 98%,76% 97%,51% 99%,26% 98%,1% 98%,0 65%,1% 33%)}50%{clip-path:polygon(1% 3%,24% 2%,49% 3%,73% 1%,99% 3%,100% 36%,99% 67%,100% 97%,76% 99%,51% 98%,26% 99%,1% 97%,0 63%,1% 35%)}75%{clip-path:polygon(1% 2%,24% 1%,49% 2%,73% 3%,99% 2%,100% 35%,99% 66%,100% 98%,76% 98%,51% 97%,26% 98%,1% 98%,0 64%,1% 34%)}}@keyframes ff-creatine-paper-grain{33.333%{background-position:31px 19px}66.667%{background-position:-27px 39px}}.ff-creatine__toggle{position:absolute;right:18px;bottom:16px;z-index:2;display:flex;align-items:center;gap:6px;min-height:34px;padding:6px 11px;border:1px solid #ddd4e5;border-radius:20px;background:#fffffff2;color:#29222f;font:500 11px/1.3 var(--font-body-family,inherit);cursor:pointer}.ff-creatine__toggle[hidden]{display:none}.ff-creatine__image-note{grid-column:2;grid-row:1/4;background:#fff;padding:12px;font-size:14px}.slideshow__slide[aria-hidden=true] .ff-creatine{pointer-events:none}@keyframes ff-creatine-right{0%{transform:translate(-50%)}to{transform:translate(0)}}@keyframes ff-creatine-left{0%{transform:translate(0)}to{transform:translate(-50%)}}@media(max-width:749.98px){.ff-creatine__foreground{width:88%;top:calc(50% - 12px);grid-template-columns:1fr;grid-template-rows:auto auto auto auto;row-gap:16px;justify-items:center;text-align:center}.ff-creatine .ff-creatine__heading{grid-column:1;grid-row:1;font-size:clamp(26px,8.7cqw,38px);letter-spacing:-.045em;line-height:.93;white-space:nowrap}.ff-creatine .ff-creatine__subheading{grid-column:1;grid-row:2;max-width:28ch;font-size:clamp(16px,4.6cqw,19px);line-height:1.25}.ff-creatine__hero{grid-column:1;grid-row:3;height:auto;margin-block:-12px}.ff-creatine__hero img{width:min(var(--creatine-image-mobile,230px),calc(var(--creatine-frame-height,540px) - 290px));height:min(var(--creatine-image-mobile,230px),calc(var(--creatine-frame-height,540px) - 290px))}.ff-creatine__cta{--paper-overhang:6px;grid-column:1;grid-row:4;justify-self:center;margin-top:8px;min-height:52px;min-width:180px;padding:14px 24px}.ff-creatine__cta-content{gap:30px}.ff-creatine__backing{top:-4%;right:-34%;bottom:-4%;left:-34%;-webkit-mask-image:linear-gradient(90deg,transparent,#000 calc(var(--creatine-coverage) + 11%),#000 calc(89% - var(--creatine-coverage)),transparent),linear-gradient(0deg,transparent,#000 17%,#000 83%,transparent);mask-image:linear-gradient(90deg,transparent,#000 calc(var(--creatine-coverage) + 11%),#000 calc(89% - var(--creatine-coverage)),transparent),linear-gradient(0deg,transparent,#000 17%,#000 83%,transparent)}.ff-creatine__toggle{right:10px;bottom:12px;font-size:10px;padding:6px 9px;min-height:32px}.ff-creatine__background{opacity:.72}.ff-creatine__image-note{grid-column:1;grid-row:3}}@media(prefers-reduced-motion:reduce){.ff-creatine .ff-creatine__paper-backing:before,.ff-creatine .ff-creatine__paper,.ff-creatine .ff-creatine__paper:after{animation:none!important}.ff-creatine .ff-creatine__track{animation:none!important;will-change:auto}.ff-creatine__toggle{display:none!important}}@keyframes ff-creatine-white-edge{25%{clip-path:polygon(1% 5%,4% 2.5%,8% 0%,12% 1.6%,16% 3.8%,20% 1%,24% 2%,28% .4%,32% 3%,36% 1.2%,40% 0%,44% 2.4%,48% 1%,52% 2.5%,56% 0%,60% 1.6%,64% 3.8%,68% 1%,72% 2%,76% .4%,80% 3%,84% 1.2%,88% 0%,92% 2.4%,96% 1%,99% 4%,98.8% 14%,100% 25%,100% 37%,98.8% 45%,100% 54%,100% 66%,98.8% 78%,100% 89%,99% 97%,96% 96.2%,92% 99.2%,88% 98%,84% 99.6%,80% 97%,76% 98.8%,72% 100%,68% 97.6%,64% 99%,60% 97.7%,56% 99.8%,52% 98.4%,48% 96.2%,44% 99.2%,40% 98%,36% 99.6%,32% 97%,28% 98.8%,24% 100%,20% 97.6%,16% 99%,12% 97.7%,8% 99.8%,4% 98.4%,1% 96%,1.2% 88%,0% 77%,0% 65%,1.2% 56%,0% 44%,0% 33%,1.2% 23%,0% 13%)}50%{clip-path:polygon(1% 5%,4% 0%,8% 1.6%,12% 3.8%,16% 1%,20% 2%,24% .4%,28% 3%,32% 1.2%,36% 0%,40% 2.4%,44% 1%,48% 2.5%,52% 0%,56% 1.6%,60% 3.8%,64% 1%,68% 2%,72% .4%,76% 3%,80% 1.2%,84% 0%,88% 2.4%,92% 1%,96% 2.5%,99% 4%,98.8% 14%,100% 25%,100% 37%,98.8% 45%,100% 54%,100% 66%,98.8% 78%,100% 89%,99% 97%,96% 99.2%,92% 98%,88% 99.6%,84% 97%,80% 98.8%,76% 100%,72% 97.6%,68% 99%,64% 97.7%,60% 99.8%,56% 98.4%,52% 96.2%,48% 99.2%,44% 98%,40% 99.6%,36% 97%,32% 98.8%,28% 100%,24% 97.6%,20% 99%,16% 97.7%,12% 99.8%,8% 98.4%,4% 96.2%,1% 96%,1.2% 88%,0% 77%,0% 65%,1.2% 56%,0% 44%,0% 33%,1.2% 23%,0% 13%)}75%{clip-path:polygon(1% 5%,4% 1.6%,8% 3.8%,12% 1%,16% 2%,20% .4%,24% 3%,28% 1.2%,32% 0%,36% 2.4%,40% 1%,44% 2.5%,48% 0%,52% 1.6%,56% 3.8%,60% 1%,64% 2%,68% .4%,72% 3%,76% 1.2%,80% 0%,84% 2.4%,88% 1%,92% 2.5%,96% 0%,99% 4%,98.8% 14%,100% 25%,100% 37%,98.8% 45%,100% 54%,100% 66%,98.8% 78%,100% 89%,99% 97%,96% 98%,92% 99.6%,88% 97%,84% 98.8%,80% 100%,76% 97.6%,72% 99%,68% 97.7%,64% 99.8%,60% 98.4%,56% 96.2%,52% 99.2%,48% 98%,44% 99.6%,40% 97%,36% 98.8%,32% 100%,28% 97.6%,24% 99%,20% 97.7%,16% 99.8%,12% 98.4%,8% 96.2%,4% 99.2%,1% 96%,1.2% 88%,0% 77%,0% 65%,1.2% 56%,0% 44%,0% 33%,1.2% 23%,0% 13%)}}
/*# sourceMappingURL=/cdn/shop/t/13/assets/fitfam-creatine-promo.css.map */