.gs-sys{--gs-blue: #2088c9;--gs-ink: #071e27;--gs-muted: #5a6b74;--gs-line: #dee2e6;max-width:1180px;margin-inline:auto;padding:clamp(30px,5vw,60px) clamp(16px,5vw,48px) clamp(48px,7vw,88px);color:var(--gs-ink)}.gs-sys__head{margin:0 0 6px;font-size:clamp(1.6rem,3.4vw,2.4rem)}.gs-sys__lede{max-width:66ch;margin:0 0 clamp(24px,3.6vw,38px);color:var(--gs-muted);font-size:.9375rem;line-height:1.7}.gs-sys__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(16px,2.2vw,24px);margin:0;padding:0;list-style:none}.gs-sys__tile{display:flex;flex-direction:column;width:100%;padding:0;border:1px solid var(--gs-line);border-radius:18px;background:#fff;color:inherit;text-align:left;cursor:pointer;overflow:hidden;transition:border-color .2s ease,box-shadow .26s ease,translate .26s cubic-bezier(.16,1,.3,1)}.gs-sys__tile:hover{border-color:var(--gs-blue);translate:0 -3px;box-shadow:0 18px 38px #071e271f}.gs-sys__tile[aria-expanded=true]{border-color:var(--gs-blue);box-shadow:0 0 0 2px #2088c938}.gs-sys__tile:focus-visible{outline:2px solid var(--gs-blue);outline-offset:2px}.gs-fan{position:relative;display:block;aspect-ratio:16 / 10;background:linear-gradient(160deg,#e8f1f7,#cfdfea);overflow:hidden}.gs-fan__card{position:absolute;top:50%;left:50%;width:68%;aspect-ratio:16 / 9;display:grid;place-items:center;border-radius:12px;background:linear-gradient(150deg,#1d6fa5,#0b2634);box-shadow:0 6px 18px #071e2742;overflow:hidden;transform:translate(-50%,-50%) translate(var(--x, 0),var(--y, 0)) rotate(var(--r, 0deg)) scale(var(--s, 1));transition:transform .52s cubic-bezier(.16,1,.3,1),box-shadow .32s ease}.gs-fan__card img{width:100%;height:100%;object-fit:cover}.gs-fan__name{padding:6px;color:#ffffffeb;font-size:.7rem;font-weight:700;letter-spacing:.06em;text-align:center;text-transform:uppercase;line-height:1.25}.gs-fan__card:nth-child(1){--x: 0;--y: 0;--r: 0deg;--s: 1;z-index:4}.gs-fan__card:nth-child(2){--x: -5%;--y: -5%;--r: -5deg;--s: .97;z-index:3}.gs-fan__card:nth-child(3){--x: 5%;--y: -5%;--r: 5deg;--s: .97;z-index:2}.gs-fan__card:nth-child(4){--x: 0;--y: -11%;--r: 0deg;--s: .94;z-index:1}.gs-sys__tile:hover .gs-fan__card:nth-child(1),.gs-sys__tile[aria-expanded=true] .gs-fan__card:nth-child(1){--y: 6%}.gs-sys__tile:hover .gs-fan__card:nth-child(2),.gs-sys__tile[aria-expanded=true] .gs-fan__card:nth-child(2){--x: -19%;--y: -5%;--r: -10deg;--s: .9}.gs-sys__tile:hover .gs-fan__card:nth-child(3),.gs-sys__tile[aria-expanded=true] .gs-fan__card:nth-child(3){--x: 19%;--y: -5%;--r: 10deg;--s: .9}.gs-sys__tile:hover .gs-fan__card:nth-child(4),.gs-sys__tile[aria-expanded=true] .gs-fan__card:nth-child(4){--y: -18%;--s: .88}.gs-sys__tile:hover .gs-fan__card{box-shadow:0 12px 26px #071e2752}.gs-fan:has(>.gs-fan__card:only-child) .gs-fan__card{width:82%}@media(prefers-reduced-motion:reduce){.gs-fan__card{transition:none}}.gs-sys__tilebody{display:flex;align-items:flex-start;gap:12px;padding:16px 18px 18px}.gs-sys__tiletext{flex:1 1 auto;min-width:0}.gs-sys__tilename{display:block;font-size:1.0625rem;font-weight:600;line-height:1.3}.gs-sys__tilecount{display:block;margin-top:4px;font-size:.85rem;color:var(--gs-muted)}.gs-sys__chev{flex:0 0 auto;display:grid;place-items:center;width:32px;height:32px;border-radius:10px;background:#eef6fb;color:var(--gs-blue)}.gs-sys__chev svg{width:13px;height:8px;transition:rotate .26s cubic-bezier(.16,1,.3,1)}.gs-sys__tile[aria-expanded=true] .gs-sys__chev{background:var(--gs-blue);color:#fff}.gs-sys__tile[aria-expanded=true] .gs-sys__chev svg{rotate:180deg}.gs-sys__panel{grid-column:1 / -1;margin:6px 0 10px;padding:clamp(20px,2.8vw,28px);border:1px solid rgb(32 136 201 / 35%);border-radius:18px;background:#f6fafd}.gs-sys__panel[hidden]{display:none}@media(prefers-reduced-motion:no-preference){.gs-sys__panel{animation:gs-sys-open .34s cubic-bezier(.16,1,.3,1)}@keyframes gs-sys-open{0%{opacity:0;translate:0 -8px}to{opacity:1;translate:none}}}.gs-sys__panelhead{display:flex;flex-wrap:wrap;align-items:baseline;gap:10px;margin:0 0 18px}.gs-sys__panelhead h2{margin:0;font-size:clamp(1.15rem,2.2vw,1.45rem)}.gs-sys__panelhead p{margin:0;flex:1 1 260px;color:var(--gs-muted);font-size:.875rem}.gs-sys__close{margin-left:auto;border:0;background:none;color:var(--gs-blue);font:inherit;font-size:.875rem;font-weight:600;cursor:pointer}.gs-sys__list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:0;padding:0;list-style:none}.gs-sys__listitem{display:flex}.gs-card{display:flex;flex-direction:column;width:100%;height:100%;border:1px solid var(--gs-line);border-radius:14px;background:#fff;overflow:hidden}.gs-card__play{position:relative;display:block;width:100%;padding:0;border:0;aspect-ratio:16 / 9;background:linear-gradient(150deg,#1d6fa5,#0b2634);cursor:pointer;overflow:hidden}.gs-card__play img{width:100%;height:100%;object-fit:cover;transition:scale .52s cubic-bezier(.16,1,.3,1)}.gs-card__play:hover img{scale:1.06}.gs-card__play:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#071e272e;transition:background-color .22s ease}.gs-card__play:hover:after{background:#071e270a}.gs-card__ico{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;display:grid;place-items:center}.gs-card__ico span{display:grid;place-items:center;width:52px;height:52px;border-radius:50%;background:#ffffffeb;color:var(--gs-blue);box-shadow:0 8px 22px #071e274d;transition:scale .24s cubic-bezier(.34,1.56,.64,1)}.gs-card__ico svg{width:18px;height:20px;margin-left:3px}.gs-card__play:hover .gs-card__ico span{scale:1.12}.gs-card__play:focus-visible{outline:2px solid var(--gs-blue);outline-offset:-3px}.gs-card__body{display:flex;flex-direction:column;gap:4px;padding:14px 16px 16px}.gs-card__name{font-size:.975rem;font-weight:700;line-height:1.3}.gs-card__sub{font-size:.8375rem;line-height:1.5;color:var(--gs-muted)}.gs-card__tag{align-self:flex-start;margin-top:6px;padding:3px 9px;border-radius:999px;font-size:.6875rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.gs-card__tag--dev{background:#fff4e0;color:#8a5a00}.gs-card__tag--soon{background:#eef1f3;color:#5a6b74}.gs-card__tag--3d{background:#eaf4fb;color:#1a6fa3}.gs-card__more{margin-top:auto;padding-top:10px;border:0;background:none;color:var(--gs-blue);font:inherit;font-size:.8375rem;font-weight:600;text-align:left;text-decoration:none;cursor:pointer}.gs-card__more:hover{text-decoration:underline}.gs-vid[hidden]{display:none}.gs-vid{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:grid;place-items:center;padding:clamp(12px,3vw,36px)}.gs-vid__back{position:absolute;top:0;right:0;bottom:0;left:0;background:#041016c7;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.gs-vid__card{position:relative;width:min(1040px,100%);border-radius:16px;background:#06131a;box-shadow:0 40px 90px #00000085;overflow:hidden}@media(prefers-reduced-motion:no-preference){.gs-vid__card{animation:gs-vid-in .32s cubic-bezier(.16,1,.3,1)}@keyframes gs-vid-in{0%{opacity:0;translate:0 16px;scale:.97}to{opacity:1;translate:none;scale:1}}}.gs-vid__card video{display:block;width:100%;max-height:74vh;background:#000}.gs-vid__bar{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;padding:13px 16px 15px}.gs-vid__name{flex:1 1 200px;min-width:0;color:#fff;font-size:.95rem;font-weight:600}.gs-vid__name small{display:block;margin-top:2px;font-size:.8125rem;font-weight:400;color:#ffffffa8}.gs-vid__cta{padding:9px 16px;border:0;border-radius:999px;background:var(--gs-blue, #2088c9);color:#fff;font:inherit;font-size:.8125rem;font-weight:700;text-decoration:none;cursor:pointer}.gs-vid__cta:hover{background:#1a6fa3}.gs-vid__x{position:absolute;top:10px;right:10px;z-index:2;display:grid;place-items:center;width:36px;height:36px;border:0;border-radius:50%;background:#06131ab8;color:#fff;cursor:pointer}.gs-vid__x svg{width:13px;height:13px}.gs-vid__x:hover{background:#06131aeb}.gs-vid__none{padding:40px 24px;color:#ffffffc2;font-size:.9375rem;text-align:center}@media(max-width:989px){.gs-sys__grid,.gs-sys__list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:749px){.gs-sys__grid{gap:12px}.gs-sys__list{gap:10px}.gs-sys__tilebody{padding:12px 13px 14px}.gs-sys__tilename{font-size:.9375rem}.gs-sys__tilecount{font-size:.8125rem}.gs-card__ico span{width:44px;height:44px}}
/*# sourceMappingURL=/cdn/shop/t/23/assets/gs-systems.css.map */