.container{width:196px;overflow:hidden;white-space:nowrap}.mark-enabled{animation:scroll 12s linear infinite}.mark-disabled,.mark-enabled{display:inline-block;float:inline-start}.mark-disabled{animation:none}@keyframes scroll{0%{transform:translateX(0)}to{transform:translateX(-100%)}}:root{--max-width:1100px;--border-radius:12px;--foreground-rgb:0,0,0;--background-start-rgb:214,219,220;--background-end-rgb:255,255,255;--primary-glow:conic-gradient(from 180deg at 50% 50%,#16abff33 0deg,#0885ff33 55deg,#54d6ff33 120deg,#0071ff33 160deg,transparent 360deg);--secondary-glow:radial-gradient(rgb(255 255 255/100%),rgb(255 255 255/0%));--tile-start-rgb:239,245,249;--tile-end-rgb:228,232,233;--tile-border:conic-gradient(#00000080,#00000040,#00000030,#00000020,#00000010,#00000010,#00000080);--callout-rgb:238,240,241;--callout-border-rgb:172,175,176;--card-rgb:180,185,188;--card-border-rgb:131,134,135;--text:#fff;--background-opacity:1;--handle-stroke:#{rgba(#fff,0.8)};--handle-fill:#{rgba(#fff,0.08)};--handle-blur:2;--drop-stroke:#{rgba(#fff,0.2)};--drop-fill:#{rgba(#fff,0)};--icon-stroke:#fff;--icon-rotate:0;--icon-scale:1;--icon-y:0;--icon-offset:16.8;--handle-drop-opacity:0;--default-opacity:1;--default-x:0;--default-scale:1;--progress-opacity:0;--progress-scale:0.75;--success-opacity:0;--success-x:0;--success-scale:0.75}.button{cursor:pointer;position:relative;outline:none;overflow:hidden;padding:8px 0;margin:0;width:324px;height:80px;line-height:30px;font-family:inherit;font-weight:500;border-radius:24px;color:var(--text);font-size:13px;background:var(--background);transform:scale(var(--button-scale,1)) translateZ(0);transition:transform .15s;appearance:none;-webkit-tap-highlight-color:transparent;&.disabled{pointer-events:none}&>.drop,&>.handle,&>.progress,&>.success{position:absolute;left:var(--left,auto);right:var(--right,auto);top:25px}&>.handle{backdrop-filter:blur(calc(var(--handle-blur) * 1px))}&>.drop,&>.handle{top:0!important;z-index:1;border-radius:11px;opacity:var(--handle-drop-opacity);pointer-events:var(--handle-drop-pointer,auto);svg{left:0!important;display:block;stroke-width:1px;stroke:var(--stroke,var(--handle-stroke));fill:var(--fill,var(--handle-fill));&.background{margin:-5px;opacity:var(--background-opacity)}&.icon{--svg-size:20px;--fill:none;--stroke:var(--icon-stroke);position:absolute;left:5px;top:5px;stroke-width:1.25;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:8.5;stroke-dashoffset:var(--icon-offset);transform:translateY(calc(var(--icon-y) * 1px)) rotate(calc(var(--icon-rotate) * 1deg)) scale(var(--icon-scale)) translateZ(0)}}}&>.handle{--left:0}&>.drop{--right:8px;--stroke:var(--drop-stroke);--fill:var(--drop-fill)}&>.success{display:block;font-size:var(--font-size,13px);opacity:var(--opacity,var(--default-opacity));transform:translateX(calc(var(--x, var(--default-x)) * 1px)) scale(var(--scale,var(--default-scale))) translateZ(0)}&>.progress,&>.success{--left:0;--right:0;--top:8px}&>.progress{opacity:var(--progress-opacity);color:#fff;font-weight:600;--opacity:var(--default-opacity);--left:40px}&>.success{font-weight:600;--font-size:13px;--opacity:var(--success-opacity);--x:var(--success-x);--scale:var(--success-scale)}&:not(.active){--handle-drop-pointer:none;&:active{--button-scale:0.975}}}:root{--canvasBG:#f1f3f9;--textC:#333;--col1:#ff8c69;--col2:#ff696c;--col3:#2ea846;--col4:#f0f1f5;--col5:rgb(239 244 255/100%);--SVGc:#2ea846;--shadowC:rgb(74 116 201/100%);--shadowDef:0 3px 20px -3px var(--shadowC);--shadowDefAlt:0 6px 30px -10px var(--shadowC);--sz:79px;--c-text:#fff;--c-black:#000;--time:299ms}.container{width:100%;height:auto;margin:auto;padding:0;border-radius:var(--radius);border:none}.el-wrap,.el-wrap-shield:after{width:100%;height:var(--sz);padding:22px;border-radius:var(--radius)}.el-wrap{position:relative}.el-wrap-shield:after{content:"";background:transparent;border:5px solid transparent;position:absolute;top:0;left:0;z-index:4}.button{justify-content:center;background:linear-gradient(180deg,#31bc4c,#2ea846);transition:background var(--time) ease,border-color var(--time) ease;z-index:3}.button,.slider{display:flex;align-items:center;text-align:center;width:100%;border:none;height:var(--sz);border-radius:var(--radius);position:absolute;top:0;left:0}.slider{justify-content:flex-end;background:linear-gradient(90deg,#177e28,#05450f);opacity:0;z-index:0;transition:opacity var(--time) ease,border-color var(--time) ease,opacity var(--time) ease}.sldr-opa{opacity:1;transition:opacity calc(var(--time) / 2) ease}.sldr-pos{z-index:5}.slider-text{display:flex;align-items:center;justify-content:center;text-align:center;width:100%;height:var(--sz);border-radius:var(--radius);position:absolute;box-sizing:border-box}.text-d{opacity:.3;transition:opacity var(--time) ease}.controller{justify-content:center;box-sizing:border-box;width:var(--sz);background:linear-gradient(180deg,#31bc4c,#2ea846);position:absolute;top:0;left:0}.controller,.endpoint-container{display:flex;align-items:center;text-align:center;height:var(--sz);border-radius:var(--radius)}.endpoint-container{justify-content:flex-end;width:50px;background:transparent}.endpoint{border:3px solid transparent;height:var(--sz);width:50px;border-radius:7px;margin:0;position:relative}.icon{color:var(--c-text);margin-top:0;width:28px;height:28px;transition:opacity var(--time) ease}.icon-opa{opacity:1;filter:invert(1)}.button .icon{margin-left:4px;margin-top:4px}.icon-check{display:none}.text{opacity:.5}.text,.text-opacity{font-size:16px;font-weight:500;padding-left:24px;color:var(--c-text);transition:all var(--time) ease}.text-opacity{opacity:1}