

.gpbs{
  --gpbs-p:0;
  --gpbs-ink:#1b2336;
  --gpbs-line:#d5dbe5;
  --gpbs-e:cubic-bezier(.16,1,.3,1);
  position:relative; margin:0 0 14px;
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
}
.gpbs *{box-sizing:border-box}
.gpbs__track{display:grid; touch-action:pan-y}
.gpbs__slide{grid-area:1/1; position:relative; z-index:1; opacity:0; visibility:hidden;
  transition:opacity .6s var(--gpbs-e), visibility 0s linear .6s}
.gpbs__slide.is-active{z-index:2; opacity:1; visibility:visible;
  transition:opacity .6s var(--gpbs-e), visibility 0s}
.gpbs .gpb{margin:0}
.gpbs__nav{display:none}
.gpbs.is-multi .gpbs__nav{display:flex; align-items:center; justify-content:center; gap:8px; margin-top:10px}


.gpbs__arr{
  flex:none; display:grid; place-items:center; width:32px; height:32px; padding:0; margin:0;
  border:1px solid var(--gpbs-line); border-radius:50%; background:#fff; color:var(--gpbs-ink);
  cursor:pointer; transition:border-color .2s, background .2s, transform .2s var(--gpbs-e);
}
.gpbs__arr svg{width:16px; height:16px; fill:none; stroke:currentColor; stroke-width:1.8;
  stroke-linecap:round; stroke-linejoin:round}
.gpbs__arr:hover{border-color:var(--gpbs-ink)}
.gpbs__arr:active{transform:scale(.94)}
.gpbs button:focus-visible{outline:2px solid #2f6fe0; outline-offset:2px}


.gpbs__dots{display:flex; align-items:center}
.gpbs__dot{position:relative; width:18px; height:24px; padding:0; margin:0; border:0; background:none;
  cursor:pointer; transition:width .2s}
.gpbs__dot::before,.gpbs__dot .gpbs__fill{content:""; position:absolute; left:5px; right:5px; top:8px; height:8px;
  border-radius:4px}
.gpbs__dot::before{background:#cfd6e1; transition:background .2s}
.gpbs__dot:hover::before{background:#9aa4b6}
.gpbs__dot .gpbs__fill{display:none; background:var(--gpbs-ink); transform-origin:left center;
  transform:scaleX(var(--gpbs-p))}
.gpbs__dot.is-active{width:40px}
.gpbs__dot.is-active::before{background:rgba(27,35,54,.16)}
.gpbs__dot.is-active .gpbs__fill{display:block}
.gpbs.is-manual .gpbs__dot.is-active .gpbs__fill{transform:none}


.gpbs__count{display:none}


.gpbs--count.is-multi .gpbs__nav{justify-content:space-between; gap:12px}
.gpbs--count .gpbs__dots{display:none}
.gpbs--count .gpbs__count{display:flex; flex-direction:column; align-items:center; gap:7px; flex:1 1 auto;
  font:600 13px/1 ui-monospace,"SF Mono","Cascadia Mono",Consolas,monospace; color:#8b93a5;
  font-variant-numeric:tabular-nums; letter-spacing:.04em}
.gpbs--count .gpbs__count b{font-weight:700; color:var(--gpbs-ink)}
.gpbs--count .gpbs__bar{display:block; position:relative; width:100%; max-width:150px; height:2px;
  border-radius:1px; background:#e4e9f0; overflow:hidden}
.gpbs--count .gpbs__bar .gpbs__fill{position:absolute; inset:0; background:var(--gpbs-ink);
  transform-origin:left center; transform:scaleX(var(--gpbs-p))}
.gpbs--count.is-manual .gpbs__bar{visibility:hidden}


.gpbs--seg.is-multi .gpbs__nav{display:block; margin:0}
.gpbs--seg .gpbs__dots{position:absolute; z-index:5; top:9px; left:14px; right:14px; gap:4px}
.gpbs--seg .gpbs__dot{flex:1 1 0; width:auto; height:16px}
.gpbs--seg .gpbs__dot.is-active{width:auto}
.gpbs--seg .gpbs__dot::before,.gpbs--seg .gpbs__dot .gpbs__fill{left:0; right:0; top:5px; height:2px; border-radius:1px}
.gpbs--seg .gpbs__dot::before{background:rgba(255,255,255,.26)}
.gpbs--seg .gpbs__dot.is-done::before{background:rgba(255,255,255,.75)}
.gpbs--seg .gpbs__dot.is-active::before{background:rgba(255,255,255,.26)}
.gpbs--seg .gpbs__dot .gpbs__fill{background:#fff}
.gpbs--seg[data-tone="light"] .gpbs__dot::before{background:rgba(27,35,54,.16)}
.gpbs--seg[data-tone="light"] .gpbs__dot.is-done::before{background:rgba(27,35,54,.55)}
.gpbs--seg[data-tone="light"] .gpbs__dot .gpbs__fill{background:var(--gpbs-ink)}
.gpbs--seg .gpbs__arr{position:absolute; z-index:5; bottom:12px; width:30px; height:30px; border:0;
  background:rgba(8,13,24,.52); color:#fff; -webkit-backdrop-filter:blur(6px); backdrop-filter:blur(6px)}
.gpbs--seg .gpbs__arr:hover{background:rgba(8,13,24,.78)}

.gpbs--seg .gpbs__arr--prev{left:12px}
.gpbs--seg .gpbs__arr--next{left:48px}
.gpbs--seg[data-tone="light"] .gpbs__arr{background:rgba(255,255,255,.8); color:var(--gpbs-ink);
  box-shadow:0 0 0 1px rgba(27,35,54,.12)}
.gpbs--seg[data-tone="light"] .gpbs__arr:hover{background:#fff}
.gpbs--seg .gpb--v .gpb__body{padding-top:30px}
.gpbs--seg .gpb--v.gpb--paper .gpb__foot{padding-bottom:54px}
.gpbs--seg .gpb--v.gpb--scene .gpb__foot{padding-bottom:54px}


.gpb .gpb__h,.gpb .gpb__lead,.gpb__model,.gpb__sub{display:block}


.gpb--amber{--acc:#f2b33d; --acc-l:#ffd98a}
.gpb--cyan {--acc:#4cc3ee; --acc-l:#9be3ff}
.gpb--steel{--acc:#8fb0d8; --acc-l:#cfe0f5}
.gpb--dark.gpb--amber{background:radial-gradient(90% 120% at 78% 108%, rgba(242,179,61,.15) 0%, rgba(242,179,61,0) 62%),
  linear-gradient(102deg,#141c30 0%,#101728 44%,#080d18 100%)}
.gpb--dark.gpb--cyan{background:radial-gradient(90% 120% at 78% 108%, rgba(76,195,238,.16) 0%, rgba(76,195,238,0) 62%),
  linear-gradient(102deg,#121b30 0%,#0e1628 44%,#070c18 100%)}
.gpb--dark.gpb--steel{background:radial-gradient(90% 120% at 70% 108%, rgba(143,176,216,.16) 0%, rgba(143,176,216,0) 62%),
  linear-gradient(102deg,#151c2e 0%,#111827 44%,#090d17 100%)}

.gpb--amber .gpb__spot{background:radial-gradient(50% 50% at 50% 44%,
  rgba(255,222,150,.85) 0%, rgba(240,180,80,.5) 30%, rgba(170,120,40,.18) 58%, rgba(120,80,20,0) 80%)}
.gpb--amber .gpb__spot::after{background:radial-gradient(54% 58% at 50% 42%,
  rgba(255,255,255,.9) 0%, rgba(255,232,180,.5) 32%, rgba(240,200,120,.16) 62%, rgba(240,200,120,0) 80%)}
.gpb--amber .gpb__devglow{filter:brightness(0) invert(80%) sepia(70%) saturate(700%) hue-rotate(-8deg) blur(15px)}
.gpb--amber.gpb--glow .gpb__dev{filter:drop-shadow(0 0 3px rgba(255,230,180,.55)) drop-shadow(0 0 20px rgba(242,179,61,.38)) drop-shadow(0 18px 26px rgba(0,0,0,.62))}
.gpb--amber .gpb__aura{background:radial-gradient(30% 22% at var(--devl,50%) calc(100% - var(--devb,52px) - 110px), rgba(242,179,61,.14) 0%, rgba(242,179,61,0) 72%)!important}
.gpb--amber .gpb__num{color:#fff3da}

.gpb--cyan .gpb__spot{background:radial-gradient(50% 50% at 50% 44%,
  rgba(170,235,255,.85) 0%, rgba(90,195,240,.5) 30%, rgba(40,130,190,.2) 58%, rgba(30,90,150,0) 80%)}
.gpb--cyan .gpb__spot::after{background:radial-gradient(54% 58% at 50% 42%,
  rgba(255,255,255,.92) 0%, rgba(200,240,255,.55) 32%, rgba(140,210,240,.18) 62%, rgba(140,210,240,0) 80%)}
.gpb--cyan .gpb__devglow{filter:brightness(0) invert(70%) sepia(60%) saturate(800%) hue-rotate(160deg) blur(15px)}
.gpb--cyan.gpb--glow .gpb__dev{filter:drop-shadow(0 0 3px rgba(200,240,255,.6)) drop-shadow(0 0 20px rgba(76,195,238,.42)) drop-shadow(0 18px 26px rgba(0,0,0,.62))}
.gpb--cyan .gpb__aura{background:radial-gradient(30% 22% at var(--devl,50%) calc(100% - var(--devb,52px) - 110px), rgba(76,195,238,.15) 0%, rgba(76,195,238,0) 72%)!important}
.gpb--cyan .gpb__num{color:#e6f8ff}

.gpb--steel .gpb__spot{background:radial-gradient(50% 50% at 50% 44%,
  rgba(215,228,245,.8) 0%, rgba(150,175,210,.45) 30%, rgba(90,115,150,.18) 58%, rgba(60,80,110,0) 80%)}
.gpb--steel .gpb__spot::after{background:radial-gradient(54% 58% at 50% 42%,
  rgba(255,255,255,.88) 0%, rgba(225,235,248,.5) 32%, rgba(190,205,228,.16) 62%, rgba(190,205,228,0) 80%)}
.gpb--steel .gpb__devglow{filter:brightness(0) invert(85%) sepia(10%) saturate(300%) hue-rotate(180deg) blur(15px); opacity:.7}
.gpb--steel.gpb--glow .gpb__dev{filter:drop-shadow(0 0 3px rgba(235,242,252,.5)) drop-shadow(0 0 18px rgba(170,195,230,.32)) drop-shadow(0 18px 26px rgba(0,0,0,.62))}
.gpb--steel .gpb__aura{background:radial-gradient(30% 22% at var(--devl,50%) calc(100% - var(--devb,52px) - 110px), rgba(143,176,216,.14) 0%, rgba(143,176,216,0) 72%)!important}
.gpb--steel .gpb__num{color:#f2f6fc}


.gpb--paper{
  --hair:rgba(27,35,54,.13);
  color:#1b2336;
  background:
    radial-gradient(70% 34% at 50% var(--glowy,56%), #fff 0%, rgba(255,255,255,0) 100%),
    linear-gradient(180deg,#f6f8fb 0%,#eef2f6 100%);
  box-shadow:inset 0 0 0 1px #e1e7ef;
}
.gpb--paper .gpb__grid{position:absolute; inset:0;
  background-image:radial-gradient(rgba(27,35,54,.16) .8px, transparent 1px);
  background-size:14px 14px; background-position:7px 7px;
  mask-image:radial-gradient(60% 30% at 50% var(--glowy,56%), #000 0%, transparent 100%);
  -webkit-mask-image:radial-gradient(60% 30% at 50% var(--glowy,56%), #000 0%, transparent 100%);
  opacity:.55}
.gpb--paper .gpb__body{height:100%}
.gpb--paper .gpb__eyebrow{color:#6b7488; margin-bottom:9px}
.gpb__model{display:block; margin:0; font:800 42px/.92 var(--sans); letter-spacing:-.035em; color:#1b2336;
  font-variant-numeric:tabular-nums}
.gpb__model sub{font-size:.52em; vertical-align:baseline; position:relative; top:.08em; letter-spacing:0}
.gpb__sub{display:block; margin:8px 0 0; max-width:30ch; font:400 12.5px/1.45 var(--sans); color:#5b6478}
.gpb--paper .gpb__dev{left:var(--devl,50%); right:auto; top:var(--devt,132px); bottom:auto; height:var(--devh,220px);
  translate:calc(-50% + var(--px) * -6px) calc(var(--py) * -4px);
  filter:drop-shadow(0 22px 22px rgba(27,35,54,.22)) drop-shadow(0 4px 6px rgba(27,35,54,.14))}
.gpb--paper .gpb__dev.is-fade{
  mask-image:linear-gradient(180deg,#000 0%,#000 62%,transparent 96%);
  -webkit-mask-image:linear-gradient(180deg,#000 0%,#000 62%,transparent 96%); filter:none}
.gpb--paper .gpb__floor{left:var(--devl,50%); right:auto; bottom:auto;
  top:calc(var(--devt,132px) + var(--devh,220px) - 14px); width:var(--floorwv,46%); height:22px;
  margin-left:calc(var(--floorwv,46%) / -2);
  background:radial-gradient(50% 50% at 50% 50%, rgba(27,35,54,.28) 0%, rgba(27,35,54,0) 72%)}

.gpb--paper .gpb__sheen{position:absolute; z-index:4; left:0; right:0; top:var(--devt,132px); height:var(--devh,220px);
  pointer-events:none; opacity:0;
  background:linear-gradient(105deg, transparent 38%, rgba(255,255,255,.55) 50%, transparent 62%);
  background-size:260% 100%; background-position:120% 0;
  mix-blend-mode:soft-light}
.gpb--paper.is-in .gpb__sheen{animation:gpb-sheen 1.5s cubic-bezier(.45,0,.2,1) 1.25s both}
@keyframes gpb-sheen{0%{opacity:1; background-position:120% 0} 100%{opacity:1; background-position:-30% 0}}

.gpb__foot{display:block; margin-top:auto; padding-bottom:18px}
.gpb--paper .gpb__spec{display:flex; width:100%; margin:0; padding-top:12px; border-top:1px solid var(--hair)}
.gpb--paper .gpb__spec b{color:#1b2336}
.gpb--paper .gpb__spec b em{color:#6b7488}
.gpb--paper .gpb__spec span{color:#8b93a5}
.gpb__stock{display:flex; align-items:center; gap:8px; margin:13px 0 0; font:600 12px/1.2 var(--sans); color:#1c7a45}
.gpb__stock::before{content:""; flex:none; width:7px; height:7px; border-radius:50%; background:#2aa35c;
  box-shadow:0 0 0 0 rgba(42,163,92,.45)}
.gpb.is-in .gpb__stock::before{animation:gpb-ping 2.6s ease-out infinite 1.6s}
@keyframes gpb-ping{0%{box-shadow:0 0 0 0 rgba(42,163,92,.45)} 70%,100%{box-shadow:0 0 0 7px rgba(42,163,92,0)}}
.gpb--paper .gpb__act{margin-top:12px}
.gpb--paper .gpb__btn{width:100%; justify-content:center; padding:11px 14px}
.gpb--paper:hover .gpb__btn{background:#e8541f}


.gpb--scene{
  background:
    radial-gradient(80% 50% at 50% 70%, rgba(var(--tint,76,195,238),.10) 0%, rgba(var(--tint,76,195,238),0) 70%),
    linear-gradient(180deg,#121a2c 0%,#0b1120 100%);
}
.gpb--scene .gpb__body{height:100%}
.gpb--scene .gpb__foot{padding-bottom:20px}
.gpb--scene .gpb__act{margin-top:0}
.gpb--scene .gpb__btn{width:100%; justify-content:center; padding:11px 14px}
.gpb__svg{position:absolute; z-index:2; left:0; right:0; top:var(--svgt,196px); width:100%; height:240px; overflow:visible}
.gpb__svg text{font:600 9px/1 ui-monospace,"SF Mono","Cascadia Mono",Consolas,monospace; fill:rgba(255,255,255,.5);
  letter-spacing:.02em}
.gpb__svg .ln{fill:none; stroke:rgba(255,255,255,.34); stroke-width:1.2}
.gpb__svg .lnf{fill:rgba(255,255,255,.035); stroke:rgba(255,255,255,.34); stroke-width:1.2}
.gpb__svg .dim{fill:none; stroke:rgba(255,255,255,.16); stroke-width:1; stroke-dasharray:3 4}

.gpb__svg *{transform-box:fill-box; transform-origin:center}
.gpb__svg .xp-probe{transform-box:view-box}
.gpb--scene .gpb__svg{opacity:0}
.gpb--scene.is-in .gpb__svg{animation:gpb-fade 1.2s var(--e) both .55s}
.gpb--scene:not(.is-in) .gpb__svg *{animation-play-state:paused!important}


.gpb--xp{--tint:242,179,61}
.xp-gas{fill:#c9b8ff; opacity:0}
.gpb.is-in .xp-gas{animation:xp-gas 3.2s linear infinite; animation-delay:var(--dl)}
@keyframes xp-gas{0%{opacity:0; transform:translate(0,0) scale(.6)} 15%{opacity:.75}
  100%{opacity:0; transform:translate(var(--gx),-64px) scale(1.5)}}
.xp-probe{transform-box:view-box}
.gpb.is-in .xp-probe{animation:xp-probe 7s cubic-bezier(.6,0,.3,1) infinite 1s}
@keyframes xp-probe{0%,8%{transform:translate(-46px,-34px)} 34%,70%{transform:translate(0,0)} 92%,100%{transform:translate(-46px,-34px)}}
.xp-led{opacity:.14}
.gpb.is-in .xp-led{animation:xp-led 7s linear infinite; animation-delay:calc(1s + var(--k) * .16s)}
@keyframes xp-led{0%,30%{opacity:.14} 33%,66%{opacity:1} 70%,100%{opacity:.14}}
.gpb.is-in .xp-led.hi{animation-name:xp-led-hi}
@keyframes xp-led-hi{0%,38%{opacity:.14} 41%,46%{opacity:1} 49%,52%{opacity:.35} 55%,62%{opacity:1} 66%,100%{opacity:.14}}
.xp-ring{fill:none; stroke:#ffb15a; stroke-width:1.2; opacity:0; transform-origin:center}
.gpb.is-in .xp-ring{animation:xp-ring 7s ease-out infinite; animation-delay:calc(1s + var(--k) * .35s)}
@keyframes xp-ring{0%,34%{opacity:0; transform:scale(.4)} 36%{opacity:.9} 52%,100%{opacity:0; transform:scale(2.6)}}


.gpb--at{--tint:76,195,238}
.at-p{fill:rgba(255,255,255,.42)}
.at-p.hot{fill:#aef0ff}
.gpb.is-in .at-p{animation:at-rise var(--du) linear infinite; animation-delay:var(--dl)}
@keyframes at-rise{from{transform:translateY(0)} to{transform:translateY(-150px)}}
.at-beam{stroke:#4cc3ee; stroke-width:1.4; filter:drop-shadow(0 0 4px #4cc3ee)}
.gpb.is-in .at-beam{animation:at-beam 2.4s ease-in-out infinite}
@keyframes at-beam{0%,100%{opacity:.75} 50%{opacity:1}}
.gpb__svg .at-bar{fill:rgba(76,195,238,.85); transform-origin:50% 100%}
.gpb.is-in .at-bar{animation:at-bar 4.8s cubic-bezier(.45,0,.2,1) infinite; animation-delay:var(--dl)}
@keyframes at-bar{0%,100%{transform:scaleY(var(--h0))} 50%{transform:scaleY(var(--h1))}}


.gpb--sk{--tint:255,140,70}
.sk-wave{fill:rgba(255,190,120,.16); stroke:rgba(255,200,140,.55); stroke-width:1.2}
.gpb.is-in .sk-wave{animation:sk-wave 6s linear infinite}
@keyframes sk-wave{from{transform:translateX(0)} to{transform:translateX(-40px)}}
.sk-bub{fill:none; stroke:rgba(255,215,170,.7); stroke-width:1}
.gpb.is-in .sk-bub{animation:sk-bub var(--du) ease-in infinite; animation-delay:var(--dl)}
@keyframes sk-bub{0%{opacity:0; transform:translateY(0)} 15%{opacity:1} 90%{opacity:1} 100%{opacity:0; transform:translateY(-44px)}}
.sk-drop{fill:#ffd2a0; opacity:0}
.gpb.is-in .sk-drop{animation:sk-drop var(--du) cubic-bezier(.2,.6,.4,1) infinite; animation-delay:var(--dl)}
@keyframes sk-drop{0%{opacity:0; transform:translate(0,0)} 8%{opacity:.95}
  100%{opacity:0; transform:translate(var(--dx),var(--dy))}}
.sk-mist{fill:#fff1e2; opacity:0; filter:blur(8px)}
.gpb.is-in .sk-mist{animation:sk-mist 8s ease-in-out infinite; animation-delay:var(--dl)}
@keyframes sk-mist{0%{opacity:0; transform:translate(0,10px)} 30%{opacity:.2} 75%{opacity:.1}
  100%{opacity:0; transform:translate(var(--dx),-70px)}}
.sk-ring{fill:none; stroke:#ff8c46; stroke-width:1.2; opacity:0; transform-origin:center}
.gpb.is-in .sk-ring{animation:sk-ring 4s ease-out infinite; animation-delay:var(--dl)}
@keyframes sk-ring{0%{opacity:.9; transform:scale(.5)} 60%,100%{opacity:0; transform:scale(2.3)}}
.sk-led{fill:#ff8c46}
.gpb.is-in .sk-led{animation:sk-led 4s steps(1) infinite 1s}
@keyframes sk-led{0%,50%{opacity:1} 51%,100%{opacity:.3}}


@media (max-width:860px){

  .gpb--v.gpb--paper,.gpb--v.gpb--scene{height:520px}
  .gpb--v.gpb--paper .gpb__body,.gpb--v.gpb--scene .gpb__body{padding-bottom:0}
  .gpb--paper .gpb__dev{left:var(--devl,50%)!important; bottom:auto!important; height:var(--devh,220px)!important;
    translate:-50% 0!important}
  .gpb--paper .gpb__floor{left:var(--devl,50%); bottom:auto}
  .gpb__svg{left:50%; width:300px; margin-left:-150px}
}


@media (min-width:861px) and (max-width:1080px){
  .gpbs--mid{float:right; width:300px; margin:0 0 36px 20px}
  .gpbs--mid + * ~ *{clear:both}
}


@media (prefers-reduced-motion:reduce){
  .gpbs__slide{transition:none}
  .gpb--scene .gpb__svg{opacity:1!important}
  .gpb--scene .gpb__svg *{animation:none!important}
  .xp-gas,.sk-drop{opacity:.5!important}
  .sk-mist{opacity:.12!important}
  .at-p{transform:translateY(var(--st,0px))}
  .xp-led{opacity:1!important}
  .gpb__sheen{display:none}
}
.gpb.is-static.gpb--scene .gpb__svg{opacity:1; animation:none!important}
.gpb.is-static .gpb__svg *{animation:none!important}
.gpb.is-static .xp-gas,.gpb.is-static .sk-drop{opacity:.5}
.gpb.is-static .sk-mist{opacity:.12}
.gpb.is-static .at-p{transform:translateY(var(--st,0px))}
.gpb.is-static .xp-led{opacity:1}
.gpb.is-static .gpb__sheen{display:none}
/* v8 21.10: компактный баннер на узких экранах */
@media (max-width:860px){
  .gpbs .gpb.gpb--v{height:auto!important;min-height:0}
  .gpbs .gpb.gpb--v .gpb__body{min-height:164px;padding:14px 38% 14px 16px!important;max-width:none;
    justify-content:center;gap:0}
  .gpbs .gpb.gpb--v .gpb__lead,.gpbs .gpb.gpb--v .gpb__spec,.gpbs .gpb.gpb--v .gpb__read,
  .gpbs .gpb.gpb--v .gpb__plot,.gpbs .gpb.gpb--v .gpb__sub,.gpbs .gpb.gpb--v .gpb__stock,
  .gpbs .gpb.gpb--v .gpb__floor,.gpbs .gpb.gpb--v .gpb__spot,.gpbs .gpb.gpb--v .gpb__sheen,
  .gpbs .gpb.gpb--v .gpb__devglow{display:none!important}
  .gpbs .gpb.gpb--v .gpb__eyebrow{font-size:10px;line-height:1.35;letter-spacing:.08em;margin-bottom:6px}
  .gpbs .gpb--paper.gpb--v .gpb__eyebrow{color:#59627a}   
  .gpbs .gpb.gpb--v .gpb__h{font-size:16px;line-height:1.2}
  .gpbs .gpb.gpb--v .gpb__model{font-size:28px;line-height:1.05}
  .gpbs .gpb.gpb--v .gpb__foot{padding:0!important;margin:0}
  .gpbs .gpb.gpb--v .gpb__act{margin-top:12px}
  .gpbs .gpb.gpb--v .gpb__btn{width:auto;padding:9px 14px;font-size:13px;white-space:nowrap}
  .gpbs .gpb.gpb--v .gpb__dev{left:auto!important;right:10px!important;bottom:auto!important;top:50%!important;
    height:128px!important;max-width:34%;object-fit:contain;translate:0 -50%!important}
  .gpbs .gpb.gpb--v .gpb__svg{left:auto!important;right:0;width:36%!important;margin:0!important;
    top:0!important;height:100%;overflow:hidden}
  
  .gpbs .gpb.gpb--v .gpb__svg text{display:none}
}

@media (min-width:561px) and (max-width:860px){
  .gpbs .gpb.gpb--v .gpb__body{padding:16px 34% 16px 28px!important}
  .gpbs .gpb.gpb--v .gpb__h{font-size:19px;line-height:1.25}
  .gpbs .gpb.gpb--v .gpb__h .ln{display:inline-block;vertical-align:top}
  .gpbs .gpb.gpb--v .gpb__h .ln + .ln{margin-left:.28em}
  .gpbs .gpb.gpb--v .gpb__model{font-size:34px}
  .gpbs .gpb--paper.gpb--v .gpb__sub{display:block!important;margin:3px 0 0;font-size:13.5px;line-height:1.35;color:#4a5368;max-width:none}
  .gpbs .gpb--paper.gpb--v .gpb__act{margin-top:10px}
  .gpbs .gpb.gpb--v .gpb__dev{right:8%!important;height:140px!important}
  .gpbs .gpb.gpb--v .gpb__svg{right:4%;width:32%!important}
}

@media (max-width:360px){
  .gpbs .gpb.gpb--v .gpb__body{padding-right:34%!important}
  .gpbs .gpb.gpb--v .gpb__h{font-size:15px}
  .gpbs .gpb.gpb--v .gpb__model{font-size:26px}
  .gpbs .gpb.gpb--v .gpb__dev{max-width:31%}
}

@media (max-width:860px){.gpbs a.gpb:focus-visible{outline:3px solid #2f6fe0;outline-offset:-3px}}
