.easings-module__yJ5IBa__shell{--main-background:#f8f8f8;--main-text-color:#222;--second-background:#fff;--brand-color:#1473e6;--brand-color-text:#fff;--brand-darken-color:#095aba;--brand-darken-color-text:#fff;--brand-lighten-color:#2680eb;--second-color:#247b5e;--gray-color:#6e6e6e;--gray-lighten-color:#cacaca;--button-background-color:var(--brand-color);--function-shadow:#0000000d;--function-shadow-active:#0003;--card-overlay:#000000b3;--card-overlay-text:#fff;--transparent-color-5:#0000000d;--transition-time:.2s;--transition-card-time:1s;--transition-show-time:1.5s;--line-height:1.4;--line-height-code:1.5;--general-line-height:22px;--code-fonts:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;background:var(--main-background);color:var(--main-text-color);font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:var(--line-height);padding:0 15px;overflow:hidden}.easings-module__yJ5IBa__shell[data-theme=dark]{--main-background:#222;--main-text-color:#fff;--second-background:#111;--brand-color:#227dec;--second-color:#298e6d;--button-background-color:#136edd;--function-shadow:#ffffff0d;--function-shadow-active:#fff3;--transparent-color-5:#ffffff0d}@media (prefers-color-scheme:dark){.easings-module__yJ5IBa__shell:not([data-theme=light]){--main-background:#222;--main-text-color:#fff;--second-background:#111;--brand-color:#227dec;--second-color:#298e6d;--button-background-color:#136edd;--function-shadow:#ffffff0d;--function-shadow-active:#fff3;--transparent-color-5:#ffffff0d}}.easings-module__yJ5IBa__shell[data-theme=light]{--main-background:#f8f8f8;--main-text-color:#222;--second-background:#fff;--brand-color:#1473e6;--second-color:#247b5e;--button-background-color:var(--brand-color);--function-shadow:#0000000d;--function-shadow-active:#0003;--transparent-color-5:#0000000d}.easings-module__yJ5IBa__wrap{max-width:1050px;margin:0 auto;position:relative}.easings-module__yJ5IBa__visuallyHidden{clip:rect(0 0 0 0);width:1px;height:1px;margin:-1px;position:absolute;overflow:hidden}.easings-module__yJ5IBa__header{padding:1.5rem 0 .5rem}.easings-module__yJ5IBa__headerDefinition{max-width:720px;margin:0 0 1rem}.easings-module__yJ5IBa__headerDefinition em{font-style:normal;font-weight:600}.easings-module__yJ5IBa__opensource{margin:0 0 .5rem}.easings-module__yJ5IBa__button{box-sizing:border-box;background:var(--button-background-color);color:var(--brand-color-text);text-align:center;font-family:inherit;font-size:100%;font-weight:500;line-height:var(--line-height);cursor:pointer;transition:var(--transition-time);box-shadow:0 2px 8px var(--transparent-color-5);border:none;outline:none;align-items:center;gap:.5em;margin:0;padding:1em 1.25em;text-decoration:none;display:inline-flex;position:relative}.easings-module__yJ5IBa__button:hover,.easings-module__yJ5IBa__button:focus{background:var(--brand-darken-color);color:var(--brand-darken-color-text)}.easings-module__yJ5IBa__buttonSmall{padding:.75em 1em;font-size:14px}.easings-module__yJ5IBa__iconImage{fill:currentColor;width:20px;height:20px}.easings-module__yJ5IBa__iconImageSmall{width:16px;height:16px}.easings-module__yJ5IBa__columns{transition:var(--transition-time);padding:.25rem 0 0}.easings-module__yJ5IBa__columnsHidden{opacity:0;visibility:hidden;pointer-events:none;position:absolute;left:0;right:0}.easings-module__yJ5IBa__columnsWrap{flex-wrap:wrap;justify-content:center;align-items:flex-start;margin:0 -15px;display:flex}.easings-module__yJ5IBa__columnsGroup{width:calc(50% - var(--general-line-height));box-sizing:border-box;margin:0 calc(var(--general-line-height)/2)var(--general-line-height);flex-wrap:wrap;justify-content:center;align-items:stretch;display:flex}.easings-module__yJ5IBa__function{box-sizing:border-box;width:calc(33.3333% - 10px);max-width:160px;transition:var(--transition-time);background:var(--second-background);box-shadow:0 2px 8px var(--function-shadow);color:inherit;flex-direction:column;margin:0 5px 10px;padding:15px 15px 8px;text-decoration:none;display:flex;position:relative}.easings-module__yJ5IBa__function:after{content:"";pointer-events:none;box-shadow:0 0 1px 4px var(--brand-color);transition:var(--transition-time);opacity:0;position:absolute;inset:-4px}.easings-module__yJ5IBa__function:hover:after,.easings-module__yJ5IBa__function:focus-within:after{opacity:1}.easings-module__yJ5IBa__functionActive{z-index:1;box-shadow:0 2px 8px var(--function-shadow-active)}.easings-module__yJ5IBa__functionChart{cursor:pointer;width:100%;color:inherit;background:0 0;border:none;margin:0 auto;padding:0;text-decoration:none;display:block;position:relative}.easings-module__yJ5IBa__functionCaption{text-align:center;margin:auto 0 0;padding:.75em 0 0;font-size:1rem}.easings-module__yJ5IBa__chart{max-width:107px;height:100%;min-height:70px;display:flex}.easings-module__yJ5IBa__chartWrap{position:relative}.easings-module__yJ5IBa__chartWrapOffsetTop{height:55px;margin-top:auto}.easings-module__yJ5IBa__chartWrapOffsetBottom{height:55px}.easings-module__yJ5IBa__chartImage{width:100%;min-width:50px;height:100%;margin:0 auto;display:block;overflow:visible}.easings-module__yJ5IBa__chartExplanations{opacity:0;transition:var(--transition-time)}.easings-module__yJ5IBa__chartActive .easings-module__yJ5IBa__chartExplanations{opacity:1}.easings-module__yJ5IBa__chartAxis{fill:none;stroke-width:1px;stroke:var(--gray-lighten-color)}.easings-module__yJ5IBa__chartText{fill:var(--gray-lighten-color);font-size:10px}.easings-module__yJ5IBa__chartCurve{fill:none;stroke-width:3px;stroke-linecap:round;transition:var(--transition-time);transform:translate(1px,-1px)}.easings-module__yJ5IBa__chartWrapOffsetTop .easings-module__yJ5IBa__chartCurve,.easings-module__yJ5IBa__chartWrapOffsetBottom .easings-module__yJ5IBa__chartCurve{stroke-width:4px}.easings-module__yJ5IBa__chartCursor{opacity:0;will-change:top;color:var(--brand-color);transition:top,color,opacity;position:absolute;top:100%;right:-17px;transform:translateY(-7px)}.easings-module__yJ5IBa__chartCursor:after{content:"";background:currentColor;border-radius:0 50% 50%;width:10px;height:10px;display:block;transform:rotate(-45deg)}.easings-module__yJ5IBa__chartActive .easings-module__yJ5IBa__chartCursor{opacity:1;transition:top var(--transition-show-time),color var(--transition-show-time),opacity var(--transition-time);transition-delay:var(--transition-time),var(--transition-time),0s;top:1%}.easings-module__yJ5IBa__chartCursorFuncIn,.easings-module__yJ5IBa__chartCursorFuncOut,.easings-module__yJ5IBa__chartCursorFuncInOut{color:var(--brand-color)}.easings-module__yJ5IBa__chartActive .easings-module__yJ5IBa__chartCursorFuncIn,.easings-module__yJ5IBa__chartActive .easings-module__yJ5IBa__chartCursorFuncInOut{color:var(--second-color)}.easings-module__yJ5IBa__chartActive .easings-module__yJ5IBa__chartCursorFuncOut{color:var(--main-text-color)}.easings-module__yJ5IBa__info{opacity:0;visibility:hidden;z-index:2;margin:0 0 var(--general-line-height);display:none;position:relative}.easings-module__yJ5IBa__infoEvident{opacity:1;visibility:visible;display:block}.easings-module__yJ5IBa__infoHeader{margin:0 0 var(--general-line-height)}.easings-module__yJ5IBa__infoWrap{align-items:flex-start;display:flex}.easings-module__yJ5IBa__infoCase{box-sizing:border-box;flex:0 370px;width:100%;padding:0 0 0 20px}.easings-module__yJ5IBa__infoMain{box-sizing:border-box;flex:auto;width:1px;min-width:60%;max-width:800px;margin-top:-1rem}.easings-module__yJ5IBa__infoTitle{font-size:42px;font-weight:500;line-height:calc(2*var(--general-line-height));margin:0;padding:0 0 .25em}.easings-module__yJ5IBa__infoChart{margin:0 0 var(--general-line-height)}.easings-module__yJ5IBa__infoChartWrap{max-width:250px;position:relative}.easings-module__yJ5IBa__infoChartWrapOffsetTop{margin-top:auto}.easings-module__yJ5IBa__infoChartCurve{width:100%;height:auto;display:block}.easings-module__yJ5IBa__infoChartText{color:var(--gray-lighten-color);font-size:12px;position:absolute}.easings-module__yJ5IBa__infoChartTextBottom{bottom:0;right:0}.easings-module__yJ5IBa__example{margin-bottom:var(--general-line-height);font-size:1rem}.easings-module__yJ5IBa__exampleTitle{font-size:26px;font-weight:500;line-height:calc(2*var(--general-line-height));margin:0}.easings-module__yJ5IBa__exampleCode{padding:calc(var(--general-line-height)/2)0;font-family:var(--code-fonts);font-size:13px;line-height:var(--line-height-code);direction:ltr;margin:-2px 0;position:relative;overflow-x:auto}.easings-module__yJ5IBa__codeSecond{color:var(--second-color)}.easings-module__yJ5IBa__codeBrand{color:var(--brand-color)}.easings-module__yJ5IBa__copyButton{background:var(--second-background);border:1px solid var(--gray-lighten-color);cursor:pointer;color:var(--main-text-color);border-radius:4px;padding:4px 8px;font-size:12px;position:absolute;top:8px;right:8px}.easings-module__yJ5IBa__copyButton:hover{border-color:var(--brand-color)}.easings-module__yJ5IBa__exampleGradient{width:300px;max-width:100%;height:200px;margin:0 0 calc(var(--general-line-height)/2)0;border-radius:4px}.easings-module__yJ5IBa__details{margin:.5rem 0}.easings-module__yJ5IBa__detailsSummary{cursor:pointer;color:var(--brand-color);font-weight:500}.easings-module__yJ5IBa__casesTitle{margin:0 0 .75rem;font-weight:500}.easings-module__yJ5IBa__casesActions{flex-wrap:wrap;gap:.5rem;margin:0 0 1rem;display:flex}.easings-module__yJ5IBa__case{margin:0 0 1.5rem}.easings-module__yJ5IBa__caseTitle{margin:0 0 .5rem;font-weight:500}.easings-module__yJ5IBa__card{border-radius:4px;position:relative;overflow:hidden}.easings-module__yJ5IBa__cardImage{aspect-ratio:16/10;object-fit:cover;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);width:100%;display:block}.easings-module__yJ5IBa__cardWrap{z-index:1;background:var(--card-overlay);color:var(--card-overlay-text);box-sizing:border-box;transition:var(--transition-card-time)linear;flex-direction:column;justify-content:flex-end;align-items:flex-start;padding:10px 15px;display:flex;position:absolute;inset:0}.easings-module__yJ5IBa__cardWrapNoTransition{transition:none}.easings-module__yJ5IBa__cardWrapOpacity{opacity:0}.easings-module__yJ5IBa__cardWrapScale{transform:scale(0)}.easings-module__yJ5IBa__cardWrapTranslate{transform:translate(-100%)}.easings-module__yJ5IBa__footer{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:2rem 0 3rem;font-size:14px;display:flex}.easings-module__yJ5IBa__footerLink{color:var(--brand-darken-color);text-decoration:none}.easings-module__yJ5IBa__footerLink:hover{text-decoration:underline}.easings-module__yJ5IBa__footerTheme{background:var(--second-background);color:var(--main-text-color);border:1px solid var(--gray-lighten-color);padding:.5em;font-family:inherit;font-size:14px}.easings-module__yJ5IBa__externalLink{color:var(--brand-color)}@media (max-width:1050px){.easings-module__yJ5IBa__function{min-width:140px}.easings-module__yJ5IBa__functionCaption{font-size:14px}}@media (max-width:900px){.easings-module__yJ5IBa__columnsGroup{text-align:center;width:100%}}@media (max-width:800px){.easings-module__yJ5IBa__infoWrap{display:block}.easings-module__yJ5IBa__infoCase{width:100%;padding:0}.easings-module__yJ5IBa__infoMain{padding:0 0 calc(2*var(--general-line-height));width:100%;min-width:0}}@media (max-width:550px){.easings-module__yJ5IBa__infoTitle{font-size:30px}.easings-module__yJ5IBa__function{width:auto}.easings-module__yJ5IBa__chart{width:100px}.easings-module__yJ5IBa__exampleTitle{font-size:22px;font-weight:400}}
@keyframes opacity-easeInElastic{0%,2%,18%,32%,48%,62%,78%,88%{opacity:1}8%,14%{opacity:.99}40%,42%{opacity:.98}70%,72%{opacity:.87}to{opacity:0}}@keyframes scale-easeInElastic{0%,4%,18%{transform:scale(1)}8%,14%{transform:scale(.99)}26%,28%{transform:scale(1.01)}40%,42%{transform:scale(.98)}56%,58%{transform:scale(1.05)}72%{transform:scale(.87)}86%{transform:scale(1.37)}to{transform:scale(0)}}@keyframes translate-easeInElastic{0%,4%,18%{transform:translate(0%)}8%,14%{transform:translate(-.2%)}26%,28%{transform:translate(.6%)}40%,42%{transform:translate(-1.6%)}56%,58%{transform:translate(4.6%)}72%{transform:translate(-13.1%)}86%{transform:translate(37.1%)}to{transform:translate(-100%)}}@keyframes cursor-easeInElastic{0%,4%,18%{color:var(--main-text-color);top:101%}8%,14%{top:100%}26%,28%{top:102%}40%,42%{top:99%}56%,58%{top:105%}72%{top:88%}86%{color:var(--main-text-color);top:138%}to{color:var(--second-color);top:1%}}@keyframes opacity-easeOutElastic{0%{opacity:1}28%{opacity:.13}56%{opacity:.014}86%,92%{opacity:.002}8%,22%,68%,82%,to{opacity:0}}@keyframes scale-easeOutElastic{0%{transform:scale(1)}16%{transform:scale(-.323)}28%{transform:scale(.131)}44%{transform:scale(-.046)}59%{transform:scale(.017)}73%{transform:scale(-.007)}88%{transform:scale(.002)}to{transform:scale(0)}}@keyframes translate-easeOutElastic{0%{transform:translate(0%)}14%{transform:translate(-137.1%)}28%{transform:translate(-86.9%)}44%{transform:translate(-104.6%)}59%{transform:translate(-98%)}73%{transform:translate(-100.8%)}88%{transform:translate(-99.8%)}to{transform:translate(-100%)}}@keyframes cursor-easeOutElastic{0%{color:var(--brand-color);top:101%}16%{color:var(--main-text-color);top:-31%}28%{top:14%}44%{top:-4%}59%{top:2.6%}73%{top:.4%}88%{top:1.2%}to{color:var(--main-text-color);top:1%}}@keyframes opacity-easeInOutElastic{0%,16%,22%,36%{opacity:1}4%,8%{opacity:.95}28%,32%{opacity:.9}70%,72%{opacity:.1}90%,92%{opacity:.05}76%,86%,96%,to{opacity:0}}@keyframes scale-easeInOutElastic{0%{transform:scale(1)}4%,8%{transform:scale(.999)}18%,20%{transform:scale(1.01)}28%,30%{transform:scale(.97)}38%,40%{transform:scale(1.1)}60%,62%{transform:scale(-.1)}70%,72%{transform:scale(.03)}80%,82%{transform:scale(-.01)}90%,92%{transform:scale(.001)}to{transform:scale(0)}}@keyframes translate-easeInOutElastic{0%{transform:translate(0%)}4%,8%{transform:translate(-.1%)}18%,20%{transform:translate(.5%)}28%,30%{transform:translate(-2.4%)}38%,40%{transform:translate(10%)}60%,62%{transform:translate(-110%)}70%,72%{transform:translate(-97.6%)}80%,82%{transform:translate(-100.5%)}90%,92%{transform:translate(-99.9%)}to{transform:translate(-100%)}}@keyframes cursor-easeInOutElastic{0%{color:var(--brand-color);top:101%}4%,8%{top:100%}18%,20%{top:102%}28%,30%{top:99%}38%,40%{color:var(--brand-color);top:113%}60%,62%{top:-11%}70%,72%{color:var(--second-color);top:3.3%}80%,82%{top:0%}90%,92%{top:2%}to{color:var(--second-color);top:1%}}@keyframes opacity-easeInBounce{0%{opacity:1}4%{opacity:.985}8%{opacity:.995}18%{opacity:.938}26%{opacity:.9837}46%{opacity:.78}64%{opacity:.98}76%{opacity:.436}88%{opacity:.109}to{opacity:0}}@keyframes scale-easeInBounce{0%{transform:scale(1)}4%{transform:scale(.984)}8%{transform:scale(.995)}18%{transform:scale(.938)}26%{transform:scale(.9837)}46%{transform:scale(.78)}64%{transform:scale(.98)}76%{transform:scale(.436)}88%{transform:scale(.109)}to{transform:scale(0)}}@keyframes translate-easeInBounce{0%{transform:translate(0%)}4%{transform:translate(-1.6%)}8%{transform:translate(-.5%)}18%{transform:translate(-6.8%)}26%{transform:translate(-1.7%)}46%{transform:translate(-22%)}64%{transform:translate(-2%)}76%{transform:translate(-56.4%)}88%{transform:translate(-89.1%)}to{transform:translate(-100%)}}@keyframes cursor-easeInBounce{0%{color:var(--main-text-color);top:101%}4%{top:99%}8%{top:101%}18%{top:95%}26%{top:99%}46%{top:76%}64%{color:var(--main-text-color);top:99%}76%{top:45%}88%{top:12%}to{color:var(--second-color);top:1%}}@keyframes opacity-easeOutBounce{0%{opacity:1}12%{opacity:.891}24%{opacity:.564}36%{opacity:.02}54%{opacity:.25}74%{opacity:.016}82%{opacity:.0625}92%{opacity:.007}96%{opacity:.015}to{opacity:0}}@keyframes scale-easeOutBounce{0%{transform:scale(1)}12%{transform:scale(.891)}24%{transform:scale(.564)}36%{transform:scale(.02)}54%{transform:scale(.25)}74%{transform:scale(.016)}82%{transform:scale(.0625)}92%{transform:scale(.007)}96%{transform:scale(.015)}to{transform:scale(0)}}@keyframes translate-easeOutBounce{0%{transform:translate(0%)}12%{transform:translate(-10.89%)}24%{transform:translate(-43.56%)}36%{transform:translate(-98%)}54%{transform:translate(-75%)}74%{transform:translate(-98.4%)}82%{transform:translate(-93.75%)}92%{transform:translate(-99.3%)}96%{transform:translate(-98.5%)}to{transform:translate(-100%)}}@keyframes cursor-easeOutBounce{0%{color:var(--brand-color);top:101%}12%{top:90%}24%{top:56%}36%{color:var(--main-text-color);top:3%}54%{top:25%}74%{top:3%}82%{top:7%}92%{top:1%}96%{top:3%}to{color:var(--main-text-color);top:1%}}@keyframes opacity-easeInOutBounce{0%{opacity:1}2%,14%,32%{opacity:.99}4%{opacity:.997}10%{opacity:.97}22%{opacity:.876}42%{opacity:.597}50%{opacity:.5}58%{opacity:.403}68%,86%,98%{opacity:.01}78%{opacity:.124}90%{opacity:.03}96%{opacity:.003}to{opacity:0}}@keyframes scale-easeInOutBounce{0%{transform:scale(1)}2%,14%,32%{transform:scale(.99)}4%{transform:scale(.997)}10%{transform:scale(.97)}22%{transform:scale(.876)}42%{transform:scale(.597)}50%{transform:scale(.5)}58%{transform:scale(.403)}68%,86%,98%{transform:scale(.01)}78%{transform:scale(.124)}90%{transform:scale(.03)}96%{transform:scale(.003)}to{transform:scale(0)}}@keyframes translate-easeInOutBounce{0%{transform:translate(0%)}2%,14%,32%{transform:translate(-1%)}4%{transform:translate(-.3%)}10%{transform:translate(-3%)}22%{transform:translate(-12.4%)}42%{transform:translate(-40.3%)}50%{transform:translate(-50%)}58%{transform:translate(-59.7%)}68%,86%,98%{transform:translate(-99%)}78%{transform:translate(-87.6%)}90%{transform:translate(-97%)}96%{transform:translate(-99.7%)}to{transform:translate(-100%)}}@keyframes cursor-easeInOutBounce{0%{color:var(--brand-color);top:101%}2%,14%,32%{top:100%}4%{top:101%}10%{top:98%}22%{color:var(--brand-color);top:89%}42%{top:63%}50%{top:51%}58%{top:39%}68%,86%,98%{top:2%}78%{color:var(--second-color);top:13%}90%{top:4%}96%{top:1%}to{color:var(--second-color);top:1%}}