.ybg{background-color:#ffc200;background-image:url(/cdn/shop/files/Peaks_Red.gif?v=1715133675)!important;background-size:cover;background-position:center;background-repeat:no-repeat;color:#fff!important;text-shadow:1px 1px 3px rgba(0,0,0,.4)}.ybg.gpx-tag{background-size:auto}:root{--gpx-font: "Rubik", sans-serif;--gpx-text-light: #F3F3F5;--gpx-text-dark: #030305;--gpx-accent-yellow: #ffc200;--gpx-bg-dark: #1a1a1a;--gpx-shadow-text: 0 2px 4px rgba(0,0,0,.6);--gpx-transition-physics: cubic-bezier(.33, 1, .68, 1);--gpx-lift-distance: -.75%}.gpx{position:relative;display:block;width:100%;border-radius:16px;overflow:hidden;background-color:var(--gpx-bg-dark);cursor:pointer;text-decoration:none;color:var(--gpx-text-light);transform:translateZ(0);will-change:transform,box-shadow;transition:transform .3s var(--gpx-transition-physics),box-shadow .33s var(--gpx-transition-physics);aspect-ratio:9 / 16}.gpx-adaptive-grid{width:100%;max-width:938px;margin:10px auto 0;display:flex;flex-wrap:wrap;gap:0;justify-content:center}.gpx-adaptive-grid a.gpx.portrait+a.gpx.portrait{margin-left:1.5%}.gpx-adaptive-grid .gpx{flex:0 1 47.75%;margin-bottom:1.5%}.gpx.landscape{aspect-ratio:16 / 9;flex:0 1 97%}.gpx-price-block.doorbuster{animation:doorbuster 4s linear infinite}.gpx-price-block.under15 .gpx-price{font-size:clamp(1.5rem,2.2vw + 1.4rem,2.5rem)}@keyframes doorbuster{0%,to,20%,3%{transform:rotate(0)}7%{transform:rotate(-15deg)}10%{transform:rotate(10deg)}12%{transform:rotate(-10deg)}15%{transform:rotate(6deg)}17%{transform:rotate(-4deg)}}.gpx:hover{transform:translateY(var(--gpx-lift-distance)) scale(1);box-shadow:0 5px 10px #00000040}.gpx-media{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}.gpx-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;transition:opacity 1s ease-in-out;opacity:0;z-index:1}.gpx-img.active{opacity:1;z-index:2}.gpx-video{pointer-events:none;object-fit:cover}.gpx-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;pointer-events:none}.gpx:not(.landscape) .gpx-overlay{background:linear-gradient(to bottom,#000000b3,#0000 35%),linear-gradient(to top,#000c,#0000 25%)}.gpx.landscape .gpx-overlay{background:linear-gradient(135deg,rgba(0,0,0,.75) 0%,transparent 40%),linear-gradient(45deg,rgba(0,0,0,.75) 0%,transparent 40%),linear-gradient(-45deg,rgba(0,0,0,.75) 0%,transparent 40%)}.gpx-content{position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;display:flex;flex-direction:column;justify-content:space-between;padding:18px}.gpx-header{display:flex;justify-content:space-between;align-items:flex-start}.gpx-info{display:flex;flex-direction:column;gap:8px;max-width:70%}.gpx-title{font-size:clamp(1rem,1.2vw + .6rem,1.4rem);font-weight:384;margin:0;text-shadow:var(--gpx-shadow-text);line-height:1.2;color:var(--gpx-text-light)}.gpx-title b,.gpx-title span{display:inline-block;color:var(--gpx-text-light)}.gpx-title b{font-weight:392}.gpx-tag{background-color:var(--gpx-accent-yellow);font-size:clamp(.7rem,.5vw + .45rem,1.05rem);font-weight:700;padding:3px 8px;border-radius:4px;text-transform:uppercase;align-self:flex-start;letter-spacing:.2px;box-shadow:0 2px 4px #0000004d;color:var(--gpx-text-dark)}.gpx-swatches{display:flex;gap:6px;margin-top:0}.gpx-swatch{width:14px;height:14px;border-radius:50%;border:1.5px solid #999999;box-shadow:0 2px 4px #000000e6}.gpx-swatch[data-colors]{background:#ccc}.gpx-badge{background-color:var(--gpx-accent-yellow);color:var(--gpx-text-dark);width:52px;height:52px;border-radius:4px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;line-height:.9;box-shadow:0 4px 8px #0006;transform:none}a.gpx .gpx-badge span{color:var(--gpx-text-dark)}.gpx-badge-amount{font-weight:500;font-size:clamp(1.35rem,1.6vw + .6rem,1.8rem);display:flex;align-items:flex-start;justify-content:center;line-height:1;letter-spacing:-.04rem}.gpx-badge-amount{display:flex;flex-direction:row}.gpx-badge-amount .gpx-val{line-height:1}.gpx-badge-amount small{font-size:.7em;margin-right:1px;font-weight:430;align-self:flex-end;margin-bottom:2px}.gpx-badge-off{font-size:clamp(.9rem,.5vw + .5rem,1.05rem);font-weight:450;text-transform:uppercase;margin-top:2px}.gpx-footer{display:flex;justify-content:space-between;align-items:flex-end;width:100%}.gpx-price-block{display:flex;flex-direction:column;text-shadow:var(--gpx-shadow-text);position:relative}.gpx-price-block.is-sale .gpx-label-sm,.gpx-price-block.is-sale .gpx-price,.gpx-price-block.is-sale .gpx-price small,.gpx-price-block.is-sale .gpx-price .gpx-val,.gpx-price-block.is-sale .gpx-price span{color:var(--gpx-accent-yellow)}.gpx-label-sm{font-size:clamp(.85rem,.6vw + .1rem,1.2rem);font-weight:401;color:var(--gpx-text-light);margin-bottom:0;display:inline-block;transform:translateY(4px);text-transform:uppercase}.gpx-price{font-size:clamp(1.25rem,1vw + .8rem,2.05rem);font-weight:444;letter-spacing:-.5px;color:var(--gpx-text-light);display:flex;flex-direction:row;line-height:1}.gpx-price .gpx-val{font-weight:444;line-height:1}.gpx-price small{font-size:.6em;font-weight:444;align-self:flex-end;margin-right:2px;margin-bottom:2px}.gpx-price span:not(.gpx-val){font-size:.55em;vertical-align:top;display:inline-block;font-weight:444;align-self:flex-start;margin-top:1px}.gpx-cta{font-size:clamp(1rem,.8vw + .6rem,1.5rem);font-weight:450;color:var(--gpx-text-light);text-shadow:0 2px 5px rgba(0,0,0,.8);display:flex;align-items:center;gap:12px;transition:gap .3s ease;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gpx:hover .gpx-cta{gap:16px}@media (min-width: 768px){.gpx-swatch{width:16px;height:16px}.gpx-swatches{gap:3px}}@media (max-width: 540px){.gpx-content{padding:9px;gap:2px}.gpx-header,.gpx-info{gap:5px}.gpx-swatches{gap:2px}.gpx-swatch{width:11px;height:11px}.gpx-tag{font-size:.6rem;padding:1px 4px}.gpx-badge{margin-top:0;margin-right:0}.gpx-footer{padding:0 2px 2px}.gpx-price{margin-left:-2px;margin-bottom:-2px}.gpx-cta{margin-right:-2px;margin-bottom:-4px;font-size:.9rem}}.ani-bob{animation:bob 6s ease-out infinite;transform-origin:center center}@keyframes bob{0%,70%,to{transform:translateY(0) scale(1)}8%{transform:translateY(-2px) scale(1.03)}14%{transform:translateY(1px) scale(.98)}20%{transform:translateY(0) scale(1.01)}}.ani-shakeBulge{animation:shakeBulge 9s ease-in-out infinite;transform-origin:center top}@keyframes shakeBulge{0%,72%,to{transform:translateY(0) scale(1)}76%{transform:translate(-1.5px) rotate(-1deg)}78%{transform:translate(1.5px) rotate(1deg)}80%{transform:translate(-1px) rotate(-.6deg)}82%{transform:translate(0) rotate(0)}86%{transform:translateY(-2px) scale(1.02,1.08)}90%{transform:translateY(0) scale(1)}}
/*# sourceMappingURL=/cdn/shop/t/20/assets/gpx-promo.css.map */
