.sb-iso{position:relative;width:100%;height:20rem;overflow:hidden}.sb-iso__glow{position:absolute;left:50%;top:50%;z-index:0;width:45%;height:35%;transform:translate(-50%,-50%);background:radial-gradient(closest-side,color-mix(in srgb,var(--sb-brand-500) 40%,transparent),transparent);filter:blur(20px)}.sb-iso__lift{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}.sb-iso__plane{position:absolute;left:50%;top:50%;width:240px;height:240px;transform:translate(-50%,-50%) rotateX(55deg) rotate(38deg) scale(1.5);transform-style:preserve-3d}.sb-iso__cube{position:absolute;left:var(--x);top:var(--y);width:var(--w);height:var(--d);transform:translateZ(var(--z, 0px));transform-style:preserve-3d}.sb-iso__top,.sb-iso__fy,.sb-iso__fx{position:absolute;box-sizing:border-box}.sb-iso__top{top:0;right:0;bottom:0;left:0;transform:translateZ(var(--h))}.sb-iso__fy{top:var(--d);left:0;width:var(--w);height:var(--h);transform-origin:top;transform:rotateX(90deg)}.sb-iso__fx{top:0;left:var(--w);width:var(--h);height:var(--d);transform-origin:left;transform:rotateY(-90deg)}.sb-iso__cube--white .sb-iso__top{background:rgb(var(--sb-band-white-bg))}.sb-iso__cube--white .sb-iso__fy{background:color-mix(in srgb,black 18%,rgb(var(--sb-band-white-bg)))}.sb-iso__cube--white .sb-iso__fx{background:color-mix(in srgb,black 32%,rgb(var(--sb-band-white-bg)))}.sb-iso__cube--white :is(.sb-iso__top,.sb-iso__fy,.sb-iso__fx){border:.5px solid color-mix(in srgb,black 10%,transparent)}.sb-iso__cube--ink .sb-iso__top{background:color-mix(in srgb,white 14%,rgb(var(--sb-band-dark-bg)))}.sb-iso__cube--ink .sb-iso__fy{background:color-mix(in srgb,white 8%,rgb(var(--sb-band-dark-bg)))}.sb-iso__cube--ink .sb-iso__fx{background:color-mix(in srgb,white 4%,rgb(var(--sb-band-dark-bg)))}.sb-iso__cube--red .sb-iso__top{background:var(--sb-brand-500)}.sb-iso__cube--red .sb-iso__fy{background:var(--sb-brand-600)}.sb-iso__cube--red .sb-iso__fx{background:var(--sb-brand-700)}.sb-iso__cube--ink :is(.sb-iso__top,.sb-iso__fy,.sb-iso__fx),.sb-iso__cube--red :is(.sb-iso__top,.sb-iso__fy,.sb-iso__fx){border:.5px solid color-mix(in srgb,white 12%,transparent)}.sb-iso__cube--mist .sb-iso__top{background:color-mix(in srgb,black 6%,rgb(var(--sb-band-white-bg)))}.sb-iso__cube--grid .sb-iso__top{background:repeating-linear-gradient(to right,color-mix(in srgb,black 8%,transparent) 0 1px,transparent 1px 14px),repeating-linear-gradient(to bottom,color-mix(in srgb,black 8%,transparent) 0 1px,transparent 1px 14px),rgb(var(--sb-band-white-bg))}.sb-iso__cube--grid .sb-iso__top:after{content:"";position:absolute;left:16px;top:16px;width:10px;height:10px;border-radius:var(--rounded-full);background:var(--sb-brand-500)}.sb-iso__cube--lines .sb-iso__top{background:linear-gradient(color-mix(in srgb,black 20%,transparent),color-mix(in srgb,black 20%,transparent)) 0 6% / 60% 1.5px no-repeat,linear-gradient(color-mix(in srgb,black 20%,transparent),color-mix(in srgb,black 20%,transparent)) 0 12% / 60% 1.5px no-repeat,linear-gradient(color-mix(in srgb,black 20%,transparent),color-mix(in srgb,black 20%,transparent)) 0 18% / 60% 1.5px no-repeat,rgb(var(--sb-band-white-bg))}.sb-iso--gate .sb-iso__cube:nth-child(1){--x: 0px !important;--y: 100px !important;--w: 240px !important;--d: 40px !important;--h: 2px !important;--z: 0px !important}.sb-iso--gate .sb-iso__cube:nth-child(2){--x: 150px !important;--y: 68px !important;--w: 22px !important;--d: 22px !important;--h: 110px !important;--z: 0px !important}.sb-iso--gate .sb-iso__cube:nth-child(3){--x: 150px !important;--y: 150px !important;--w: 22px !important;--d: 22px !important;--h: 110px !important;--z: 0px !important}.sb-iso--gate .sb-iso__cube:nth-child(4){--x: 155px !important;--y: 68px !important;--w: 12px !important;--d: 104px !important;--h: 12px !important;--z: 98px !important}.sb-iso--gate .sb-iso__cube:nth-child(5){--x: 156px !important;--y: 74px !important;--w: 10px !important;--d: 10px !important;--h: 10px !important;--z: 110px !important}.sb-iso--gate .sb-iso__cube:nth-child(6){--x: 70px !important;--y: 100px !important;--w: 40px !important;--d: 40px !important;--h: 40px !important;--z: 2px !important}.sb-iso__mark{position:absolute;top:14%;right:14%;bottom:14%;left:14%;width:72%;height:72%;fill:none;stroke:var(--sb-brand-500);stroke-width:14;stroke-linecap:round;stroke-linejoin:round;transform-origin:center}@media screen and (max-width:999px){.sb-iso__plane{transform:translate(-50%,-50%) rotateX(55deg) rotate(38deg) scale(1.1)}}@keyframes sb-iso-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes sb-iso-lamp{0%,to{opacity:1}50%{opacity:.35}}@keyframes sb-iso-check{0%,to{transform:scale(1)}50%{transform:scale(.9)}}@media(prefers-reduced-motion:no-preference){.sb-agent__showcase-stage>.sb-agent__show-radio:nth-of-type(1):checked~.sb-agent__showcase-panels>.sb-agent__show-panel:nth-child(1) .sb-iso__lift,.sb-agent__showcase-stage>.sb-agent__show-radio:nth-of-type(2):checked~.sb-agent__showcase-panels>.sb-agent__show-panel:nth-child(2) .sb-iso__lift,.sb-agent__showcase-stage>.sb-agent__show-radio:nth-of-type(3):checked~.sb-agent__showcase-panels>.sb-agent__show-panel:nth-child(3) .sb-iso__lift,.sb-agent__showcase-stage>.sb-agent__show-radio:nth-of-type(4):checked~.sb-agent__showcase-panels>.sb-agent__show-panel:nth-child(4) .sb-iso__lift,.sb-agent__showcase-stage>.sb-agent__show-radio:nth-of-type(5):checked~.sb-agent__showcase-panels>.sb-agent__show-panel:nth-child(5) .sb-iso__lift,.sb-agent__showcase-stage>.sb-agent__show-radio:nth-of-type(6):checked~.sb-agent__showcase-panels>.sb-agent__show-panel:nth-child(6) .sb-iso__lift,.sb-agent__showcase-stage>.sb-agent__show-radio:nth-of-type(7):checked~.sb-agent__showcase-panels>.sb-agent__show-panel:nth-child(7) .sb-iso__lift,.sb-agent__showcase-stage>.sb-agent__show-radio:nth-of-type(8):checked~.sb-agent__showcase-panels>.sb-agent__show-panel:nth-child(8) .sb-iso__lift{animation:sb-iso-bob 4s ease-in-out infinite}.sb-agent__showcase-stage>.sb-agent__show-radio:nth-of-type(1):checked~.sb-agent__showcase-panels>.sb-agent__show-panel:nth-child(1) .sb-iso__lamp .sb-iso__top,.sb-agent__showcase-stage>.sb-agent__show-radio:nth-of-type(2):checked~.sb-agent__showcase-panels>.sb-agent__show-panel:nth-child(2) .sb-iso__lamp .sb-iso__top,.sb-agent__showcase-stage>.sb-agent__show-radio:nth-of-type(3):checked~.sb-agent__showcase-panels>.sb-agent__show-panel:nth-child(3) .sb-iso__lamp .sb-iso__top,.sb-agent__showcase-stage>.sb-agent__show-radio:nth-of-type(4):checked~.sb-agent__showcase-panels>.sb-agent__show-panel:nth-child(4) .sb-iso__lamp .sb-iso__top,.sb-agent__showcase-stage>.sb-agent__show-radio:nth-of-type(5):checked~.sb-agent__showcase-panels>.sb-agent__show-panel:nth-child(5) .sb-iso__lamp .sb-iso__top,.sb-agent__showcase-stage>.sb-agent__show-radio:nth-of-type(6):checked~.sb-agent__showcase-panels>.sb-agent__show-panel:nth-child(6) .sb-iso__lamp .sb-iso__top,.sb-agent__showcase-stage>.sb-agent__show-radio:nth-of-type(7):checked~.sb-agent__showcase-panels>.sb-agent__show-panel:nth-child(7) .sb-iso__lamp .sb-iso__top,.sb-agent__showcase-stage>.sb-agent__show-radio:nth-of-type(8):checked~.sb-agent__showcase-panels>.sb-agent__show-panel:nth-child(8) .sb-iso__lamp .sb-iso__top{animation:sb-iso-lamp 1.6s ease-in-out infinite}.sb-agent__showcase-stage>.sb-agent__show-radio:nth-of-type(1):checked~.sb-agent__showcase-panels>.sb-agent__show-panel:nth-child(1) .sb-iso__mark,.sb-agent__showcase-stage>.sb-agent__show-radio:nth-of-type(2):checked~.sb-agent__showcase-panels>.sb-agent__show-panel:nth-child(2) .sb-iso__mark,.sb-agent__showcase-stage>.sb-agent__show-radio:nth-of-type(3):checked~.sb-agent__showcase-panels>.sb-agent__show-panel:nth-child(3) .sb-iso__mark,.sb-agent__showcase-stage>.sb-agent__show-radio:nth-of-type(4):checked~.sb-agent__showcase-panels>.sb-agent__show-panel:nth-child(4) .sb-iso__mark,.sb-agent__showcase-stage>.sb-agent__show-radio:nth-of-type(5):checked~.sb-agent__showcase-panels>.sb-agent__show-panel:nth-child(5) .sb-iso__mark,.sb-agent__showcase-stage>.sb-agent__show-radio:nth-of-type(6):checked~.sb-agent__showcase-panels>.sb-agent__show-panel:nth-child(6) .sb-iso__mark,.sb-agent__showcase-stage>.sb-agent__show-radio:nth-of-type(7):checked~.sb-agent__showcase-panels>.sb-agent__show-panel:nth-child(7) .sb-iso__mark,.sb-agent__showcase-stage>.sb-agent__show-radio:nth-of-type(8):checked~.sb-agent__showcase-panels>.sb-agent__show-panel:nth-child(8) .sb-iso__mark{animation:sb-iso-check 1.8s ease-in-out infinite}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/sb-agent-iso.css.map */