itstock-pixel-hero.ist-hero{--ist-hero-room-height: 368px;--ist-hero-room-bar: 28px;--ist-hero-walk-ground: 33px;--ist-hero-walk-frame-width: 96px;--ist-hero-walk-frame-height: 128px;--ist-hero-walk-foot-padding: 2px;--ist-hero-walk-cycle: 1.5s;display:block;position:relative;isolation:isolate;overflow:hidden;border-bottom:4px solid #4b4b4b;background:#dfe7ff}itstock-pixel-hero .ist-hero-background{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:linear-gradient(155deg,#e5eaff,#dfe7ff 55%,#c8d6ff);pointer-events:none}itstock-pixel-hero .ist-hero-intro{position:relative;z-index:1;box-sizing:border-box;width:100%;max-width:1152px;margin:0 auto;padding:64px 16px calc(var(--ist-hero-room-height) + var(--ist-hero-room-bar) + 36px)}itstock-pixel-hero .ist-hero-badge{display:inline-block;box-sizing:border-box;margin:0;padding:4px 8px;border:2px solid #4b4b4b;border-radius:2px;background:#fff;color:#4b4b4b;font-family:var(--font-body-family, Arial, sans-serif);font-size:12px;font-weight:700;line-height:16px;letter-spacing:.025em}itstock-pixel-hero .ist-hero-title{max-width:672px;margin:16px 0 0;color:#4b4b4b;font-family:var(--font-heading-family, Arial, sans-serif);font-size:30px;font-weight:900;line-height:1.05;letter-spacing:-.025em;text-transform:uppercase}itstock-pixel-hero .ist-hero-title span{color:#4169e1}itstock-pixel-hero .ist-hero-subtitle{max-width:448px;margin:20px 0 0;color:#4b4b4bcc;font-family:var(--font-body-family, Arial, sans-serif);font-size:16px;font-weight:500;line-height:1.375}itstock-pixel-hero .ist-hero-cta{display:inline-flex;align-items:center;box-sizing:border-box;min-height:52px;margin-top:32px;padding:12px 24px;border:4px solid #4b4b4b;border-radius:6px;background:#4169e1;box-shadow:4px 4px #4b4b4b;color:#fff;font-family:var(--font-body-family, Arial, sans-serif);font-size:14px;font-weight:800;line-height:1;letter-spacing:0;text-decoration:none;text-transform:uppercase;transition:transform .15s ease,box-shadow .15s ease}itstock-pixel-hero .ist-hero-cta:hover{transform:translate(2px,2px);box-shadow:2px 2px #4b4b4b}itstock-pixel-hero .ist-hero-cta:focus-visible{outline:3px solid #4169e1;outline-offset:4px}itstock-pixel-hero .ist-hero-scene{position:absolute;right:0;bottom:0;left:0;height:calc(var(--ist-hero-room-height) + var(--ist-hero-room-bar));overflow:hidden;border-top:3px solid #4b4b4b;background:#728eaf;pointer-events:none}itstock-pixel-hero .ist-hero-room-topline{position:absolute;inset:0 0 auto;z-index:8;display:flex;align-items:center;justify-content:space-between;box-sizing:border-box;height:var(--ist-hero-room-bar);padding-inline:max(16px,calc((100vw - 1104px)/2));border-bottom:2px solid #303b50;background:#28384e;color:#d5e5fa;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:9px;font-weight:700;line-height:1;letter-spacing:.14em}itstock-pixel-hero .ist-hero-room-topline b{margin-inline:6px;color:#78b2e0}itstock-pixel-hero .ist-hero-online{display:flex;align-items:center;gap:7px}itstock-pixel-hero .ist-hero-online i{display:block;width:4px;height:4px;background:#8ae5b5;box-shadow:0 0 5px #8ae5b588}itstock-pixel-hero .ist-hero-track{position:absolute;top:var(--ist-hero-room-bar);left:0;display:flex;width:max-content;gap:0;animation:ist-hero-journey var(--ist-hero-journey-duration, 112s) linear infinite;animation-delay:-12s;will-change:transform}itstock-pixel-hero .ist-hero-group{display:flex;flex:0 0 auto;gap:0}itstock-pixel-hero .ist-hero-room-panel{position:relative;flex:0 0 auto;width:calc(var(--ist-hero-room-height) * 7 / 3);height:var(--ist-hero-room-height);overflow:hidden}itstock-pixel-hero .ist-hero-panorama{display:block;width:100%;height:100%;max-width:none;object-fit:fill;image-rendering:pixelated}itstock-pixel-hero .ist-hero-zone-label{position:absolute;top:14%;right:2%;z-index:5;padding:5px 7px;border:1px solid #97aec8;background:#26384de6;box-shadow:2px 2px #26384d80;color:#eaf3ff;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:8px;font-weight:700;line-height:1;letter-spacing:.07em;white-space:nowrap}itstock-pixel-hero .ist-hero-join-column{position:absolute;top:0;bottom:16%;left:0;z-index:6;width:13px;border-right:3px solid #28394e;border-left:3px solid #233448;background:repeating-linear-gradient(0deg,#536c8a 0 50px,#8197b0 50px 54px,#536c8a 54px 58px);box-shadow:5px 0 #1f314132}itstock-pixel-hero .ist-hero-led-bank{position:absolute;display:flex;flex-direction:column;gap:9px;animation-delay:var(--ist-hero-detail-delay, 0s)}itstock-pixel-hero .ist-hero-led-bank i{display:block;width:2px;height:2px;background:var(--ist-hero-led-color);box-shadow:3px 0 var(--ist-hero-led-color),0 0 5px var(--ist-hero-led-color);animation:ist-hero-activity 4.9s steps(1,end) infinite}itstock-pixel-hero .ist-hero-led-bank i:nth-child(2){animation-delay:-.71s}itstock-pixel-hero .ist-hero-led-bank i:nth-child(3){animation-delay:-1.42s}itstock-pixel-hero .ist-hero-led-bank i:nth-child(4){animation-delay:-2.13s}itstock-pixel-hero .ist-hero-led-bank i:nth-child(5){animation-delay:-2.84s}itstock-pixel-hero .ist-hero-led-bank i:nth-child(6){animation-delay:-3.55s}itstock-pixel-hero .ist-hero-led-bank i:nth-child(7){animation-delay:-4.26s}itstock-pixel-hero .ist-hero-door-opening{position:absolute;top:32.784431%;left:36.410256%;width:18.076923%;height:43.862275%;overflow:hidden;background:#162d3b}itstock-pixel-hero .ist-hero-inner-room{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,#102b38b0,#23869b40 50%,#102b38b0),var(--ist-hero-compute-image) 52% 45% / auto 100%;box-shadow:inset 0 0 20px 7px #122739;filter:brightness(.58) saturate(.75)}itstock-pixel-hero .ist-hero-door-left,itstock-pixel-hero .ist-hero-door-right{position:absolute;top:0;height:100%;max-width:none;image-rendering:pixelated;animation:ist-hero-door-left 21s cubic-bezier(.65,0,.35,1) infinite;animation-delay:-5s;will-change:transform}itstock-pixel-hero .ist-hero-door-left{left:0;width:50.35461%}itstock-pixel-hero .ist-hero-door-right{right:0;width:49.64539%;animation-name:ist-hero-door-right}itstock-pixel-hero .ist-hero-fan{position:absolute;max-width:none;border-radius:50%;image-rendering:pixelated;animation:ist-hero-ventilation 2.8s steps(24,end) infinite}itstock-pixel-hero .ist-hero-fan-upper{top:37.57485%;left:20.833333%;width:4.935897%;height:11.526946%}itstock-pixel-hero .ist-hero-fan-lower{top:51.796407%;left:20.897436%;width:5%;height:11.676647%;animation-direction:reverse;animation-duration:3.4s}itstock-pixel-hero .ist-hero-badge-reader{position:absolute;top:48.05%;left:57.14%;width:.7%;height:.55%;background:#8cfbb9;box-shadow:0 0 5px #8cfbb9;animation:ist-hero-badge 21s steps(1,end) infinite;animation-delay:-5s}itstock-pixel-hero .ist-hero-monitor{position:absolute;overflow:hidden;background:#55d6e509}itstock-pixel-hero .ist-hero-monitor-one{top:40.2%;left:33.15%;width:7.1%;height:11.4%}itstock-pixel-hero .ist-hero-monitor-two{top:40.4%;left:41.95%;width:6.9%;height:11.1%}itstock-pixel-hero .ist-hero-monitor-three{top:40.4%;left:50.2%;width:6.2%;height:11.1%}itstock-pixel-hero .ist-hero-monitor span{position:absolute;top:-20%;right:0;left:0;height:12%;background:#a7f7eb26;box-shadow:0 0 8px #6ce9ec22;animation:ist-hero-scan 6s linear infinite}itstock-pixel-hero .ist-hero-monitor-two span{animation-delay:-3s;animation-duration:7.2s}itstock-pixel-hero .ist-hero-monitor-three span{animation-delay:-1s;animation-duration:5.7s}itstock-pixel-hero .ist-hero-lamp-glow{position:absolute;top:44%;left:25.4%;width:8%;height:15%;background:radial-gradient(ellipse at 50% 0,#ffd27e28,transparent 70%);animation:ist-hero-lamp 8s ease-in-out infinite}itstock-pixel-hero .ist-hero-foreground-rail{position:absolute;bottom:0;z-index:6;width:100%;height:var(--ist-hero-walk-ground);background:repeating-linear-gradient(90deg,#38485b 0 2px,transparent 2px 54px),linear-gradient(#687c95 0 2px,#445971 2px 5px,#536983 5px 100%);box-shadow:0 -2px #26394b77;animation:ist-hero-floor 2.25s linear infinite}itstock-pixel-hero .ist-hero-mascot-position{position:absolute;bottom:calc(var(--ist-hero-walk-ground) - var(--ist-hero-walk-foot-padding));left:50%;z-index:9;width:var(--ist-hero-walk-frame-width);height:var(--ist-hero-walk-frame-height);transform:translate(-50%)}itstock-pixel-hero .ist-hero-walk-clock{position:absolute;width:0;height:0;overflow:hidden;animation:ist-hero-walk-clock var(--ist-hero-walk-cycle) linear infinite}itstock-pixel-hero .ist-hero-mascot-walk{position:relative;z-index:1;display:block;width:100%;height:100%;background-image:var(--ist-hero-mascot-image);background-repeat:no-repeat;background-size:calc(var(--ist-hero-walk-frame-width) * 8) var(--ist-hero-walk-frame-height);image-rendering:pixelated}itstock-pixel-hero .ist-hero-mascot-shadow{position:absolute;bottom:-1px;left:37.5%;width:45px;height:6px;border-radius:50%;background:#0e203659;transform:translate(-50%)}itstock-pixel-hero .ist-hero-scene-vignette{position:absolute;inset:var(--ist-hero-room-bar) 0 0;z-index:7;box-shadow:inset 0 9px 14px #22374622}itstock-pixel-hero .ist-hero-motion-control{position:absolute;right:16px;bottom:10px;z-index:10;display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:34px;padding:6px 10px;border:2px solid #38485e;border-radius:3px;background:#edf4ff;box-shadow:2px 2px #243344;color:#38485e;font-family:var(--font-body-family, Arial, sans-serif);font-size:9px;font-weight:800;line-height:1;letter-spacing:.04em;text-transform:uppercase;cursor:pointer}itstock-pixel-hero .ist-hero-motion-control:hover{background:#dcecff}itstock-pixel-hero .ist-hero-motion-control:focus-visible{outline:3px solid #4169e1;outline-offset:3px}itstock-pixel-hero .ist-hero-pause-icon{width:8px;height:10px;border-inline:3px solid currentColor}itstock-pixel-hero[data-paused=true] .ist-hero-pause-icon{width:0;height:0;border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:8px solid currentColor}itstock-pixel-hero[data-paused=true] .ist-hero-scene *,itstock-pixel-hero[data-paused=true] .ist-hero-scene *:before,itstock-pixel-hero[data-paused=true] .ist-hero-scene *:after{animation-play-state:paused!important}@keyframes ist-hero-journey{0%{transform:translateZ(0)}to{transform:translate3d(-50%,0,0)}}@keyframes ist-hero-activity{0%,to{opacity:.8}22%{opacity:.22}39%{opacity:.65}62%{opacity:.95}81%{opacity:.4}}@keyframes ist-hero-ventilation{to{transform:rotate(360deg)}}@keyframes ist-hero-door-left{0%,22%,69%,to{transform:translate(0)}34%,57%{transform:translate(-96%)}}@keyframes ist-hero-door-right{0%,22%,69%,to{transform:translate(0)}34%,57%{transform:translate(96%)}}@keyframes ist-hero-badge{0%,22%,70%,to{opacity:.5}23%,68%{opacity:1}}@keyframes ist-hero-scan{to{transform:translateY(1100%)}}@keyframes ist-hero-lamp{0%,to{opacity:.5}50%{opacity:.9}}@keyframes ist-hero-floor{to{background-position:-54px 0,0 0}}@keyframes ist-hero-walk-clock{0%{opacity:0}to{opacity:1}}@media screen and (min-width:640px){itstock-pixel-hero .ist-hero-intro{padding-top:80px;padding-inline:24px}itstock-pixel-hero .ist-hero-title{font-size:48px}itstock-pixel-hero .ist-hero-subtitle{font-size:18px}}@media screen and (max-width:639px){itstock-pixel-hero.ist-hero{--ist-hero-room-height: 294px;--ist-hero-walk-frame-width: 72px;--ist-hero-walk-frame-height: 96px;--ist-hero-walk-foot-padding: 1.5px;--ist-hero-walk-cycle: 1.125s}itstock-pixel-hero .ist-hero-room-topline{padding-inline:12px;font-size:7px;letter-spacing:.08em}itstock-pixel-hero .ist-hero-intro{padding-bottom:calc(var(--ist-hero-room-height) + var(--ist-hero-room-bar) + 30px)}itstock-pixel-hero .ist-hero-mascot-position{left:48%}itstock-pixel-hero .ist-hero-mascot-shadow{width:34px;height:5px}itstock-pixel-hero .ist-hero-zone-label{font-size:7px}itstock-pixel-hero .ist-hero-motion-control{right:12px;min-height:32px}}@media(prefers-reduced-motion:reduce){itstock-pixel-hero .ist-hero-scene *,itstock-pixel-hero .ist-hero-scene *:before,itstock-pixel-hero .ist-hero-scene *:after{animation:none!important;will-change:auto!important}itstock-pixel-hero .ist-hero-motion-control{display:none}itstock-pixel-hero .ist-hero-led-bank i{opacity:.65;box-shadow:none}}itstock-pixel-hero div:empty{display:block}
/*# sourceMappingURL=/cdn/shop/t/17/assets/itstock-hero.css.map */