.service-object{isolation:isolate;perspective:700px;pointer-events:none;width:220px;height:150px;position:relative}.so-ground{filter:blur(13px);background:#17394a1c;border-radius:50%;height:28px;position:absolute;inset:auto 18px 4px;transform:rotate(-12deg)}.so-layer{background:linear-gradient(130deg,#ffffffc9,#a5d9e955 80%);border:1px solid #ffffffdb;border-right:3px solid #509fb66b;border-radius:10px;flex-direction:column;gap:7px;width:105px;height:112px;padding:18px 13px;display:flex;position:absolute;top:20px;left:57px;transform:rotateY(-24deg)rotate(9deg);box-shadow:inset 1px 1px #fff,5px 7px 12px -7px #17394a60}.so-back{background:linear-gradient(145deg,#254e67,#0a293d);border-color:#8bb8c8;transform:translate(24px,-12px)rotateY(-24deg)rotate(9deg)}.so-middle{transform:translate(12px,-6px)rotateY(-24deg)rotate(9deg)}.so-layer i{background:#36596932;border-radius:4px;width:75%;height:4px;display:block}.so-layer i:last-child{width:50%}.so-front b{background:linear-gradient(130deg,#b4deea,#3c718d);border:1px solid #ffffffe6;border-radius:4px;height:28px;margin-bottom:4px}.so-chip{background:linear-gradient(135deg,#ffffffd9,#bbdfe980);border:1px solid #fff;border-bottom-color:#74a3b3;border-radius:6px;gap:4px;width:48px;height:35px;padding:10px;display:grid;position:absolute;top:90px;left:145px;transform:rotate(-7deg);box-shadow:0 8px 12px -9px #123b55}.so-chip i{background:#3a718a55;border-radius:3px;height:3px}.so-orbit{display:none}.so-1 .so-front{background:linear-gradient(130deg,#c8e7ed,#2c617e);border-radius:50%;width:96px;height:82px;top:40px;left:65px;transform:rotateY(-25deg)}.so-1 .so-front b,.so-1 .so-front i{display:none}.so-1 .so-middle{background:#d8e8ed88;border-radius:50%;width:94px;height:85px;top:25px;left:100px}.so-1 .so-back{border-radius:50%;width:55px;height:55px;top:44px;left:35px}.so-1 .so-chip{top:95px;left:95px}.so-2 .so-layer{background:linear-gradient(145deg,#e7f3f5,#28627e);border-radius:6px;width:66px;height:67px;padding:0;transform:rotate(-22deg)skew(8deg,8deg)}.so-2 .so-layer i,.so-2 .so-layer b{display:none}.so-2 .so-back{background:linear-gradient(145deg,#4d8ba7,#0a2e43);top:14px;left:87px}.so-2 .so-middle{top:70px;left:49px}.so-2 .so-front{top:70px;left:121px}.so-2 .so-chip{width:35px;height:35px;top:26px;left:40px;transform:rotate(-22deg)skew(8deg,8deg)}.so-3 .so-layer{height:98px;top:28px}.so-3 .so-front{transform:rotateY(-22deg)rotate(-8deg)}.so-3 .so-orbit{border:8px solid #b0dce97d;border-right-color:#26718f;border-radius:50%;width:150px;height:92px;display:block;position:absolute;top:35px;left:32px;transform:rotate(-30deg);box-shadow:inset 0 1px 2px #fff,0 4px 7px -5px #123c50}.so-3 .so-orbit span{background:#0d4866;border:1px solid #c7e6f1;border-radius:50%;width:15px;height:15px;display:block;position:absolute;top:0;right:11px}.so-4 .so-layer{border-radius:17px;width:76px;height:76px;padding:0;top:30px;transform:rotateY(-25deg)rotate(45deg)}.so-4 .so-layer i,.so-4 .so-layer b{display:none}.so-4 .so-back{background:linear-gradient(145deg,#164661,#326b86);top:18px;left:98px}.so-4 .so-middle{top:40px;left:76px}.so-4 .so-front{top:62px;left:54px}.so-4 .so-chip{background:#d3e7ed;top:91px;left:122px}@media (prefers-reduced-motion:no-preference){.service-object .so-layer{transition:translate .45s}.sh-module:hover .so-front,.wd-build-card:hover .so-front{translate:0 -4px}}
