.keyboard-grid{max-width:1400px;margin:0 auto;padding:32px 16px;background:rgb(var(--color-background))}.keyboard-grid__wrapper{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}@media(max-width:768px){.keyboard-grid__wrapper{grid-template-columns:1fr}}.keyboard-card{position:relative;background:rgb(var(--color-background-2));color:rgb(var(--color-foreground));border-radius:20px;padding:24px;overflow:hidden;text-decoration:none;box-sizing:border-box;border:3px solid rgba(var(--color-foreground),.22);transition:border-color .3s ease,box-shadow .3s ease,transform .3s ease}.keyboard-card:hover{border-color:rgba(var(--color-foreground),.35);box-shadow:none}.keyboard-card__badge{position:absolute;top:16px;left:16px;padding:6px 14px;font-size:12px;font-weight:500;border-radius:999px;box-shadow:0 0 6px #00ffff4d,0 0 12px #0ff3,0 0 18px #00ffff1a;animation:glow 2.5s ease-in-out infinite alternate;transition:all .3s ease}@keyframes glow{0%{box-shadow:0 0 4px #0ff3,0 0 10px #00ffff1a,0 0 16px #00ffff0d}50%{box-shadow:0 0 8px #0ff6,0 0 16px #00ffff40,0 0 24px #00ffff1a}to{box-shadow:0 0 6px #00ffff4d,0 0 12px #0ff3,0 0 18px #00ffff1a}}.keyboard-card__image{display:flex;justify-content:center;align-items:center;min-height:260px;background:rgba(var(--color-foreground),.03);border-radius:16px;margin-bottom:20px;overflow:hidden}.keyboard-card__image img{width:100%;height:100%;object-fit:contain;display:block}.keyboard-card__footer{display:flex;justify-content:space-between;align-items:center;margin-top:20px}.keyboard-card__title{font-size:16px;font-weight:500}.keyboard-card__arrow{font-size:20px;line-height:1}.keyboard-card__progress{position:relative;width:48px;height:4px;background:rgba(var(--color-foreground),.15);border-radius:999px;overflow:hidden}.keyboard-card__progress-bar{position:absolute;top:0;right:0;bottom:0;left:0;background:rgb(var(--color-foreground));transform:scaleX(0);transform-origin:left;transition:transform .6s cubic-bezier(.4,0,.2,1)}.keyboard-card__progress-bar:after{content:"";position:absolute;top:0;right:-20%;width:20%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.6),transparent)}.keyboard-card:hover .keyboard-card__progress-bar{transform:scaleX(1)}
/*# sourceMappingURL=/cdn/shop/t/13/compiled_assets/styles.css.map */