html,body{overflow-x:clip}body{min-width:0}.tae-game-zone{position:relative;isolation:isolate;overflow:hidden;padding-block:var(--brand-space-2xl);background-color:var(--brand-game-paper);background-image:linear-gradient(to right,color-mix(in oklch,var(--brand-game-rule) 38%,transparent) var(--brand-rule),transparent var(--brand-rule)),linear-gradient(to bottom,color-mix(in oklch,var(--brand-game-rule) 30%,transparent) var(--brand-rule),transparent var(--brand-rule));background-size:52px 52px;color:var(--brand-game-ink);font-family:var(--brand-font-body)}.tae-game-zone *,.tae-game-zone *:before,.tae-game-zone *:after{box-sizing:border-box}.tae-game-zone__inner{display:grid;width:min(100% - 24px,1280px);margin-inline:auto;gap:var(--brand-space-lg)}.tae-game-zone__copy,.tae-game-zone__stage{min-width:0}.tae-game-zone__copy{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:var(--brand-space-lg);border:var(--brand-rule) solid var(--brand-game-rule);border-radius:var(--brand-radius);background:var(--brand-game-surface)}.tae-game-zone__signal{display:inline-flex;min-height:28px;margin:0 0 var(--brand-space-md);padding-inline:var(--brand-space-sm);border:var(--brand-rule) solid var(--brand-game-accent);border-radius:var(--brand-radius-sm);align-items:center;color:var(--brand-game-accent);font-size:11px;font-weight:850;letter-spacing:.12em;line-height:1;text-transform:uppercase}.tae-game-zone__title{max-width:660px;min-width:0;margin:0;color:var(--brand-game-ink);font-family:var(--brand-font-display);font-size:clamp(42px,12vw,66px);font-weight:900;letter-spacing:-.045em;line-height:1.02;overflow-wrap:anywhere;text-transform:uppercase}.tae-game-zone__title span{display:block;color:var(--brand-game-blue)}.tae-game-zone__lede{max-width:58ch;margin:var(--brand-space-lg) 0 0;color:var(--brand-game-muted);font-size:16px;line-height:1.62}.tae-game-zone__actions{display:flex;width:100%;margin-top:var(--brand-space-lg);gap:var(--brand-space-xs);flex-wrap:wrap}.tae-game-action{display:inline-flex;min-height:48px;padding:var(--brand-space-sm) var(--brand-space-md);border:var(--brand-rule) solid var(--brand-game-ink);border-radius:var(--brand-radius-sm);align-items:center;justify-content:center;background:var(--brand-game-ink);color:var(--brand-game-paper);font-size:13px;font-weight:850;line-height:1;text-decoration:none;white-space:nowrap;transition:transform var(--brand-duration-fast) var(--brand-ease-out),background-color var(--brand-duration-fast) var(--brand-ease-out),color var(--brand-duration-fast) var(--brand-ease-out)}.tae-game-action--quiet{border-color:var(--brand-game-rule-strong);background:transparent;color:var(--brand-game-ink)}.tae-game-action:focus-visible,.tae-game-zone__gear:focus-visible,.tae-game-zone__product:focus-visible,.tae-game-zone__brand:focus-visible{outline:3px solid var(--brand-game-focus);outline-offset:3px}.tae-game-action:active{transform:translateY(1px)}.tae-game-action[aria-disabled=true],.tae-game-zone__gear[aria-disabled=true]{cursor:not-allowed;opacity:.48;pointer-events:none}.tae-game-zone__stage{display:grid;grid-template-columns:minmax(0,1.18fr) minmax(0,.82fr);grid-template-rows:minmax(210px,1fr) minmax(154px,.72fr);gap:var(--brand-space-sm)}.tae-game-zone__product{position:relative;display:flex;min-width:0;overflow:hidden;border:var(--brand-rule) solid var(--brand-game-rule);border-radius:var(--brand-radius);align-items:center;justify-content:center;background:var(--brand-game-surface);color:var(--brand-game-ink);text-decoration:none}.tae-game-zone__product--lead{grid-row:1 / 3}.tae-game-zone__product img,.tae-game-zone__product svg{width:82%;height:76%;object-fit:contain;transition:transform var(--brand-duration-base) var(--brand-ease-out)}.tae-game-zone__product-label{position:absolute;inset:auto var(--brand-space-sm) var(--brand-space-sm);display:grid;min-width:0;padding:var(--brand-space-sm);border:var(--brand-rule) solid var(--brand-game-rule);border-radius:var(--brand-radius-sm);background:var(--brand-game-overlay);gap:var(--brand-space-2xs)}.tae-game-zone__product-label strong,.tae-game-zone__product-label span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tae-game-zone__product-label strong{font-size:12px;font-weight:850}.tae-game-zone__product-label span{color:var(--brand-game-muted);font-size:11px}.tae-game-zone__rail{display:grid;gap:var(--brand-space-sm)}.tae-game-zone__gear-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border:var(--brand-rule) solid var(--brand-game-rule);border-radius:var(--brand-radius);overflow:hidden;background:var(--brand-game-surface)}.tae-game-zone__gear{display:flex;min-width:0;min-height:54px;padding-inline:var(--brand-space-md);border-bottom:var(--brand-rule) solid var(--brand-game-rule);align-items:center;justify-content:space-between;color:var(--brand-game-ink);font-size:13px;font-weight:800;text-decoration:none;white-space:nowrap}.tae-game-zone__gear:nth-child(odd){border-inline-end:var(--brand-rule) solid var(--brand-game-rule)}.tae-game-zone__gear:nth-last-child(-n+2){border-bottom:0}.tae-game-zone__gear:after{color:var(--brand-game-accent);content:"\2197";font-size:13px}.tae-game-zone__brands{display:grid;grid-template-columns:minmax(0,1.18fr) minmax(0,.82fr);gap:var(--brand-space-sm)}.tae-game-zone__brand{display:grid;min-width:0;min-height:112px;padding:var(--brand-space-md);border:var(--brand-rule) solid var(--brand-game-rule);border-radius:var(--brand-radius);background:var(--brand-game-surface);color:var(--brand-game-ink);text-decoration:none}.tae-game-zone__brand strong{align-self:end;font-family:var(--brand-font-display);font-size:clamp(22px,7vw,34px);font-weight:900;letter-spacing:-.03em;line-height:1;text-transform:uppercase}.tae-game-zone__brand span{margin-top:var(--brand-space-xs);color:var(--brand-game-muted);font-size:12px;line-height:1.45}.tae-coll.tae-coll--attack-shark{background:var(--brand-paper)}.tae-coll.tae-coll--attack-shark .tae-category-guide{border-color:var(--brand-game-rule);background:var(--brand-game-paper);color:var(--brand-game-ink)}.tae-coll.tae-coll--attack-shark .tae-category-guide-card{border-color:var(--brand-game-rule)}.tae-coll.tae-coll--attack-shark .tae-category-guide-kicker{color:var(--brand-game-accent)}.tae-coll.tae-coll--attack-shark .tae-category-guide-card p{color:var(--brand-game-muted)}.tae-coll.tae-coll--attack-shark .tae-prod-card:hover{border-color:var(--brand-game-blue)}.tae-coll.tae-coll--attack-shark .tae-prod-chip--gaming{border-color:var(--brand-game-rule);background:var(--brand-game-paper);color:var(--brand-game-accent)}.tae-coll.tae-coll--logitech .tae-category-guide{border-color:color-mix(in oklch,var(--brand-logitech-accent) 24%,var(--brand-line));background:var(--brand-logitech-soft)}.tae-coll.tae-coll--logitech .tae-category-guide-kicker,.tae-coll.tae-coll--logitech .tae-prod-chip--gaming{color:var(--brand-logitech-accent)}.tae-coll.tae-coll--logitech .tae-prod-chip--gaming{border-color:color-mix(in oklch,var(--brand-logitech-accent) 24%,var(--brand-line));background:var(--brand-logitech-soft)}@media(hover:hover)and (pointer:fine){.tae-game-action:hover{transform:translateY(-1px)}.tae-game-action--quiet:hover{border-color:var(--brand-game-accent);color:var(--brand-game-accent)}.tae-game-zone__product:hover img{transform:translateY(-4px)}.tae-game-zone__gear:hover,.tae-game-zone__brand:hover{border-color:var(--brand-game-accent)}}@media(min-width:48rem){.tae-game-zone{padding-block:var(--brand-space-3xl)}.tae-game-zone__inner{width:min(100% - 40px,1280px);grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr)}.tae-game-zone__copy{padding:var(--brand-space-xl)}.tae-game-zone__title{font-size:clamp(52px,6vw,82px)}.tae-game-zone__rail{grid-column:1 / -1;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr)}}@media(min-width:64rem){.tae-game-zone__inner{grid-template-columns:minmax(0,.76fr) minmax(0,1.24fr)}.tae-game-zone__rail{grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr)}}@media(max-width:29.99rem){.tae-game-zone__actions{align-items:stretch;flex-direction:column}.tae-game-action{width:100%}.tae-game-zone__stage{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:minmax(238px,1.2fr) minmax(160px,.8fr)}.tae-game-zone__product--lead{grid-column:1 / -1;grid-row:auto}.tae-game-zone__brands{grid-template-columns:minmax(0,1fr)}.tae-game-zone__gear{padding-inline:var(--brand-space-sm);font-size:12px}}@media(prefers-reduced-motion:reduce){.tae-game-zone *,.tae-game-zone *:before,.tae-game-zone *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
/*# sourceMappingURL=/cdn/shop/t/29/assets/tae-gaming-system.css.map */