:root{--eg-red: #fb0440;--eg-dark: #111;--eg-dark-soft: #181818;--eg-light: #f3f3f3;--eg-light-alt: #ececec;--eg-card-bg: #fff;--eg-card-border: rgba(0, 0, 0, .065);--eg-dark-card-border: rgba(255, 255, 255, .14);--eg-radius-sm: 6px;--eg-radius-md: 10px;--eg-radius-lg: 12px;--eg-radius-xl: 14px;--eg-shadow-hover: 0 12px 24px rgba(0, 0, 0, .07);--eg-section-width: 1480px;--eg-product-title-size: 14px;--eg-product-title-line: 1.35;--eg-product-price-size: 14px}.section-ex-geardb{position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(180deg,#090909,#050505);border-top:1px solid rgba(255,255,255,.06);padding:0}.section-ex-geardb:before{content:"";position:absolute;inset:0 0 auto;height:92px;pointer-events:none;z-index:2;background:linear-gradient(to bottom,#000000c7,#00000061 48%,#0000)}.section-ex-geardb:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:1;background:radial-gradient(circle at 12% 0%,rgba(255,255,255,.055),transparent 30%),radial-gradient(circle at 64% 0%,rgba(251,4,64,.075),transparent 28%)}.section-ex-geardb p{color:#fff;font-style:unset;border-bottom:0;padding-bottom:0}.ex-geardb__content{display:flex;justify-content:space-between;align-items:center;flex-direction:row;width:calc(100% - 80px);max-width:1480px;margin:0 auto;min-height:360px;position:relative;z-index:3}.ex-geardb__content .ex-geardb__container{width:36%;max-width:470px;padding-right:34px}.ex-geardb-eyebrow{display:block;color:#ffffffb8;transform:none;font-family:var(--heading-font-family);font-size:13px;font-weight:900;line-height:1;letter-spacing:.14em;text-transform:uppercase}.ex-gear-db-title{display:block;max-width:560px;margin:18px 0;color:#fff;font-family:var(--heading-font-family);font-size:34px;font-weight:900;line-height:1.05;letter-spacing:-.04em;text-transform:none;transform:none}.ex-gear-db-slogan{margin:18px 0 0;color:#ffffffc7;font-family:var(--heading-font-family);font-size:15px;font-weight:900;line-height:1;letter-spacing:.035em;text-transform:uppercase;transform:none;opacity:1}.ex-geardb-slogan-underline{width:0;height:2px;background:#fb0440;margin:0 0 26px;transition:width .6s ease-out;opacity:.7}.ex-geardb-slogan-underline.is-visible{width:100%;max-width:360px}.ex-geardb-description{max-width:430px;font-size:15px;line-height:1.7;margin:0;color:#fff;opacity:.88}.ex-geardb-cta-btn{position:relative;display:inline-flex;justify-content:center;align-items:center;padding:5px 20px;border-radius:8px;background:#fb0440;box-shadow:0 0 18px #fb044047;color:#fff!important;font-size:16px;font-weight:700;letter-spacing:1px;transition:transform .2s ease,box-shadow .2s ease,background .2s ease;animation:geardbPulse 2.4s ease-in-out infinite;overflow:hidden}.ex-geardb-cta-btn:hover{background:#ff1b54;transform:translate(3px);box-shadow:0 0 14px #ff325a99}.ex-geardb-cta-btn:hover .cta-arrow{width:18px;opacity:1;margin-left:8px;transform:translate(2px)}@keyframes geardbPulse{0%{box-shadow:0 0 #f000}50%{box-shadow:0 0 18px #ff325a8c}to{box-shadow:0 0 #f000}}.ex-geardb-showcase.ex-hero-art{position:relative;width:64%;align-self:stretch;min-height:100%;overflow:hidden;background:transparent}.ex-hero-art-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:62% center;opacity:.95;animation:exHeroImageDrift 12s ease-in-out infinite alternate}.ex-hero-art-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,#050505,#050505b8 10%,#05050538 26%,#0505050d 50%,#05050533 78%,#050505),linear-gradient(0deg,#050505,#05050514 28% 72%,#050505);pointer-events:none}.ex-hero-spec-chip{position:absolute;padding:11px 14px;border-radius:14px;background:#08080894;border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;z-index:4;min-width:140px;opacity:.96;transition:transform .25s ease,opacity .25s ease}.chip-product,.chip-match{opacity:.96}.ex-hero-spec-chip:hover{opacity:1}.ex-hero-spec-chip span{display:block;font-size:10px;opacity:.62;text-transform:uppercase;letter-spacing:1px;margin-bottom:4px}.ex-hero-spec-chip strong{display:block;font-size:15px;line-height:1.2;font-weight:700}.chip-product{top:30px;left:10%}.chip-surface{top:122px;left:28%}.chip-style{bottom:50px;left:36%}.chip-compare{top:30px;right:10%}.chip-match{bottom:125px;right:10%}.ex-title-highlight{color:#fb0440}.ex-geardb-counter-row{display:flex;align-items:center;margin-top:18px}.ex-geardb-cta{display:flex;align-items:center}.ex-hero-art-overlay:after{content:"";position:absolute;top:-20%;left:-30%;width:40%;height:140%;background:linear-gradient(90deg,transparent 0%,rgba(251,4,64,.08) 45%,rgba(251,4,64,.18) 50%,rgba(251,4,64,.08) 55%,transparent 100%);transform:rotate(8deg);animation:exHeroScanner 7s linear infinite;pointer-events:none;mix-blend-mode:screen}@keyframes exHeroScanner{0%{transform:translate(-10%) rotate(8deg)}to{transform:translate(260%) rotate(8deg)}}.chip-product{animation-delay:0s}.chip-surface{animation-delay:.8s}.chip-style{animation-delay:1.4s}.chip-compare{animation-delay:.4s}.chip-match{animation-delay:1.1s}.ex-hero-match-path{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.match-line{position:absolute;z-index:2;top:47%;left:36%;width:42%;height:4px;background:linear-gradient(90deg,#fb044000,#fb0440d9,#fb044000);transform:rotate(14deg);opacity:.72}.match-line:after{content:"";position:absolute;top:-8px;right:0;bottom:-8px;left:0;background:inherit;filter:blur(8px);opacity:.55}.match-score{position:absolute;z-index:5;top:40%;left:56%;transform:translate(-50%,-50%);padding:10px 14px;border-radius:12px;background:#080808b8;border:1px solid rgba(255,255,255,.08);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-align:center;color:#fff;z-index:4}.match-score span{display:block;font-size:10px;letter-spacing:1px;opacity:.55;margin-bottom:2px}.match-score strong{display:block;font-size:20px;line-height:1;color:#fb0440;text-shadow:0 0 14px rgba(251,4,64,.45)}.match-score:after{content:"";position:absolute;top:-8px;right:-8px;bottom:-8px;left:-8px;border-radius:16px;border:6px solid rgba(251,4,64,.28);animation:matchPulse 2.2s ease-out infinite;pointer-events:none}@keyframes matchPulse{0%{transform:scale(.96);opacity:.7}to{transform:scale(1.16);opacity:0}}@keyframes exHeroImageDrift{0%{transform:scale(1.02) translate(0)}to{transform:scale(1.045) translate(-10px)}}@keyframes exHeroGlowDrift{0%{transform:translate(-20px) translateY(0);opacity:.55}to{transform:translate(30px) translateY(14px);opacity:.9}}@keyframes exHeroChipFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.ex-hero-scene{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;pointer-events:none;transition:opacity .55s ease}.ex-hero-scene.is-active{opacity:1;pointer-events:auto}.ex-hero-scene[data-hero-scene=mouse] .ex-hero-art-img{object-position:58% center}.ex-hero-scene[data-hero-scene=mouse] .chip-product{top:30px;left:10%}.ex-hero-scene[data-hero-scene=mouse] .chip-surface{top:122px;left:30%}.ex-hero-scene[data-hero-scene=mouse] .chip-style{bottom:50px;left:37%}.ex-hero-scene[data-hero-scene=mouse] .chip-compare{top:30px;right:10%}.ex-hero-scene[data-hero-scene=mouse] .chip-match{bottom:118px;right:10%}.ex-hero-scene[data-hero-scene=mouse] .match-line{top:47%;left:37%;width:41%;transform:rotate(10deg)}.ex-hero-scene[data-hero-scene=mouse] .match-score{top:40%;left:56%}.ex-hero-scene .ex-hero-spec-chip,.ex-hero-scene .match-score{transform:translateY(8px);opacity:0;transition:opacity .45s ease,transform .45s ease}.ex-hero-scene .match-line{opacity:0;transition:opacity .45s ease .48s,transform .45s ease .48s}.ex-hero-scene.is-active .ex-hero-spec-chip,.ex-hero-scene.is-active .match-score{transform:translateY(0);opacity:.72}.ex-hero-scene.is-active .chip-surface,.ex-hero-scene.is-active .chip-product,.ex-hero-scene.is-active .chip-match{opacity:.96}.ex-hero-scene.is-active .match-score{opacity:1}.ex-hero-scene[data-hero-scene=mousepad] .match-line{transform:translateY(8px) rotate(14deg)}.ex-hero-scene[data-hero-scene=mousepad].is-active .match-line{transform:translateY(0) rotate(14deg);opacity:.72}.ex-hero-scene[data-hero-scene=mouse] .match-line{transform:translateY(8px) rotate(10deg)}.ex-hero-scene[data-hero-scene=mouse].is-active .match-line{transform:translateY(0) rotate(10deg);opacity:.72}.ex-hero-scene.is-active .chip-product{transition-delay:.08s}.ex-hero-scene.is-active .chip-surface{transition-delay:.16s}.ex-hero-scene.is-active .chip-style{transition-delay:.24s}.ex-hero-scene.is-active .chip-compare{transition-delay:.32s}.ex-hero-scene.is-active .chip-match{transition-delay:.4s}.ex-hero-scene.is-active .match-score{transition-delay:.48s}@media screen and (max-width:767px){.section-ex-geardb:before{height:70px}.ex-geardb__content{display:grid;grid-template-columns:1fr;width:100%;min-height:auto;padding:34px 20px 0}.ex-geardb__content .ex-geardb__container{width:100%;max-width:none;padding-right:0;position:relative;z-index:5}.ex-geardb-eyebrow{font-size:12px;line-height:1.15}.ex-gear-db-title{max-width:360px;margin:14px 0;font-size:34px;line-height:1}.ex-geardb-description{max-width:340px;font-size:15px;line-height:1.55}.ex-gear-db-slogan{margin-top:18px;font-size:15px;line-height:1.05}.ex-geardb-slogan-underline{margin-bottom:22px}.ex-geardb-counter-row{margin-top:0}.ex-geardb-cta-btn{min-height:44px;padding:0 20px;font-size:14px;border-radius:10px}.ex-geardb-showcase.ex-hero-art{width:calc(100% + 40px);height:300px;min-height:300px;margin:26px -20px 0;overflow:hidden;background:#050505}.ex-hero-art-img{top:0;right:0;bottom:0;left:0;width:100%;height:100%;max-width:none;object-fit:cover;object-position:58% center}.ex-hero-art-overlay{top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#050505,#0505052e 35%,#050505),linear-gradient(90deg,#050505,#0505050f 34% 66%,#050505)}.ex-hero-spec-chip{min-width:96px;padding:7px 9px;border-radius:12px}.ex-hero-spec-chip span{font-size:9px}.ex-hero-spec-chip strong{font-size:12px}.ex-hero-scene[data-hero-scene=mousepad] .chip-product,.ex-hero-scene[data-hero-scene=mouse] .chip-product{top:18px;left:5%}.ex-hero-scene[data-hero-scene=mousepad] .chip-compare,.ex-hero-scene[data-hero-scene=mouse] .chip-compare{top:18px;right:5%}.ex-hero-scene[data-hero-scene=mousepad] .chip-surface,.ex-hero-scene[data-hero-scene=mouse] .chip-surface{top:104px;left:5%}.ex-hero-scene[data-hero-scene=mousepad] .chip-match,.ex-hero-scene[data-hero-scene=mouse] .chip-match{bottom:72px;right:5%}.ex-hero-scene[data-hero-scene=mousepad] .chip-style,.ex-hero-scene[data-hero-scene=mouse] .chip-style{bottom:22px;left:5%}.ex-hero-scene[data-hero-scene=mousepad] .match-score{top:45%;left:45%}.ex-hero-scene[data-hero-scene=mouse] .match-score{top:40%;left:45%}.ex-hero-scene .match-score{padding:9px 12px}.ex-hero-scene[data-hero-scene=mousepad] .match-score,.ex-hero-scene[data-hero-scene=mouse] .match-score{top:45%;left:45%}.match-score strong{font-size:18px}.ex-hero-scene[data-hero-scene=mousepad] .match-line,.ex-hero-scene[data-hero-scene=mouse] .match-line{top:55%;left:30%;width:45%}}
/*# sourceMappingURL=/cdn/shop/t/154/assets/hero-banner.css.map */