.sb-scene{position:relative;z-index:2;display:grid;place-items:center;overflow:hidden;block-size:260px;pointer-events:none;-webkit-mask-image:linear-gradient(to right,transparent,#000 15%,#000 85%,transparent);mask-image:linear-gradient(to right,transparent,#000 15%,#000 85%,transparent)}.sb-scene.sb-scene--cta{display:none}.sb-scene:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background:radial-gradient(circle at 68% 50%,color-mix(in srgb,var(--sb-brand-500) 10%,transparent),transparent 45%)}.sb-scene__plane{position:relative;z-index:2;flex:none;inline-size:1000px;block-size:110px;transform:rotateX(55deg) rotate(38deg) scale(.6);transform-style:preserve-3d}.sb-scene__plane,.sb-scene__plane *{transform-style:preserve-3d}.sb-scene__belt{position:absolute;top:0;right:0;bottom:0;left:0;background-color:rgb(var(--sb-band-white-bg) / .03);background-image:repeating-linear-gradient(90deg,color-mix(in srgb,white 7%,transparent) 0 1px,transparent 1px 40px);border-block:1px solid rgb(var(--sb-band-white-bg) / .18);animation:sb-scene-belt .65s linear infinite}.sb-scene__cube,.sb-scene__coin,.sb-scene__tile-group{position:absolute;transform-style:preserve-3d}.sb-scene__top,.sb-scene__fy,.sb-scene__fx,.sb-scene__glow,.sb-scene__disc{position:absolute;box-sizing:border-box}.sb-scene__tile-group{inset-inline-start:467px;inset-block-start:25px;inline-size:60px;block-size:60px;animation:sb-scene-tile 6s linear infinite;animation-delay:var(--sb-scene-delay, 0s)}.sb-scene__tile{--sb-w: 28px;--sb-d: 28px;--sb-h: 8px;inset-inline-start:var(--sb-tile-x, 0);inset-block-start:var(--sb-tile-y, 0);inline-size:var(--sb-w);block-size:var(--sb-d)}.sb-scene__base{--sb-w: 160px;--sb-d: 160px;--sb-h: 6px;inset-inline-start:420px;inset-block-start:-25px;inline-size:var(--sb-w);block-size:var(--sb-d)}.sb-scene__box{--sb-w: 140px;--sb-d: 140px;--sb-h: 68px;inset-inline-start:430px;inset-block-start:-15px;inline-size:var(--sb-w);block-size:var(--sb-d);transform:translateZ(6px)}.sb-scene__top{display:grid;place-items:center;inline-size:var(--sb-w);block-size:var(--sb-d);transform:translateZ(var(--sb-h))}.sb-scene__fy{inset-block-start:var(--sb-d);inset-inline-start:0;inline-size:var(--sb-w);block-size:var(--sb-h);transform-origin:top;transform:rotateX(90deg)}.sb-scene__fx{inset-block-start:0;inset-inline-start:var(--sb-w);inline-size:var(--sb-h);block-size:var(--sb-d);transform-origin:left;transform:rotateY(-90deg)}.sb-scene__tile .sb-scene__top{background:rgb(var(--sb-band-white-bg) / .18);border:.5px solid rgb(var(--sb-band-white-bg) / .4);color:rgb(var(--sb-band-white-bg) / .95)}.sb-scene__tile .sb-scene__fy{background:rgb(var(--sb-band-white-bg) / .06)}.sb-scene__tile .sb-scene__fx{background:rgb(var(--sb-band-white-bg) / .04)}.sb-scene__tile .sb-scene__logo,.sb-scene__tile .sb-scene__top .icon{inline-size:60%;block-size:60%;object-fit:contain}.sb-scene__base .sb-scene__top,.sb-scene__base .sb-scene__fy,.sb-scene__base .sb-scene__fx{border:.5px solid color-mix(in srgb,white 12%,transparent)}.sb-scene__base .sb-scene__top{background:color-mix(in srgb,white 10%,rgb(var(--sb-band-dark-bg)))}.sb-scene__base .sb-scene__fy{background:color-mix(in srgb,white 6%,rgb(var(--sb-band-dark-bg)))}.sb-scene__base .sb-scene__fx{background:color-mix(in srgb,white 3%,rgb(var(--sb-band-dark-bg)))}.sb-scene__box .sb-scene__top,.sb-scene__box .sb-scene__fy,.sb-scene__box .sb-scene__fx{border:.5px solid color-mix(in srgb,black 10%,transparent)}.sb-scene__box .sb-scene__top{background:rgb(var(--sb-band-white-bg));border-radius:0;color:var(--sb-brand-500)}.sb-scene__box .sb-scene__top:before{content:"";position:absolute;top:14px;right:14px;bottom:14px;left:14px;z-index:0;border-radius:6px;border:1px solid color-mix(in srgb,black 10%,transparent);box-shadow:inset 0 1px 2px color-mix(in srgb,black 12%,transparent);pointer-events:none}.sb-scene__box .sb-scene__fy{--sb-face: color-mix(in srgb, black 18%, rgb(var(--sb-band-white-bg)));--sb-pillar: color-mix(in srgb, white 14%, rgb(var(--sb-band-dark-bg)));background-color:var(--sb-face);background-image:linear-gradient(to right,var(--sb-pillar) 8px,transparent 8px),linear-gradient(to left,var(--sb-pillar) 8px,transparent 8px),linear-gradient(to top,color-mix(in srgb,black 8%,var(--sb-face)) 8px,transparent 8px),linear-gradient(to bottom,color-mix(in srgb,black 20%,transparent) 1px,transparent 1px)}.sb-scene__box .sb-scene__fx{--sb-face: color-mix(in srgb, black 32%, rgb(var(--sb-band-white-bg)));--sb-pillar: color-mix(in srgb, white 14%, rgb(var(--sb-band-dark-bg)));background-color:var(--sb-face);background-image:linear-gradient(to bottom,var(--sb-pillar) 8px,transparent 8px),linear-gradient(to top,var(--sb-pillar) 8px,transparent 8px),linear-gradient(to left,color-mix(in srgb,black 8%,var(--sb-face)) 8px,transparent 8px),linear-gradient(to right,color-mix(in srgb,black 20%,transparent) 1px,transparent 1px)}.sb-scene__box .sb-scene__logo{position:relative;z-index:1;inline-size:46%;block-size:46%;object-fit:contain}.sb-scene__screw{position:absolute;z-index:1;inline-size:12px;block-size:12px;border-radius:50%;background:radial-gradient(circle at 35% 35%,rgb(var(--sb-band-white-bg)) 100%,color-mix(in srgb,black 18%,transparent) 70%);border:.5px solid color-mix(in srgb,black 25%,transparent)}.sb-scene__screw:after{content:"";position:absolute;inset-inline-start:50%;inset-block-start:50%;inline-size:7px;block-size:1.5px;background:color-mix(in srgb,black 45%,transparent);transform:translate(-50%,-50%) rotate(45deg)}.sb-scene__screw--tl{inset-inline-start:3px;inset-block-start:3px}.sb-scene__screw--tr{inset-inline-end:3px;inset-block-start:3px}.sb-scene__screw--bl{inset-inline-start:3px;inset-block-end:3px}.sb-scene__screw--br{inset-inline-end:3px;inset-block-end:3px}.sb-scene__leds{position:absolute;inset-inline-start:18px;inset-block-start:50%;z-index:1;display:flex;gap:5px;transform:translateY(-50%)}.sb-scene__led{inline-size:5px;block-size:5px;border-radius:50%;background:color-mix(in srgb,black 30%,transparent)}.sb-scene__led:nth-child(3){background:var(--sb-brand-500);animation:sb-scene-led 2s ease-in-out infinite}.sb-scene__glow{inset-inline-start:50%;inset-block-start:50%;inline-size:280px;block-size:280px;transform:translate(-50%,-50%) translateZ(0);opacity:.55;background:radial-gradient(circle,color-mix(in srgb,var(--sb-brand-500) 70%,transparent),transparent 70%);filter:blur(24px)}.sb-scene__mark{position:relative;z-index:1;animation:sb-scene-mark 1.5s ease-in-out infinite}.sb-scene__box svg.sb-scene__mark{inline-size:42%;block-size:42%;overflow:visible}.sb-scene__coin{inset-inline-start:476px;inset-block-start:31px;inline-size:48px;block-size:48px;animation:sb-scene-coin 6s linear infinite;animation-delay:var(--sb-scene-delay, 0s)}.sb-scene__disc{top:0;right:0;bottom:0;left:0;border-radius:50%;background:var(--sb-brand-500);border:.5px solid var(--sb-brand-600)}.sb-scene__disc:nth-child(1){transform:translateZ(0)}.sb-scene__disc:nth-child(2){transform:translateZ(2px)}.sb-scene__disc:nth-child(3){transform:translateZ(4px)}.sb-scene__disc:nth-child(4){transform:translateZ(6px)}.sb-scene__disc:nth-child(5){transform:translateZ(8px)}.sb-scene__disc:nth-child(6){transform:translateZ(10px)}.sb-scene__disc:nth-child(7){transform:translateZ(12px)}.sb-scene__disc:nth-child(8){transform:translateZ(14px)}.sb-scene__disc--top{display:grid;place-items:center;background:var(--sb-brand-50);color:var(--sb-brand-500);line-height:1}.sb-scene__disc--top:before{content:"";position:absolute;top:6px;right:6px;bottom:6px;left:6px;border-radius:50%;border:1px solid var(--sb-brand-500);pointer-events:none}.sb-scene__coin-mark{position:relative;z-index:1;inline-size:45%;block-size:45%;object-fit:contain;overflow:visible}@keyframes sb-scene-tile{0%{transform:translate(-480px);opacity:0}8%{opacity:1}88%{opacity:1}to{transform:translate(-110px);opacity:0}}@keyframes sb-scene-coin{0%{transform:translate(100px);opacity:0}10%{opacity:1}88%{opacity:1}to{transform:translate(470px);opacity:0}}@keyframes sb-scene-mark{0%,to{transform:scale(1)}50%{transform:scale(.9)}}@keyframes sb-scene-led{0%,to{opacity:1}50%{opacity:.3}}@keyframes sb-scene-belt{0%{background-position-x:0}to{background-position-x:40px}}@media screen and (max-width:999px){.sb-agent__hero:has(.sb-scene){gap:0}.sb-agent__hero-main:has(.sb-scene){display:grid;grid-template-columns:minmax(0,1fr);gap:0;width:100%;min-width:0}.sb-agent__hero:has(.sb-scene) .sb-agent__hero-foot{margin-block-start:0}.sb-agent__hero-band .sb-scene:not(.sb-scene--cta){display:block;visibility:visible;opacity:1;position:relative;z-index:2;height:260px;max-height:none;width:100%;max-width:100%;min-width:0;margin-block:var(--spacing-6);margin-inline:0;overflow:hidden;content-visibility:visible;-webkit-mask-image:linear-gradient(to right,transparent 0%,#000 12%,#000 88%,transparent 100%);mask-image:linear-gradient(to right,transparent 0%,#000 12%,#000 88%,transparent 100%)}.sb-agent__hero-band .sb-scene:not(.sb-scene--cta) .sb-scene__plane{display:block;visibility:visible;opacity:1;position:absolute;left:50%;top:50%;width:1000px;height:110px;margin:0;z-index:2;transform:translate(-50%,-50%) rotateX(55deg) rotate(38deg) scale(.62);transform-style:preserve-3d}}@media screen and (min-width:1000px){.sb-agent__hero-band .sb-scene{position:relative;block-size:520px;margin-inline-end:calc(-1*max(var(--container-gutter),var(--container-outer-width) - var(--spacing-4)));overflow:hidden;-webkit-mask-image:linear-gradient(to right,transparent 0%,#000 18%,#000 100%);mask-image:linear-gradient(to right,transparent 0%,#000 18%,#000 100%)}.sb-agent__hero-band .sb-scene .sb-scene__plane,.sb-scene--cta .sb-scene__plane{position:absolute;inset-inline-start:50%;inset-block-start:50%;transform:translate(-50%,-50%) rotateX(55deg) rotate(38deg) scale(1)}.sb-scene.sb-scene--cta{position:relative;display:grid;block-size:420px;overflow:hidden;-webkit-mask-image:linear-gradient(to right,transparent 0%,#000 20%,#000 90%,transparent 100%);mask-image:linear-gradient(to right,transparent 0%,#000 20%,#000 90%,transparent 100%)}.sb-scene--cta .sb-scene__plane{transform:translate(-50%,-50%) rotateX(55deg) rotate(38deg) scale(1) scale(.9)}}@media screen and (min-width:1200px){.sb-agent__hero-band .sb-scene .sb-scene__plane{transform:translate(-50%,-50%) rotateX(55deg) rotate(38deg) scale(1.25)}.sb-scene--cta .sb-scene__plane{transform:translate(-50%,-50%) rotateX(55deg) rotate(38deg) scale(1.25) scale(.9)}}@media(prefers-reduced-motion:reduce){.sb-scene__tile-group,.sb-scene__coin,.sb-scene__mark,.sb-scene__belt,.sb-scene__led:nth-child(3){animation:none}.sb-scene__led:nth-child(3){opacity:1}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/sb-agent-hero-scene.css.map */