:root{--octo-shadow-large:10px 10px 32px rgba(0,0,0,.08),5px 5px 16px rgba(0,0,0,.06),1px 1px 3px rgba(0,0,0,.06);--octo-shadow-medium:0 8px 16px 0 rgba(0,0,0,.08),0 6px 10px 0 rgba(0,0,0,.02),0 1px 4px 0 rgba(0,0,0,.02);--octo-shadow-standard-box:0 2px 6px 0 rgba(0,0,0,.2);--octo-shadow-standard-box-hover:0 2px 6px 0 rgba(0,0,0,.4);--hover-transition-duration:0.15s;--hover-transition-ease:ease;--hover-transition:var(--hover-transition-duration) all var(--hover-transition-ease)!important;--octo-rounded-small:3px;--octo-rounded-large:10px;--octo-font-size-extra-large:37px;--octo-font-size-normal:18px;--octo-font-size-small:16px;--octo-font-size-extra-small:14px;--h1:48px;--h2:32px;--h3:24px;--h4:24px;--h5:20px;--h6:16px;--spacer-0:0;--spacer-1:0.25rem;--spacer-2:0.5rem;--spacer-3:1rem;--spacer-4:1.5rem;--spacer-5:3rem;--octo-line-size-normal:160%;--cyan:var(--cyan-300);--navy:var(--navy-500);--green:var(--green-200);--red:var(--red-100);--orange:var(--orange-100);--purple:var(--purple-100);--white:#fff;--octo-light-theme-color-text-normal:var(--navy-600);--octo-keyline:var(--outline-secondary)}.before-after-octopus{--svg-base-color:#68778d;--svg-error-color:red;align-items:center;display:flex;flex-direction:column;gap:var(--space-80)}@media screen and (min-width:991px){.before-after-octopus{margin-bottom:-28rem}}@media screen and (max-width:991px){.before-after-octopus{gap:var(--space-40)}}.before-after-octopus__after,.before-after-octopus__before{background:#fff;border:.125rem dashed var(--marketo-dropdown-hover);border-radius:.625rem;box-shadow:0 4px 70px 0 rgba(0,0,0,.1);display:flex;flex-direction:column;gap:var(--space-48);padding:var(--space-48) var(--space-24) var(--space-24);width:100%}@media screen and (min-width:991px){.before-after-octopus__after .header,.before-after-octopus__before .header{margin:var(--space-0) var(--space-48)}}.before-after-octopus__after .header__content,.before-after-octopus__before .header__content{gap:var(--space-12)}.before-after-octopus__after .header__subheading,.before-after-octopus__after .header__subheading p,.before-after-octopus__after .paragraph,.before-after-octopus__after .paragraph p,.before-after-octopus__after .paragraph ul,.before-after-octopus__before .header__subheading,.before-after-octopus__before .header__subheading p,.before-after-octopus__before .paragraph,.before-after-octopus__before .paragraph p,.before-after-octopus__before .paragraph ul{color:var(--text-secondary);font-size:var(--h5);font-weight:400;line-height:150%}.before-after-octopus__after .paragraph,.before-after-octopus__before .paragraph{display:none}@media screen and (max-width:991px){.before-after-octopus__after svg,.before-after-octopus__before svg{display:none}.before-after-octopus__after .paragraph,.before-after-octopus__before .paragraph{display:block}}.before-after-octopus__after .arrow,.before-after-octopus__before .arrow{stroke-dasharray:1000;stroke-dashoffset:1000;transition:stroke-dashoffset 5s ease-in-out}.before-after-octopus__after{z-index:2}.before-after-octopus__arrows{width:50%}@media screen and (max-width:991px){.before-after-octopus__arrows{width:100%}}.before-after-octopus__arrows .before-after-octopus__after-arrow--1,.before-after-octopus__arrows .before-after-octopus__after-arrow--2,.before-after-octopus__arrows .before-after-octopus__before-arrow--1,.before-after-octopus__arrows .before-after-octopus__before-arrow--2{stroke-dasharray:1000;stroke-dashoffset:1000;transition:stroke-dashoffset 3s ease-in-out}.before-after-octopus__before.is-active .error-files{animation:pulse 4s infinite}.before-after-octopus__before.is-active .arrow{stroke-dashoffset:0}.before-after-octopus__before.is-active~.before-after-octopus__arrows .before-after-octopus__before-arrow,.before-after-octopus__before.is-active~.before-after-octopus__arrows .before-after-octopus__before-text{opacity:1}.before-after-octopus__before.is-active~.before-after-octopus__arrows .before-after-octopus__before-arrow--1,.before-after-octopus__before.is-active~.before-after-octopus__arrows .before-after-octopus__before-arrow--2{stroke-dashoffset:0}.before-after-octopus__before.is-active~.before-after-octopus__arrows .before-after-octopus__after-arrow,.before-after-octopus__before.is-active~.before-after-octopus__arrows .before-after-octopus__after-text{opacity:.4}.before-after-octopus__after.is-active .arrow,.before-after-octopus__before:not(.is-active)~.before-after-octopus__arrows .before-after-octopus__after-arrow--1,.before-after-octopus__before:not(.is-active)~.before-after-octopus__arrows .before-after-octopus__after-arrow--2{stroke-dashoffset:0}.before-after-octopus #icons-red-blink-files path{fill:var(--svg-base-color);stroke:var(--svg-base-color)}.before-after-octopus .before-after-octopus__before-arrow,.before-after-octopus .before-after-octopus__before-text{opacity:.4;transition:opacity 1s ease-in-out}.before-after-octopus .before-after-octopus__after-arrow,.before-after-octopus .before-after-octopus__after-text{opacity:1;transition:opacity 1s ease-in-out}@keyframes pulse{0%{fill:var(--svg-base-color);stroke:var(--svg-base-color)}50%{fill:var(--svg-error-color);stroke:var(--svg-error-color)}to{fill:var(--svg-base-color);stroke:var(--svg-base-color)}}@media screen and (min-width:991px){.layout .flex-container:has(.before-after-octopus)+.flex-container{padding-top:calc(var(--wave-height) + 14rem)}}
/*# sourceMappingURL=before-after-octopus-styles.css.map*/