.neon-blue{color:#05f;background:#d6ebff}.sorbus{color:#cc5702;background:#fff3d3}.coral-red{color:#ed1527;background:#fff1f2}.live-sandbox{--ls-pill:1100px;--ls-num-w:80px;--ls-num-h:40px;--ls-panel-duration:.45s;--ls-panel-ease:cubic-bezier(.4, 0, .2, 1);background:#fff;padding-top:72px;padding-bottom:72px}@media only screen and (width>=992px){.live-sandbox{padding-top:calc(4.60526vw + 26.3158px);padding-bottom:calc(4.60526vw + 26.3158px)}}@media only screen and (width>=1600px){.live-sandbox{padding-top:100px;padding-bottom:100px}}@media only screen and (width<=767px){.live-sandbox{--ls-num-w:56px;--ls-num-h:28px;padding-top:40px;padding-bottom:40px}}.live-sandbox__intro{text-align:center;max-width:640px;margin-left:auto;margin-right:auto}@media only screen and (width>=992px){.live-sandbox__intro{max-width:calc(42.7632vw + 215.789px)}}@media only screen and (width>=1600px){.live-sandbox__intro{max-width:900px}}.live-sandbox__intro{margin-bottom:40px}@media only screen and (width>=992px){.live-sandbox__intro{margin-bottom:calc(3.94737vw + .842106px)}}@media only screen and (width>=1600px){.live-sandbox__intro{margin-bottom:64px}}@media only screen and (width<=767px){.live-sandbox__intro{margin-bottom:32px}}.live-sandbox__eyebrow{font-size:12px}@media only screen and (width>=992px){.live-sandbox__eyebrow{font-size:calc(.657895vw + 5.47368px)}}@media only screen and (width>=1600px){.live-sandbox__eyebrow{font-size:16px}}.live-sandbox__eyebrow{margin-bottom:12px}@media only screen and (width>=992px){.live-sandbox__eyebrow{margin-bottom:calc(.986842vw + 2.21053px)}}@media only screen and (width>=1600px){.live-sandbox__eyebrow{margin-bottom:18px}}.live-sandbox__eyebrow{color:#05f;font-weight:600;line-height:1.4}.live-sandbox__heading{color:#121926;margin-top:0;font-size:25px;font-weight:700}@media only screen and (width>=992px){.live-sandbox__heading{font-size:calc(1.80921vw + 7.05263px)}}@media only screen and (width>=1600px){.live-sandbox__heading{font-size:36px}}@media only screen and (width<=767px){.live-sandbox__heading{font-size:30px;line-height:38px}}.live-sandbox__heading{margin-bottom:16px}@media only screen and (width>=992px){.live-sandbox__heading{margin-bottom:calc(1.31579vw + 2.94737px)}}@media only screen and (width>=1600px){.live-sandbox__heading{margin-bottom:24px}}.live-sandbox.section .live-sandbox__description p{margin:0;font-size:18px}@media only screen and (width>=992px){.live-sandbox.section .live-sandbox__description p{font-size:calc(.328947vw + 14.7368px)}}@media only screen and (width>=1600px){.live-sandbox.section .live-sandbox__description p{font-size:20px}}.live-sandbox.section .live-sandbox__description p{color:#697586}.live-sandbox__list-title{color:#121926;text-align:center;margin:0 0 28px;font-size:36px;font-weight:700;line-height:1.2}@media only screen and (width<=767px){.live-sandbox__list-title{margin-bottom:20px;font-size:24px}}.live-sandbox__steps{--ls-gap:16px;align-items:center;gap:var(--ls-gap);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}@media only screen and (width>=992px){.live-sandbox__steps{--ls-gap:calc(16px + 8 * (100vw - 992px) / 608)}}@media only screen and (width>=1600px){.live-sandbox__steps{--ls-gap:24px}}@media only screen and (width<=767px){.live-sandbox__steps{--ls-gap:16px}}.live-sandbox__step-wrap{width:100%;list-style:none;display:block}.live-sandbox__step-wrap:first-child{z-index:1}.live-sandbox__step-wrap:nth-child(2){z-index:2}.live-sandbox__step-wrap:nth-child(3){z-index:3}.live-sandbox__step-wrap:nth-child(4){z-index:4}.live-sandbox__step-wrap:nth-child(5){z-index:5}.live-sandbox__step-wrap:nth-child(6){z-index:6}.live-sandbox__step-wrap:nth-child(7){z-index:7}.live-sandbox__step-wrap:nth-child(8){z-index:8}.live-sandbox__spacer{display:none}.live-sandbox__step{width:100%;padding-top:var(--ls-num-h);transition:margin-top var(--ls-panel-duration) var(--ls-panel-ease);display:block;position:relative;overflow:visible}.live-sandbox__step:before{display:none}@media only screen and (width<=1023px){.live-sandbox__step-wrap+.live-sandbox__step-wrap>.live-sandbox__step.is-open{margin-top:calc(-1 * (var(--ls-num-h) + var(--ls-gap)))}}@media only screen and (width<=767px){.live-sandbox__step-wrap+.live-sandbox__step-wrap>.live-sandbox__step.is-open{margin-top:0}}.live-sandbox__main{z-index:0;width:var(--ls-pill);max-width:100%;transition:background-color .4s,box-shadow .4s,border-radius .4s,width .4s;transition-duration:var(--ls-panel-duration);transition-timing-function:var(--ls-panel-ease);margin:0 auto;position:relative}.live-sandbox__step.is-open .live-sandbox__main{background:#fff;border-radius:30px;width:100%;box-shadow:0 0 30px #00000017}@media only screen and (width<=767px){.live-sandbox__step.is-open .live-sandbox__main{border-radius:20px}}.live-sandbox__num{z-index:3;width:var(--ls-num-w);height:var(--ls-num-h);border-radius:var(--ls-num-w) var(--ls-num-w) 0 0;box-shadow:none;color:#fff;background:#05f6;justify-content:center;align-items:flex-end;padding-bottom:2px;font-size:22px;font-weight:700;line-height:1;transition:background-color .4s,box-shadow .4s,filter .4s;display:flex;position:absolute;top:0;left:50%;transform:translate(-50%)}@media only screen and (width<=767px){.live-sandbox__num{font-size:16px}}@media only screen and (width>=768px){.live-sandbox__num{cursor:pointer}}.live-sandbox__step.is-open .live-sandbox__num{background:#05f;box-shadow:0 0 50px -2.61px #15321a99}.live-sandbox button.live-sandbox__toggle{width:var(--ls-pill);max-width:100%;height:119px;color:inherit;font:inherit;text-align:center;cursor:pointer;background:#eef2f6;border:0;border-radius:180px;justify-content:center;align-items:center;margin:0 auto;padding:0 40px;transition:background-color .4s,border-color .4s,box-shadow .4s;display:flex;box-shadow:0 0 30px -2px #15321a38}@media only screen and (width<=767px){.live-sandbox button.live-sandbox__toggle{height:auto;min-height:72px;padding:16px 20px}}.live-sandbox__step.is-open button.live-sandbox__toggle{box-shadow:none;background:0 0}.live-sandbox__title{color:#121926;opacity:.4;margin:0;font-size:18px;font-weight:600;line-height:1.4;display:block}@media only screen and (width>=992px){.live-sandbox__title{font-size:calc(.657895vw + 11.4737px)}}@media only screen and (width>=1600px){.live-sandbox__title{font-size:22px}}.live-sandbox__title{transition:opacity .4s}.live-sandbox__step.is-open .live-sandbox__title{opacity:1}.live-sandbox__panel{transition:grid-template-rows var(--ls-panel-duration) var(--ls-panel-ease);grid-template-rows:0fr;display:grid}.live-sandbox__step.is-open .live-sandbox__panel{grid-template-rows:1fr}.live-sandbox__panel-inner{opacity:0;min-height:0;transition:opacity var(--ls-panel-duration) var(--ls-panel-ease), transform var(--ls-panel-duration) var(--ls-panel-ease);overflow:hidden;transform:translateY(-10px)}.live-sandbox__step.is-open .live-sandbox__panel-inner{opacity:1;transition-delay:60ms;transform:translateY(0)}.live-sandbox__text{margin:0;padding:20px 60px 0;font-size:12px}@media only screen and (width>=992px){.live-sandbox__text{font-size:calc(.986842vw + 2.21053px)}}@media only screen and (width>=1600px){.live-sandbox__text{font-size:18px}}.live-sandbox__text{line-height:1.55}@media only screen and (width<=767px){.live-sandbox__text{font-size:16px}}.live-sandbox__text{color:#697586;text-align:center}@media only screen and (width<=767px){.live-sandbox__text{padding:16px 20px 0}}.live-sandbox__media{padding:60px}@media only screen and (width<=767px){.live-sandbox__media{padding:24px}}.live-sandbox__image{width:100%;height:auto;display:block}@media only screen and (width>=1024px){.live-sandbox.is-stack{z-index:2;isolation:isolate;position:relative}.live-sandbox.is-pinned{z-index:5}.live-sandbox.is-stack .live-sandbox__track,.live-sandbox.is-stack .live-sandbox__sticky{background:#fff;overflow:visible}.live-sandbox.is-stack .live-sandbox__steps{height:var(--ls-stack-height,auto);clip-path:inset(calc(-1 * (var(--ls-num-h) + 40px)) -64px -48px -64px);gap:0;display:block;position:relative;overflow:visible}.live-sandbox.is-stack .live-sandbox__step-wrap{width:100%;height:100%;z-index:var(--step-index,1);pointer-events:none;position:absolute;top:0;left:0;overflow:visible}.live-sandbox.is-stack .live-sandbox__step-pin{pointer-events:none;overflow:visible}.live-sandbox.is-stack .live-sandbox__step{pointer-events:auto;height:auto;overflow:visible}.live-sandbox.is-stack .live-sandbox__step.is-active.is-open{max-height:calc(100% - var(--ls-open-offset,0px));flex-direction:column;display:flex}.live-sandbox.is-stack .live-sandbox__step.is-stacked.is-open{pointer-events:none}.live-sandbox.is-stack .live-sandbox__step.is-stacked.is-open .live-sandbox__num{pointer-events:auto;cursor:pointer}.live-sandbox.is-stack .live-sandbox__panel,.live-sandbox.is-stack .live-sandbox__panel-inner{transition:none}.live-sandbox.is-stack .live-sandbox__step.is-open .live-sandbox__main{background:#fff;transition:background-color .3s,box-shadow .3s;box-shadow:0 0 30px #00000017}.live-sandbox.is-stack .live-sandbox__num{box-shadow:none;opacity:0;transition-property:background-color,box-shadow,opacity;transition-duration:.3s;transition-timing-function:ease}.live-sandbox.is-stack .live-sandbox__step.is-pill.is-open .live-sandbox__main{background:#eef2f6;box-shadow:0 0 30px -2px #15321a38}.live-sandbox.is-stack .live-sandbox__step.is-pill.is-open .live-sandbox__title{opacity:.4}.live-sandbox.is-stack .live-sandbox__step.is-open button.live-sandbox__toggle{height:auto;padding:40px 40px 0}.live-sandbox.is-stack .live-sandbox__step.is-open .live-sandbox__text{padding:8px 40px 0}.live-sandbox.is-stack .live-sandbox__step.is-stacked .live-sandbox__num,.live-sandbox.is-stack .live-sandbox__step.is-active .live-sandbox__num{opacity:1}.live-sandbox.is-stack .live-sandbox__step.is-stacked:not(.is-pill) .live-sandbox__num{box-shadow:none;background:#05f}.live-sandbox.is-stack .live-sandbox__step.is-pill .live-sandbox__num{box-shadow:none;background:#9bf}.live-sandbox.is-stack .live-sandbox__step.is-stacked.is-open .live-sandbox__title{opacity:.85}.live-sandbox.is-stack .live-sandbox__step.is-active .live-sandbox__num{background:#05f;box-shadow:0 4px 12px -4px #05f6}.live-sandbox.is-stack .live-sandbox__step:not(.is-open) button.live-sandbox__toggle{box-shadow:0 6px 18px -10px #15321a29}.live-sandbox.is-stack .live-sandbox__spacer{display:none}.live-sandbox.is-stack .live-sandbox__step.is-open .live-sandbox__media{padding:20px 40px}.live-sandbox.is-stack .live-sandbox__step.is-open .live-sandbox__image{-o-object-fit:contain;object-fit:contain;width:auto;max-width:100%;height:auto;max-height:min(360px,38vh);margin:24px auto 0;display:block}.live-sandbox.is-stack .live-sandbox__step-wrap+.live-sandbox__step-wrap>.live-sandbox__step.is-open{margin-top:0}}@media (prefers-reduced-motion:reduce){.live-sandbox{--ls-panel-duration:0s}.live-sandbox__main,.live-sandbox__panel,.live-sandbox__panel-inner,.live-sandbox__step{transition:none}}
