:root{--ssp-bg:#0e1117;--ssp-txt:#e6ebef;--ssp-sub:#c8ced6;--ssp-accent-base:#ffa260;--ssp-accent-base-2:#2d65d5;--ssp-accent-hover:#18cc7a;--ssp-accent-hover-2:#039a5c}.animation-block{margin:100px auto}.animation-block .container{gap:12px;margin:0 auto;position:relative;z-index:2}@media screen and (min-width:1240px){.animation-block .container{gap:12px;max-width:1240px;width:100%}}@media screen and (min-width:566px){.animation-block .container{max-width:1240px;padding:0 15px}}.animation-block .container .animation-block__inner{display:flex;flex-flow:row wrap;justify-content:space-between}.animation-block .container .animation-block__inner.content-left{flex-direction:row-reverse}.animation-block .container .animation-block__inner .animation_part{border:1px solid hsla(0,0%,100%,.1);border-radius:12px;max-width:100%;overflow:hidden;padding:37px 18px 21px 27px;position:relative}.animation-block .container .animation-block__inner .animation_part:before{left:0;top:10%}.animation-block .container .animation-block__inner .animation_part:after,.animation-block .container .animation-block__inner .animation_part:before{background-color:#7ec3f4;border-radius:50%;content:"";display:block;filter:blur(150px);height:200px;position:absolute;transition:all .4s ease;width:50px;z-index:0}.animation-block .container .animation-block__inner .animation_part:after{bottom:10%;right:0}.animation-block .container .animation-block__inner .animation_part:hover{cursor:pointer}.animation-block .container .animation-block__inner .animation_part:hover .ssp-note-fast{opacity:1;transition:all .4s ease}.animation-block .container .animation-block__inner .animation_part:hover .ssp-note-slow{opacity:0;transition:all .4s ease}.animation-block .container .animation-block__inner .animation_part .back_image{max-width:300px;pointer-events:none;position:absolute;right:18px;top:17px}.animation-block .container .animation-block__inner .animation_part .roi_list_card #roi-canvas{display:block;height:auto;max-width:380px;width:100%}.animation-block .container .animation-block__inner .animation_part .roi_list_card canvas{max-width:100%}@media (min-width:1025px){.animation-block .container .animation-block__inner .animation_part .roi_list_card canvas{max-width:420px}}.animation-block .container .animation-block__inner:hover .animation_part:after,.animation-block .container .animation-block__inner:hover .animation_part:before{transition:all .6s ease;width:150px}.animation-block .container .animation-block__inner .animation-block__animation{width:100%}@media screen and (min-width:800px){.animation-block .container .animation-block__inner .animation-block__animation{max-width:48%;width:100%}}@media screen and (min-width:1240px){.animation-block .container .animation-block__inner .animation-block__animation{max-width:570px}}.animation-block .container .animation-block__inner .animation-block__animation .ssp-card{background:#14161e;box-shadow:0 6px 16px rgba(0,0,0,.35);color:var(--ssp-txt);font:500 14px/1.35 ui-sans-serif,system-ui,Segoe UI,Roboto,Helvetica,Arial;padding:16px 24px;position:relative;text-align:center;width:289px;z-index:2}.animation-block .container .animation-block__inner .animation-block__animation .ssp-header h3{font-size:17px;font-weight:500;letter-spacing:.2px;margin:0 0 4px}.animation-block .container .animation-block__inner .animation-block__animation .ssp-delta{align-items:center;color:var(--ssp-accent-hover);display:flex;font-size:16px;font-weight:200;gap:6px;justify-content:center;margin:2px auto 6px}.animation-block .container .animation-block__inner .animation-block__animation .ssp-arrow{font-weight:700}.animation-block .container .animation-block__inner .animation-block__animation .ssp-info{border:1px solid #2b3340;border-radius:50%;color:#8ea0b6;display:inline-grid;font:700 12px/1 monospace;height:16px;margin-left:6px;opacity:.9;place-items:center;width:16px}.animation-block .container .animation-block__inner .animation-block__animation .ssp-sub{color:var(--ssp-sub);font-size:16px;font-weight:200;margin-bottom:8px}.animation-block .container .animation-block__inner .animation-block__animation .gc-group{align-items:center;display:flex;gap:28px;margin:10px 0 16px}.animation-block .container .animation-block__inner .animation-block__animation .gc{height:110px;isolation:isolate;position:relative;width:110px}.animation-block .container .animation-block__inner .animation-block__animation .gc-img{height:100%;inset:0;-o-object-fit:contain;object-fit:contain;position:absolute;width:100%}.animation-block .container .animation-block__inner .animation-block__animation .gc-curtain-img{-webkit-mask:conic-gradient(from var(--gc-start,180deg),transparent 0 var(--gc-open,0deg),#000 0);mask:conic-gradient(from var(--gc-start,180deg),transparent 0 var(--gc-open,0deg),#000 0)}.animation-block .container .animation-block__inner .animation-block__animation .gc-track{pointer-events:none;stroke-width:var(--gc-band,15px);vector-effect:non-scaling-stroke}.animation-block .container .animation-block__inner .animation-block__animation .gc-overlay{inset:0;pointer-events:none;position:absolute}.animation-block .container .animation-block__inner .animation-block__animation .gc-needle{transform-origin:0 0}.animation-block .container .animation-block__inner .animation-block__animation .gc-label{color:#fff;display:grid;inset:0;place-items:center;position:relative;text-align:center;top:29%}.animation-block .container .animation-block__inner .animation-block__animation .gc-value{font-size:25px;font-weight:600;letter-spacing:.5px}.animation-block .container .animation-block__inner .animation-block__animation .gc-label small{font:100 14px/1.1 ui-sans-serif,system-ui;opacity:.75}.animation-block .container .animation-block__inner .animation-block__animation .gc-bars{display:inline-flex;gap:11px}.animation-block .container .animation-block__inner .animation-block__animation .gc-bar{--gc-bar-w:15px;--gc-bar-h:108px;background:linear-gradient(180deg,#2a2f3a,#1b202a);border-radius:0;height:var(--gc-bar-h);overflow:hidden;position:relative;width:var(--gc-bar-w)}.animation-block .container .animation-block__inner .animation-block__animation .gc-bar-fill{bottom:0;height:0;left:0;position:absolute;right:0}.animation-block .container .animation-block__inner .animation-block__animation .gc-bar-fill--base{background:linear-gradient(180deg,var(--ssp-accent-base) 0,var(--ssp-accent-base-2) 100%)}.animation-block .container .animation-block__inner .animation-block__animation .gc-bar-fill--hover{background:linear-gradient(180deg,var(--ssp-accent-hover) 0,var(--ssp-accent-hover-2) 100%);opacity:0}.animation-block .container .animation-block__inner .animation-block__animation .gc-bar:before{background:linear-gradient(180deg,hsla(0,0%,100%,.08),hsla(0,0%,100%,0));content:"";height:18%;left:0;pointer-events:none;position:absolute;right:0;top:0}.animation-block .container .animation-block__inner .animation-block__animation .ssp-list h4{color:#e8edf5;font-size:16px;font-weight:200;letter-spacing:.2px;margin:10px 0;text-align:left}.animation-block .container .animation-block__inner .animation-block__animation .ssp-row{align-items:center;display:grid;gap:10px;grid-template-columns:18px 1fr auto;max-width:126px;padding:6px 0;text-align:left}.animation-block .container .animation-block__inner .animation-block__animation .ssp-label{color:#dde4ec;font-size:16px;font-weight:200}.animation-block .container .animation-block__inner .animation-block__animation .ssp-metric{color:#eaf1f8;font-size:16px;font-weight:200}.animation-block .container .animation-block__inner .animation-block__animation .ssp-note{max-width:90px;position:relative;width:100%}.animation-block .container .animation-block__inner .animation-block__animation .ssp-note em{display:inline-block;font-style:normal;left:0;text-align:left;width:100%}.animation-block .container .animation-block__inner .animation-block__animation .ssp-note-fast{opacity:0;position:absolute;transition:all .4s ease}.animation-block .container .animation-block__inner .animation-block__animation .ssp-note-slow{opacity:1;position:absolute;transition:all .4s ease}.animation-block .container .animation-block__inner .animation-block__animation .ssp-dot{display:inline-block;height:14px;position:relative;width:14px}.animation-block .container .animation-block__inner .animation-block__animation .ssp-dot>i{border-radius:0;inset:0;position:absolute}.animation-block .container .animation-block__inner .animation-block__animation .ssp-dot-base{background:#ed8b35}.animation-block .container .animation-block__inner .animation-block__animation .ssp-dot-hover{background:linear-gradient(180deg,var(--ssp-accent-hover) 0,var(--ssp-accent-hover-2) 100%);opacity:0}.animation-block .container .animation-block__inner .animation-block__animation .inner_block_list{display:flex;justify-content:space-between}.animation-block .container .animation-block__inner .google_list_card{z-index:2}.animation-block .container .animation-block__inner .google_list_card canvas{display:block;margin:0 auto;width:409px}.animation-block .container .animation-block__inner .animation-block__content{width:100%}@media screen and (min-width:800px){.animation-block .container .animation-block__inner .animation-block__content{max-width:48%;width:100%}}@media screen and (min-width:1240px){.animation-block .container .animation-block__inner .animation-block__content{max-width:608px}}.animation-block .container .animation-block__inner .animation-block__content .animation-block__side{padding:32px}@media screen and (min-width:1240px){.animation-block .container .animation-block__inner .animation-block__content .animation-block__side{padding:48px}}.animation-block .container .animation-block__inner .animation-block__content .animation-block__side .animation-block__side-inner{align-items:start;display:flex;gap:16px;justify-content:flex-start;margin-bottom:12px}.animation-block .container .animation-block__inner .animation-block__content .animation-block__side .animation-block__side-inner .animation-block__icon-wrap{min-height:36px;min-width:36px}.animation-block .container .animation-block__inner .animation-block__content .animation-block__side .animation-block__side-inner .animation-block__icon-wrap img{height:36px;width:36px}.animation-block .container .animation-block__inner .animation-block__content .animation-block__side .animation-block__side-inner .animation-block__title{margin-bottom:16px}.animation-block .container .animation-block__inner .animation-block__content .animation-block__side .animation-block__side-inner .animation-block__title h3{font-size:18px;font-weight:600}@media screen and (min-width:1024px){.animation-block .container .animation-block__inner .animation-block__content .animation-block__side .animation-block__side-inner .animation-block__title h3{font-size:24px}}.animation-block .container .animation-block__inner .animation-block__content .animation-block__side .animation-block__side-inner .animation-block__desc p{font-size:16px;font-weight:300}.animation-block .container .animation-block__inner .animation-block__content .animation-block__side.animation-block__side--start{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:radial-gradient(61% 56% at 50% -19%,rgba(197,86,45,.702) 0,rgba(57,143,255,0) 98%),rgba(57,143,255,.04);border:1px solid hsla(0,0%,100%,.1);border-radius:12px}.animation-block .container .animation-block__inner .animation-block__content .animation-block__side.animation-block__side--finish{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:radial-gradient(61% 56% at 50% -15%,rgba(57,143,255,.4) 0,rgba(57,143,255,0) 98%),rgba(57,143,255,.04);border:1px solid hsla(0,0%,100%,.1);border-radius:12px;position:relative;top:-14px}