.stviz{aspect-ratio:16/10;background:#ebebeb;border-radius:16px;width:100%;position:relative;overflow:hidden;box-shadow:0 10px 30px #00000014}.stviz-input{z-index:1;justify-content:center;align-items:center;animation:7s ease-in-out infinite stvizIn;display:flex;position:absolute;inset:0}.stviz-output{aspect-ratio:3/2;z-index:2;will-change:transform;border-radius:12px;width:47.2%;animation:7s ease-in-out infinite stvizOut;position:absolute;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%)}.stviz-pair{will-change:transform;justify-content:center;align-items:center;width:98.3%;animation:7s ease-in-out infinite stvizPair;display:flex;position:relative}.stviz-cell{aspect-ratio:3/2;will-change:transform;border-radius:12px;flex:0 0 48.02%;margin:0;animation:7s ease-in-out infinite stvizCellL;position:relative;overflow:hidden;box-shadow:0 6px 18px #00000017}.stviz-cell~.stviz-cell{z-index:1;animation-name:stvizCellR}.stviz-cell img{object-fit:cover;width:100%;height:100%;display:block}.stviz-plus{color:#111;z-index:2;font-size:clamp(20px,3vw,30px);font-weight:700;line-height:1;animation:7s ease-in-out infinite stvizPlus;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.stviz-output img{object-fit:cover;width:100%;height:100%;display:block}@keyframes stvizIn{0%,1.7%{opacity:0}10%,54.3%{opacity:1}55%,to{opacity:0}}@keyframes stvizPair{0%,40%{transform:scale(1)}54.3%,to{transform:scale(2.1186)}}@keyframes stvizCellL{0%,17.9%{transform:translate(-4.13%)}22.9%{transform:translate(-12.7%)}40%,to{transform:translate(50%)}}@keyframes stvizCellR{0%,17.9%{opacity:1;transform:translate(4.13%)}22.9%{opacity:1;transform:translate(12.7%)}28%{opacity:1}40%,to{opacity:.5;transform:translate(-50%)}}@keyframes stvizPlus{0%,22.9%{opacity:1}27.3%,to{opacity:0}}@keyframes stvizOut{0%,40%{opacity:0;transform:translate(-50%,-50%)scale(1)}54.3%{opacity:1;transform:translate(-50%,-50%)scale(2.1186)}94.3%{opacity:1}98.6%,to{opacity:0;transform:translate(-50%,-50%)scale(2.1186)}}@media (prefers-reduced-motion:reduce){.stviz-input,.stviz-output,.stviz-pair,.stviz-cell,.stviz-plus{animation:none}.stviz-input{opacity:0}.stviz-output{opacity:1;transform:translate(-50%,-50%)scale(2.1186)}}.dts-card-stviz.stviz,.create-tool-card__stviz.stviz{aspect-ratio:auto;height:100%;box-shadow:none;border-radius:0}.dts-card-stviz .stviz-cell,.create-tool-card__stviz .stviz-cell{border-radius:6px;box-shadow:0 2px 8px #0000001a}.dts-card-stviz .stviz-output,.create-tool-card__stviz .stviz-output{border-radius:6px}
