.g-l3d{--W: 72cqi;--D: 48cqi;--T: 2.4cqi;--H: 46cqi;--L: 1.2cqi;--open: 112deg;--alu-hi: #b9bdc2;--alu: #92969c;--alu-lo: #6b6f75;--alu-edge: #4f5257;--alu-dark: #34373a;position:relative;container-type:inline-size;width:100%;aspect-ratio:1 / .9;cursor:grab;touch-action:pan-y;user-select:none;-webkit-user-select:none}.g-l3d.is-dragging{cursor:grabbing}.g-l3d__glow{position:absolute;top:6%;right:4%;bottom:14%;left:4%;background:radial-gradient(46% 50% at 28% 52%,rgba(255,106,0,.34),rgba(255,106,0,.12) 45%,transparent 75%),radial-gradient(42% 46% at 74% 44%,rgba(57,255,20,.2),rgba(57,255,20,.07) 45%,transparent 75%);pointer-events:none}.g-l3d__floor{position:absolute;left:14%;right:14%;bottom:5%;height:9%;border-radius:50%;background:radial-gradient(closest-side,rgba(0,0,0,.85),rgba(0,0,0,.4) 55%,transparent);pointer-events:none}.g-l3d__scene{position:absolute;top:0;right:0;bottom:0;left:0;perspective:240cqi;perspective-origin:50% 30%}.g-l3d__rig,.g-l3d__spin{position:absolute;top:0;right:0;bottom:0;left:0;transform-style:preserve-3d}.g-l3d__rig{transform:rotateX(-17deg) rotateY(var(--g-drag, 0deg))}.g-l3d__spin{transform:rotateY(-28deg);will-change:transform}.g-l3d__laptop{position:absolute;left:50%;top:66%;width:0;height:0;transform-style:preserve-3d;transform:rotateX(90deg)}.g-l3d__base,.g-l3d__hinge,.g-l3d__lid{position:absolute;left:0;top:0;width:0;height:0;transform-style:preserve-3d}.g-l3d__face{position:absolute;left:0;top:0;backface-visibility:hidden;-webkit-backface-visibility:hidden}.g-l3d__base-top,.g-l3d__base-bottom{width:var(--W);height:var(--D);margin:calc(var(--D) / -2) 0 0 calc(var(--W) / -2);border-radius:1.6cqi}.g-l3d__base-top{transform:translateZ(calc(var(--T) / 2))}.g-l3d__deck{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:linear-gradient(180deg,rgba(255,255,255,.18),transparent 30%),linear-gradient(180deg,var(--alu-hi),var(--alu) 55%,var(--alu-lo));box-shadow:inset 0 0 0 .12cqi #ffffff40}.g-l3d__board{width:calc(var(--W) * .94);height:calc(var(--D) * .9);margin:calc(var(--D) * -.45) 0 0 calc(var(--W) * -.47);transform:translateZ(.1cqi)}.g-l3d-pcb{display:block;width:100%;height:100%}.g-l3d-pcb__trace,.g-l3d-pcb__glow{stroke-dasharray:1 1}.g-l3d-pcb__trace--orange,.g-l3d-pcb__glow--orange{stroke-dashoffset:-1}.g-l3d-pcb__trace--green,.g-l3d-pcb__glow--green{stroke-dashoffset:1}.g-l3d__base-bottom{transform:rotateY(180deg) translateZ(calc(var(--T) / 2));background:linear-gradient(180deg,var(--alu-lo),var(--alu-dark))}.g-l3d__base-front,.g-l3d__base-back{width:var(--W);height:var(--T);margin:calc(var(--T) / -2) 0 0 calc(var(--W) / -2);border-radius:.8cqi}.g-l3d__base-front{transform:rotateX(-90deg) translateZ(calc(var(--D) / 2));background:linear-gradient(180deg,var(--alu),var(--alu-edge))}.g-l3d__base-back{transform:rotateX(90deg) translateZ(calc(var(--D) / 2));background:linear-gradient(180deg,var(--alu-edge),var(--alu-dark))}.g-l3d__base-left,.g-l3d__base-right{width:var(--T);height:var(--D);margin:calc(var(--D) / -2) 0 0 calc(var(--T) / -2);background:linear-gradient(90deg,var(--alu-edge),var(--alu-lo))}.g-l3d__base-right{transform:rotateY(90deg) translateZ(calc(var(--W) / 2))}.g-l3d__base-left{transform:rotateY(-90deg) translateZ(calc(var(--W) / 2))}.g-l3d__notch{position:absolute;left:42%;right:42%;top:0;height:45%;border-radius:0 0 1cqi 1cqi;background:#00000059}.g-l3d__keys{position:absolute;left:8.5%;right:8.5%;top:11%;height:44%;border-radius:.6cqi;background-color:#222427;background-image:linear-gradient(90deg,transparent 86%,#0c0d0e 86%),linear-gradient(180deg,transparent 80%,#0c0d0e 80%);background-size:calc(100% / 14) 100%,100% calc(100% / 6);box-shadow:0 0 0 .35cqi #0c0d0e,0 0 2.4cqi #ff6a001f}.g-l3d__pad{position:absolute;left:32%;right:32%;top:62%;bottom:7%;border-radius:.9cqi;background:linear-gradient(180deg,#9da1a6,#868a90);box-shadow:inset 0 0 0 .12cqi #00000038,inset 0 .2cqi .4cqi #fff3}.g-l3d__hinge{transform:translate3d(0,calc(var(--D) / -2),calc(var(--T) / 2)) rotateX(var(--open))}.g-l3d__lid{transform:translate3d(0,calc(var(--H) / 2),calc(var(--L) / 2))}.g-l3d__lid-screen,.g-l3d__lid-back{width:var(--W);height:var(--H);margin:calc(var(--H) / -2) 0 0 calc(var(--W) / -2);border-radius:1.6cqi}.g-l3d__lid-back{transform:translateZ(calc(var(--L) / 2));background:linear-gradient(90deg,rgba(255,106,0,.22),transparent 28%,transparent 72%,rgba(77,255,0,.16)),radial-gradient(120% 90% at 30% 15%,var(--alu-hi),var(--alu) 55%,var(--alu-lo));box-shadow:inset 0 0 0 .12cqi #fff3}.g-l3d__lid-mark{position:absolute;left:50%;top:50%;width:22%;aspect-ratio:1;translate:-50% -50%;rotate:180deg;background:url(247gadgets-logo-240.webp) center / contain no-repeat;opacity:.9;opacity:.85}.g-l3d__lid-screen{transform:rotateX(180deg) translateZ(calc(var(--L) / 2));background:#050606;box-shadow:inset 0 0 0 .12cqi #ffffff14}.g-l3d__display{position:absolute;top:4.5%;right:3.2%;bottom:8%;left:3.2%;overflow:hidden;display:grid;place-items:center;border-radius:.4cqi;background:radial-gradient(90% 80% at 10% 105%,rgba(255,106,0,.95),rgba(217,79,0,.35) 45%,transparent 70%),radial-gradient(70% 70% at 100% 0%,rgba(57,255,20,.55),transparent 65%),linear-gradient(160deg,#101312,#1a1e1b 60%,#0b0d0c)}.g-l3d__display:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(115deg,rgba(255,255,255,.14),transparent 38%);pointer-events:none}.g-l3d__logo{width:36%;height:auto}.g-l3d__lid-top,.g-l3d__lid-bottom{width:var(--W);height:var(--L);margin:calc(var(--L) / -2) 0 0 calc(var(--W) / -2);background:var(--alu-edge)}.g-l3d__lid-top{transform:rotateX(-90deg) translateZ(calc(var(--H) / 2));background:linear-gradient(90deg,var(--alu-lo),var(--alu),var(--alu-lo))}.g-l3d__lid-bottom{transform:rotateX(90deg) translateZ(calc(var(--H) / 2));background:var(--alu-dark)}.g-l3d__lid-left,.g-l3d__lid-right{width:var(--L);height:var(--H);margin:calc(var(--H) / -2) 0 0 calc(var(--L) / -2);background:linear-gradient(180deg,var(--alu),var(--alu-edge))}.g-l3d__lid-right{transform:rotateY(90deg) translateZ(calc(var(--W) / 2))}.g-l3d__lid-left{transform:rotateY(-90deg) translateZ(calc(var(--W) / 2))}.g-l3d__hint{position:absolute;left:50%;bottom:1%;translate:-50% 0;padding:.4rem 1.2rem;border:.1rem solid rgba(255,255,255,.12);border-radius:99rem;background:#0d0f0eb3;color:var(--g-text-secondary, #b8bdb9);font-size:1.2rem;letter-spacing:.04em;opacity:0;transition:opacity .3s ease;pointer-events:none}@media(hover:hover){.g-l3d:hover .g-l3d__hint{opacity:1}.g-l3d.is-dragging .g-l3d__hint{opacity:0}}.g-l3d__base-top{transform-style:preserve-3d}.g-l3d__keys,.g-l3d__pad{backface-visibility:hidden;-webkit-backface-visibility:hidden}.g-l3d__base-front:after,.g-l3d__base-left:after,.g-l3d__base-right:after,.g-l3d__lid-top:after,.g-l3d__lid-left:after,.g-l3d__lid-right:after,.g-l3d__lid-back:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:linear-gradient(90deg,#ffffff26,#fff 50%,#ffffff26);opacity:0;pointer-events:none}.g-l3d__lid-back:after{background:linear-gradient(115deg,transparent 30%,rgba(255,255,255,.55) 50%,transparent 70%)}.g-l3d__display:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;background:#030303;opacity:0;pointer-events:none}@keyframes g-l3d-spin-loop{0%{transform:rotateY(-28deg)}to{transform:rotateY(332deg)}}@keyframes g-l3d-hinge{0%,4%{transform:translate3d(0,calc(var(--D) / -2),calc(var(--T) / 2)) rotateX(var(--open));animation-timing-function:cubic-bezier(.22,1,.36,1)}12%,30%{transform:translate3d(0,calc(var(--D) / -2 - 9cqi),calc(var(--T) / 2 + 7cqi)) rotateX(calc(var(--open) + 8deg));animation-timing-function:cubic-bezier(.7,0,.84,.3)}37%,40%{transform:translate3d(0,calc(var(--D) / -2),calc(var(--T) / 2)) rotateX(var(--open));animation-timing-function:cubic-bezier(.55,0,.9,.45)}46%{transform:translate3d(0,calc(var(--D) / -2),calc(var(--T) / 2)) rotateX(0);animation-timing-function:cubic-bezier(.2,.8,.3,1)}47.4%{transform:translate3d(0,calc(var(--D) / -2),calc(var(--T) / 2)) rotateX(5deg);animation-timing-function:cubic-bezier(.6,0,.8,.4)}48.6%,72%{transform:translate3d(0,calc(var(--D) / -2),calc(var(--T) / 2)) rotateX(0);animation-timing-function:cubic-bezier(.45,0,.2,1)}86%,to{transform:translate3d(0,calc(var(--D) / -2),calc(var(--T) / 2)) rotateX(var(--open))}}@keyframes g-l3d-keys{0%,4%{transform:translateZ(0);animation-timing-function:cubic-bezier(.22,1,.36,1)}12%,30%{transform:translateZ(10cqi);animation-timing-function:cubic-bezier(.7,0,.84,.3)}37%,to{transform:translateZ(0)}}@keyframes g-l3d-pad{0%,5%{transform:translateZ(0);opacity:1;animation-timing-function:cubic-bezier(.22,1,.36,1)}13%{transform:translateZ(6.5cqi);opacity:.14}30%{transform:translateZ(6.5cqi);opacity:.14;animation-timing-function:cubic-bezier(.7,0,.84,.3)}36.5%,to{transform:translateZ(0);opacity:1}}@keyframes g-l3d-plate{0%,4%{transform:rotateY(180deg) translateZ(calc(var(--T) / 2));animation-timing-function:cubic-bezier(.22,1,.36,1)}12%,30%{transform:rotateY(180deg) translateZ(calc(var(--T) / 2 + 8cqi));animation-timing-function:cubic-bezier(.7,0,.84,.3)}37%,to{transform:rotateY(180deg) translateZ(calc(var(--T) / 2))}}@keyframes g-l3d-flash{0%,45.6%{opacity:0}46.6%{opacity:.95}52%,to{opacity:0}}@keyframes g-l3d-screen-off{0%,39%{opacity:0}46%{opacity:1}74%{opacity:1}86%,to{opacity:0}}@keyframes g-l3d-neon{0%,39%{opacity:1}47%{opacity:.18}74%{opacity:.18}86%,to{opacity:1}}@keyframes g-l3d-deck{0%,9%{opacity:1}14%,31%{opacity:.1}36%,to{opacity:1}}@keyframes g-l3d-flow-in{0%,13%{stroke-dashoffset:-1;opacity:1;animation-timing-function:cubic-bezier(.4,0,.6,1)}20%,30%{stroke-dashoffset:0;opacity:1}34%,to{stroke-dashoffset:0;opacity:0}}@keyframes g-l3d-flow-out{0%,21%{stroke-dashoffset:1;opacity:1;animation-timing-function:cubic-bezier(.3,0,.5,1)}28%,30%{stroke-dashoffset:0;opacity:1}34%,to{stroke-dashoffset:0;opacity:0}}@keyframes g-l3d-chip{0%,18%{opacity:0;fill:#ff6a00}20%{opacity:.95;fill:#ff6a00}22.5%{opacity:.75;fill:#39ff14}30%{opacity:.7;fill:#39ff14}34%,to{opacity:0;fill:#39ff14}}@media(prefers-reduced-motion:no-preference){.g-l3d.is-live{--g-loop: 18s}.g-l3d.is-live .g-l3d__deck{animation:g-l3d-deck var(--g-loop) ease-in-out infinite}.g-l3d.is-live .g-l3d-pcb__trace--orange,.g-l3d.is-live .g-l3d-pcb__glow--orange{animation:g-l3d-flow-in var(--g-loop) infinite}.g-l3d.is-live .g-l3d-pcb__trace--green,.g-l3d.is-live .g-l3d-pcb__glow--green{animation:g-l3d-flow-out var(--g-loop) infinite}.g-l3d.is-live .g-l3d-pcb__chip-glow{animation:g-l3d-chip var(--g-loop) linear infinite}.g-l3d.is-live .g-l3d__spin{animation:g-l3d-spin-loop var(--g-loop) linear infinite}.g-l3d.is-live .g-l3d__hinge{animation:g-l3d-hinge var(--g-loop) infinite}.g-l3d.is-live .g-l3d__keys{animation:g-l3d-keys var(--g-loop) infinite}.g-l3d.is-live .g-l3d__pad{animation:g-l3d-pad var(--g-loop) infinite}.g-l3d.is-live .g-l3d__base-bottom{animation:g-l3d-plate var(--g-loop) infinite}.g-l3d.is-live .g-l3d__display:before{animation:g-l3d-screen-off var(--g-loop) linear infinite}.g-l3d.is-live .g-l3d__glow{animation:g-l3d-neon var(--g-loop) linear infinite}.g-l3d.is-live .g-l3d__base-front:after,.g-l3d.is-live .g-l3d__base-left:after,.g-l3d.is-live .g-l3d__base-right:after,.g-l3d.is-live .g-l3d__lid-top:after,.g-l3d.is-live .g-l3d__lid-left:after,.g-l3d.is-live .g-l3d__lid-right:after,.g-l3d.is-live .g-l3d__lid-back:after{animation:g-l3d-flash var(--g-loop) ease-out infinite}.g-l3d.is-dragging *,.g-l3d.is-dragging *:before,.g-l3d.is-dragging *:after,.g-l3d.is-offscreen *,.g-l3d.is-offscreen *:before,.g-l3d.is-offscreen *:after{animation-play-state:paused!important}}@media screen and (max-width:749px){.g-l3d{--W: 60cqi;--D: 40cqi;--H: 38cqi}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/v2-laptop3d.css.map */