.sdx-col-viz{position:relative;display:block;width:100%;height:100%;overflow:hidden}.sdx-col-viz__ambient{position:absolute;top:-15%;right:-15%;bottom:-15%;left:-15%;pointer-events:none;background:radial-gradient(circle at 30% 28%,rgba(var(--sdx-yellow-rgb),.22),transparent 42%),radial-gradient(circle at 78% 22%,rgba(var(--sdx-green-rgb),.18),transparent 40%);animation:sdxVizAmbient 5s ease-in-out infinite}.sdx-col-viz__orbit{position:absolute;width:72%;height:72%;left:14%;top:10%;border-radius:50%;border:1px solid rgba(255,255,255,.1);box-shadow:inset 0 0 24px #ffffff0a;animation:sdxVizOrbitSpin 18s linear infinite}.sdx-col-viz__orbit--b{width:56%;height:56%;left:22%;top:18%;border-color:rgba(var(--sdx-yellow-rgb),.14);animation-direction:reverse;animation-duration:14s}.sdx-col-viz__svg{position:absolute;width:68%;height:68%;left:50%;top:46%;transform:translate(-50%,-50%);overflow:visible;filter:drop-shadow(0 12px 20px rgba(0,0,0,.45));transition:filter .28s ease,transform .28s ease}.sdx-collection-card:hover .sdx-col-viz__ambient,.sdx-collection-card.is-active .sdx-col-viz__ambient{animation-duration:3.2s;opacity:1}.sdx-collection-card:hover .sdx-viz-float,.sdx-collection-card.is-active .sdx-viz-float{animation-duration:3.2s}.sdx-viz-float{transform-origin:60px 60px;animation:sdxVizFloat 5.2s ease-in-out infinite}.sdx-collection-card:hover .sdx-viz-float{animation-duration:3.6s}.sdx-col-viz__svg .sdx-viz-body,.sdx-col-viz__svg .sdx-viz-board,.sdx-col-viz__svg .sdx-viz-browser,.sdx-col-viz__svg .sdx-viz-phone,.sdx-col-viz__svg .sdx-viz-server,.sdx-col-viz__svg .sdx-viz-chart-bg,.sdx-col-viz__svg .sdx-viz-sign-frame,.sdx-col-viz__svg .sdx-viz-sign-post,.sdx-col-viz__svg .sdx-viz-megaphone{fill:#ffffff1f;stroke:#ffffff8c;stroke-width:1.5}.sdx-col-viz__svg .sdx-viz-layer,.sdx-col-viz__svg .sdx-viz-screen,.sdx-col-viz__svg .sdx-viz-browser-bar{fill:#ffffff14;stroke:#ffffff59;stroke-width:1.5}.sdx-col-viz__svg .sdx-viz-layer--a{fill:#ffffff2e;stroke:rgba(var(--sdx-yellow-rgb),.65)}.sdx-col-viz__svg .sdx-viz-layer--b{fill:#ffffff1f;stroke:#ffffff73}.sdx-col-viz__svg .sdx-viz-layer--c{fill:#ffffff0f;stroke:#ffffff47}.sdx-col-viz__svg .sdx-viz-accent-bar,.sdx-col-viz__svg .sdx-viz-head,.sdx-col-viz__svg .sdx-viz-block,.sdx-col-viz__svg .sdx-viz-app,.sdx-col-viz__svg .sdx-viz-bar,.sdx-col-viz__svg .sdx-viz-emblem{fill:var(--sdx-yellow);stroke:none}.sdx-col-viz__svg .sdx-viz-app--g,.sdx-col-viz__svg .sdx-viz-bar--g,.sdx-col-viz__svg .sdx-viz-swatch--g,.sdx-col-viz__svg .sdx-viz-browser-dot--g,.sdx-col-viz__svg .sdx-viz-led--2,.sdx-col-viz__svg .sdx-viz-led--3{fill:var(--sdx-green)}.sdx-col-viz__svg .sdx-viz-paper{fill:#fff;stroke:#0000001f;stroke-width:1}.sdx-col-viz__svg .sdx-viz-tee{fill:#ffffff1a;stroke:#ffffff8c;stroke-width:1.5;stroke-linejoin:round}.sdx-col-viz__svg .sdx-viz-curve,.sdx-col-viz__svg .sdx-viz-stroke,.sdx-col-viz__svg .sdx-viz-stitch,.sdx-col-viz__svg .sdx-viz-needle,.sdx-col-viz__svg .sdx-viz-scan,.sdx-col-viz__svg .sdx-viz-data,.sdx-col-viz__svg .sdx-viz-upload,.sdx-col-viz__svg .sdx-viz-arrow{fill:none;stroke:var(--sdx-yellow);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.sdx-col-viz__svg .sdx-viz-pen{fill:var(--sdx-yellow);stroke:#05050559;stroke-width:1}.sdx-col-viz__svg .sdx-viz-node,.sdx-col-viz__svg .sdx-viz-dot,.sdx-col-viz__svg .sdx-viz-swatch,.sdx-col-viz__svg .sdx-viz-browser-dot,.sdx-col-viz__svg .sdx-viz-led,.sdx-col-viz__svg .sdx-viz-orbit-dot,.sdx-col-viz__svg .sdx-viz-spark{fill:var(--sdx-yellow);stroke:none}.sdx-col-viz__svg .sdx-viz-cloud{fill:#ffffffeb;stroke:#ffffff73;stroke-width:1.5}.sdx-col-viz__svg .sdx-viz-sign-text{fill:var(--sdx-yellow);font-family:Syne,Inter,sans-serif;font-size:28px;font-weight:900}.sdx-col-viz__svg .sdx-viz-glow{fill:rgba(var(--sdx-yellow-rgb),.2);stroke:none}.sdx-col-viz__svg .sdx-viz-ring-icon{fill:none;stroke:rgba(var(--sdx-yellow-rgb),.45);stroke-width:2;stroke-dasharray:6 8;animation:sdxVizRingDash 8s linear infinite}.sdx-col-viz__svg .sdx-viz-fallback-text{fill:var(--sdx-yellow);font-family:Syne,Inter,sans-serif;font-size:26px;font-weight:900}.sdx-col-viz--all .sdx-col-viz__ambient{background:radial-gradient(circle at 50% 40%,rgba(255,255,255,.12),transparent 55%)}.sdx-col-viz--drukwerk .sdx-col-viz__ambient{background:radial-gradient(circle at 50% 38%,rgba(var(--sdx-yellow-rgb),.2),transparent 55%)}.sdx-col-viz--textiel .sdx-col-viz__ambient{background:radial-gradient(circle at 50% 38%,rgba(var(--sdx-green-rgb),.18),transparent 55%)}.sdx-col-viz--sign .sdx-col-viz__ambient,.sdx-col-viz--marketing .sdx-col-viz__ambient{background:radial-gradient(circle at 50% 40%,rgba(var(--sdx-yellow-rgb),.24),transparent 58%)}.sdx-viz-layer--a{animation:sdxVizLayerA 4s ease-in-out infinite}.sdx-viz-layer--b{animation:sdxVizLayerB 4.6s ease-in-out infinite .15s}.sdx-viz-layer--c{animation:sdxVizLayerC 5.2s ease-in-out infinite .3s}.sdx-viz-dot--1{animation:sdxVizDotPulse 2s ease-in-out infinite}.sdx-viz-dot--2{animation:sdxVizDotPulse 2s ease-in-out infinite .35s;fill:var(--sdx-green)}.sdx-viz-dot--3{animation:sdxVizDotPulse 2s ease-in-out infinite .7s;fill:#fff}.sdx-viz-anim-head{animation:sdxVizPrintHead 2.4s ease-in-out infinite;transform-box:fill-box;transform-origin:center}.sdx-viz-anim-paper-in{animation:sdxVizPaperIn 2.4s ease-in-out infinite}.sdx-viz-anim-paper-out{animation:sdxVizPaperOut 2.4s ease-in-out infinite;transform-box:fill-box;transform-origin:top center}.sdx-viz-anim-scan{animation:sdxVizScanLine 2.4s ease-in-out infinite}.sdx-viz-anim-draw{stroke-dasharray:80;stroke-dashoffset:80;animation:sdxVizDrawPath 3s ease-in-out infinite}.sdx-viz-node--1{animation:sdxVizNodePop 3s ease-in-out infinite}.sdx-viz-node--2{animation:sdxVizNodePop 3s ease-in-out infinite .4s;fill:var(--sdx-green)}.sdx-viz-node--3{animation:sdxVizNodePop 3s ease-in-out infinite .8s}.sdx-viz-anim-pen{animation:sdxVizPenMove 2.8s ease-in-out infinite;transform-box:fill-box;transform-origin:72px 78px}.sdx-viz-anim-emblem{animation:sdxVizEmblemPulse 2.2s ease-in-out infinite;transform-box:fill-box;transform-origin:center}.sdx-viz-anim-stitch{stroke-dasharray:24;animation:sdxVizStitchSpin 2.8s linear infinite;transform-box:fill-box;transform-origin:60px 56px}.sdx-viz-anim-needle{animation:sdxVizNeedle 1.2s ease-in-out infinite;transform-box:fill-box;transform-origin:74px 58px;stroke:#fff}.sdx-viz-anim-neon{animation:sdxVizNeon 2.4s ease-in-out infinite}.sdx-viz-anim-glow{animation:sdxVizGlowPulse 2.4s ease-in-out infinite;transform-box:fill-box;transform-origin:center}.sdx-viz-anim-block-1{animation:sdxVizBlockPulse 2.2s ease-in-out infinite;transform-box:fill-box;transform-origin:left center}.sdx-viz-anim-block-2{animation:sdxVizBlockPulse 2.2s ease-in-out infinite .3s;fill:#fff3;transform-box:fill-box;transform-origin:left center}.sdx-viz-anim-scan-line{animation:sdxVizBrowserScan 2.6s ease-in-out infinite;stroke:var(--sdx-green);opacity:.85}.sdx-viz-anim-app-1{animation:sdxVizAppBounce 2.4s ease-in-out infinite;transform-box:fill-box;transform-origin:center}.sdx-viz-anim-app-2{animation:sdxVizAppBounce 2.4s ease-in-out infinite .2s;transform-box:fill-box;transform-origin:center}.sdx-viz-anim-app-3{animation:sdxVizAppBounce 2.4s ease-in-out infinite .4s;fill:#ffffff40;transform-box:fill-box;transform-origin:center}.sdx-viz-anim-app-4{animation:sdxVizAppBounce 2.4s ease-in-out infinite .55s;transform-box:fill-box;transform-origin:center}.sdx-viz-anim-app-5{animation:sdxVizAppBounce 2.4s ease-in-out infinite .7s;transform-box:fill-box;transform-origin:center}.sdx-viz-server--1{animation:sdxVizServerFloat 4.8s ease-in-out infinite}.sdx-viz-server--2{animation:sdxVizServerFloat 5.2s ease-in-out infinite .2s}.sdx-viz-server--3{animation:sdxVizServerFloat 5.6s ease-in-out infinite .4s}.sdx-viz-led--1{animation:sdxVizLedBlink 1.6s ease-in-out infinite;fill:var(--sdx-green)}.sdx-viz-led--2{animation:sdxVizLedBlink 1.6s ease-in-out infinite .4s}.sdx-viz-led--3{animation:sdxVizLedBlink 1.6s ease-in-out infinite .8s;fill:#fff;opacity:.7}.sdx-viz-anim-data{stroke:var(--sdx-green);stroke-dasharray:34;animation:sdxVizDataFlow 1.8s ease-in-out infinite}.sdx-viz-anim-data--b{animation-delay:.5s;stroke:var(--sdx-yellow)}.sdx-viz-anim-upload{animation:sdxVizUpload 2.4s ease-in-out infinite;stroke:var(--sdx-green)}.sdx-viz-orbit-dot--1{animation:sdxVizOrbitDot 3.2s ease-in-out infinite}.sdx-viz-orbit-dot--2{animation:sdxVizOrbitDot 3.2s ease-in-out infinite .45s;fill:var(--sdx-green)}.sdx-viz-orbit-dot--3{animation:sdxVizOrbitDot 3.2s ease-in-out infinite .9s}.sdx-viz-anim-bar-1{animation:sdxVizBarGrow 2.6s ease-in-out infinite;transform-box:fill-box;transform-origin:bottom center}.sdx-viz-anim-bar-2{animation:sdxVizBarGrow 2.6s ease-in-out infinite .25s;transform-box:fill-box;transform-origin:bottom center}.sdx-viz-anim-bar-3{animation:sdxVizBarGrow 2.6s ease-in-out infinite .5s;transform-box:fill-box;transform-origin:bottom center}.sdx-viz-anim-arrow{animation:sdxVizArrowRise 2.2s ease-in-out infinite;stroke:var(--sdx-green)}.sdx-viz-spark--1{animation:sdxVizSpark 2.4s ease-in-out infinite}.sdx-viz-spark--2{animation:sdxVizSpark 2.8s ease-in-out infinite .3s;fill:var(--sdx-green)}.sdx-viz-spark--3{animation:sdxVizSpark 3.2s ease-in-out infinite .6s;fill:#fff}@keyframes sdxVizAmbient{0%,to{opacity:.55;transform:scale(1)}50%{opacity:.95;transform:scale(1.06)}}@keyframes sdxVizOrbitSpin{to{transform:rotate(360deg)}}@keyframes sdxVizFloat{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-7px) rotate(-1deg)}}@keyframes sdxVizLayerA{0%,to{transform:translate(0)}50%{transform:translate(-2px,-5px)}}@keyframes sdxVizLayerB{0%,to{transform:translate(0)}50%{transform:translate(2px,-3px)}}@keyframes sdxVizLayerC{0%,to{transform:translate(0)}50%{transform:translateY(2px)}}@keyframes sdxVizDotPulse{0%,to{opacity:.45;transform:scale(.85)}50%{opacity:1;transform:scale(1.15)}}@keyframes sdxVizPrintHead{0%,to{transform:translate(0)}50%{transform:translate(18px)}}@keyframes sdxVizPaperIn{0%,to{transform:translateY(0);opacity:.75}50%{transform:translateY(4px);opacity:1}}@keyframes sdxVizPaperOut{0%,20%{transform:scaleY(.2);opacity:.35}45%,80%{transform:scaleY(1);opacity:1}to{transform:scaleY(1);opacity:.9}}@keyframes sdxVizScanLine{0%,to{opacity:.35}50%{opacity:1;stroke:var(--sdx-green)}}@keyframes sdxVizDrawPath{0%,to{stroke-dashoffset:80;opacity:.5}40%,60%{stroke-dashoffset:0;opacity:1}}@keyframes sdxVizNodePop{0%,to{transform:scale(.75);opacity:.55}50%{transform:scale(1.15);opacity:1}}@keyframes sdxVizPenMove{0%,to{transform:rotate(-8deg) translate(0)}50%{transform:rotate(6deg) translate(6px,-4px)}}@keyframes sdxVizEmblemPulse{0%,to{transform:scale(1);opacity:.85}50%{transform:scale(1.12);opacity:1;filter:drop-shadow(0 0 8px rgba(var(--sdx-yellow-rgb),.65))}}@keyframes sdxVizStitchSpin{to{transform:rotate(360deg);stroke-dashoffset:-24}}@keyframes sdxVizNeedle{0%,to{transform:rotate(-15deg)}50%{transform:rotate(10deg) translateY(2px)}}@keyframes sdxVizNeon{0%,to{opacity:.75;filter:drop-shadow(0 0 4px rgba(var(--sdx-yellow-rgb),.4))}45%,55%{opacity:1;filter:drop-shadow(0 0 14px rgba(var(--sdx-yellow-rgb),.95))}}@keyframes sdxVizGlowPulse{0%,to{opacity:.35;transform:scale(.92)}50%{opacity:.75;transform:scale(1.08)}}@keyframes sdxVizBlockPulse{0%,to{transform:scaleX(.82);opacity:.55}50%{transform:scaleX(1);opacity:1}}@keyframes sdxVizBrowserScan{0%,to{transform:translateY(0);opacity:.25}50%{transform:translateY(22px);opacity:1}}@keyframes sdxVizAppBounce{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-4px) scale(1.08)}}@keyframes sdxVizServerFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}@keyframes sdxVizLedBlink{0%,to{opacity:.35}50%{opacity:1;filter:drop-shadow(0 0 6px currentColor)}}@keyframes sdxVizDataFlow{0%,to{stroke-dashoffset:34;opacity:.25}50%{stroke-dashoffset:0;opacity:1}}@keyframes sdxVizUpload{0%,to{transform:translateY(0);opacity:.55}50%{transform:translateY(-6px);opacity:1}}@keyframes sdxVizOrbitDot{0%,to{transform:translateY(0);opacity:.55}50%{transform:translateY(-6px);opacity:1}}@keyframes sdxVizBarGrow{0%,to{transform:scaleY(.55);opacity:.65}50%{transform:scaleY(1.08);opacity:1}}@keyframes sdxVizArrowRise{0%,to{transform:translateY(0);opacity:.65}50%{transform:translateY(-5px);opacity:1}}@keyframes sdxVizSpark{0%,to{opacity:.3;transform:scale(.7)}50%{opacity:1;transform:scale(1.2)}}@keyframes sdxVizRingDash{to{stroke-dashoffset:-28}}@media(prefers-reduced-motion:reduce){.sdx-col-viz__ambient,.sdx-col-viz__orbit,.sdx-viz-float,.sdx-col-viz__svg [class*=sdx-viz-anim],.sdx-col-viz__svg [class*=sdx-viz-layer],.sdx-col-viz__svg [class*=sdx-viz-dot],.sdx-col-viz__svg [class*=sdx-viz-node],.sdx-col-viz__svg [class*=sdx-viz-led],.sdx-col-viz__svg [class*=sdx-viz-spark],.sdx-col-viz__svg .sdx-viz-ring-icon{animation:none!important}}
/*# sourceMappingURL=/cdn/shop/t/75/assets/sdx-collection-visuals.css.map */