.right-panel{width:60%;position:relative;overflow:hidden;background:#fafbfc;transform:rotate(-30deg) scale(1.4);transform-origin:center}.right-panel:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(90deg,#fafbfc 0%,rgba(250,251,252,.9) 10%,transparent 25%,transparent 75%,rgba(250,251,252,.9) 90%,#fafbfc 100%);z-index:5;pointer-events:none}.animation-container{display:flex;flex-direction:column;gap:1.5rem;height:100%;justify-content:center;padding:2rem 0;transform:translate(-20%);will-change:transform}.animation-row{position:relative;height:180px;overflow:visible;transform:translateZ(0);will-change:transform}.animation-track{display:flex;gap:1.5rem;position:absolute;height:100%;will-change:transform;backface-visibility:hidden;perspective:1000px}.animation-item{width:180px;height:180px;flex-shrink:0;position:relative;border-radius:25px;overflow:hidden;background:#fff;padding:12px;box-shadow:0 10px 30px #0000001a;transform:translateZ(0);will-change:transform;cursor:pointer}.animation-item:before{content:"";position:absolute;top:-12px;left:-12px;right:-12px;bottom:-12px;background:linear-gradient(135deg,#fff 0% 100%);border-radius:25px;z-index:-1;opacity:.8;transition:all .3s ease}.animation-item img{width:100%;height:100%;object-fit:cover;border-radius:15px;transition:transform .3s ease}.speed-boost{animation:speedPulse .5s ease-in-out infinite}@keyframes speedPulse{0%{filter:brightness(1) saturate(1)}50%{filter:brightness(1.1) saturate(1.2)}to{filter:brightness(1) saturate(1)}}@media (max-width: 768px){.right-panel{transform:rotate(-5deg) scale(1.2)}.animation-container{gap:1rem;padding:1rem 0}.animation-row{height:120px}.animation-item{width:120px;height:120px;padding:8px}.animation-track{gap:1rem}.right-panel:before{background:linear-gradient(90deg,#fafbfc 0%,rgba(250,251,252,.95) 8%,transparent 20%,transparent 80%,rgba(250,251,252,.95) 92%,#fafbfc 100%)}}@media (max-width: 480px){.animation-row{height:100px}.animation-item{width:100px;height:100px;padding:6px}.animation-track{gap:.8rem}.animation-container{gap:.8rem;transform:translate(-10%)}.right-panel:before{background:linear-gradient(90deg,#fafbfc 0%,rgba(250,251,252,.98) 5%,transparent 15%,transparent 85%,rgba(250,251,252,.98) 95%,#fafbfc 100%)}}@media (min-width: 1920px){.animation-item{width:200px;height:200px}.animation-row{height:200px}}@media (prefers-reduced-motion: reduce){.animation-item:before{animation:none}.animation-track{animation-duration:60s!important}}@media (prefers-contrast: high){.animation-item{box-shadow:0 5px 15px #0000004d}.animation-item:before{opacity:1}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/mystery-box-right-panel.css.map */