.cp-workspace-showcase{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;width:calc(100% - 48px);max-width:1440px;margin:42px auto 60px;display:grid}.cp-ws-definitions{position:absolute}.cp-ws-card{background:#000;border:1px solid rgba(87,125,157,.6);border-radius:15px;min-width:0;transition:border-color .3s;overflow:hidden}.cp-ws-card:hover{border-color:#39a9de}.cp-ws-art{width:100%;height:auto;display:block}.cp-ws-copy{padding:8px 25px 28px}.cp-ws-copy h3{color:#f4f4f5;font-size:max(23px,min(2vw,30px));font-weight:600;line-height:1.2}.cp-ws-copy p{color:#aabdd0;margin-top:10px;font-size:15px;line-height:1.6}.cp-ws-bar{transform-box:view-box;animation:5s ease-in-out infinite ws-bar}.cp-ws-line{stroke-dasharray:1;animation:7s ease-in-out infinite ws-line}.cp-ws-gauge{animation:7s ease-in-out infinite ws-gauge}.cp-ws-dot{animation:4s ease-in-out infinite ws-dot}.cp-ws-wire-light{animation:6s linear infinite ws-wire}.cp-ws-float-front{animation:7s ease-in-out infinite ws-float}.cp-ws-float-back{animation:8s ease-in-out infinite reverse ws-float}.cp-ws-float-gauge{animation:6s ease-in-out infinite ws-float}.cp-ws-drag{animation:8s ease-in-out infinite ws-drag}.cp-ws-slider{animation:8s ease-in-out infinite ws-slider}.cp-ws-swatch{animation:5s ease-in-out infinite ws-dot}@keyframes ws-bar{0%,to{transform:scaleY(.86)}50%{transform:scaleY(1)}}@keyframes ws-line{0%,to{stroke-dashoffset:1px;opacity:.4}35%,80%{stroke-dashoffset:0;opacity:1}}@keyframes ws-gauge{0%,to{stroke-dasharray:150 252}50%{stroke-dasharray:205 252}}@keyframes ws-dot{0%,to{opacity:.55}50%{opacity:1}}@keyframes ws-wire{to{stroke-dashoffset:-1px}}@keyframes ws-float{0%,to{translate:0}50%{translate:0 -7px}}@keyframes ws-drag{0%,20%,to{translate:0}45%,70%{translate:10px -9px}}@keyframes ws-slider{0%,to{translate:0}50%{translate:12px}}@media (max-width:1000px){.cp-workspace-showcase{gap:14px;width:calc(100% - 32px)}.cp-ws-copy{padding:8px 17px 24px}.cp-ws-copy p{font-size:13px}}@media (max-width:767px){.cp-workspace-showcase{grid-template-columns:1fr;gap:24px;max-width:540px}.cp-ws-copy h3{font-size:27px}.cp-ws-copy p{font-size:15px}}@media (prefers-reduced-motion:reduce){.cp-workspace-showcase *{transition:none!important;animation:none!important}.cp-ws-line{stroke-dashoffset:0}}