.ui-mystery-box-open-screen__header{margin-top:-130px}.ui-mystery-box-open-screen__slides{position:relative;top:-20px}.ui-mystery-box-header{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:.5rem;text-align:center}.ui-mystery-box-header__title{max-width:200px;font-size:24px;font-weight:700;line-height:2rem;color:var(--ui-color-white)}.ui-mystery-box-header__description{max-width:280px;font-size:.875rem;line-height:1.25rem;color:var(--ui-color-grey)}.ui-mystery-box-slide{position:relative;display:flex;flex-direction:column;align-items:center}.ui-mystery-box-slide.is-wide{width:100%}.ui-mystery-box-slide__boxes{--bg-price-80: rgb(from #08051e r g b / .8);--ui-color-white-50: rgb(from var(--ui-color-white) r g b / .5);--ui-color-black-40: rgb(from var(--ui-color-black) r g b / .4);position:absolute;top:130px;left:50%;display:flex;min-width:100px;--tw-translate-x: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));flex-direction:column;align-items:center;gap:.25rem;border-radius:9999px;background-color:var(--bg-price-80);padding:.375rem 1rem;text-align:center;box-shadow:0 0 10px 0 var(--ui-color-black-40)}.ui-mystery-box-slide__boxes:before{content:"";width:calc(100% - 2px);height:calc(100% - 2px);position:absolute;top:1px;left:1px;border-radius:9999px;background-color:var(--bg-price-80)}.ui-mystery-box-slide__boxes span{position:relative;z-index:1;font-size:10px;line-height:.75rem;color:var(--ui-color-white-50)}.ui-mystery-box-slide__boxes strong{position:relative;z-index:1;display:flex;align-items:center;gap:.25rem;font-size:17px;font-weight:700;line-height:.75rem;color:var(--ui-color-white)}.ui-mystery-box-slide__boxes strong svg{position:relative;top:1px}.ui-mystery-box-slide__title{position:absolute;top:40px;left:50%;--tw-translate-x: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));animation:pulse-scale 2s ease-in-out infinite}.ui-mystery-box-slide__case{position:absolute;top:185px;left:50%;--tw-translate-x: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.ui-mystery-box-slide.is-luxe .ui-mystery-box-slide__boxes{background-image:linear-gradient(300deg,#FF2B43,transparent,#FFFF00)}.ui-mystery-box-slide.is-elite .ui-mystery-box-slide__boxes{background-image:linear-gradient(300deg,#00FFFF,transparent,#00FF48)}.ui-mystery-box-slide.is-royale .ui-mystery-box-slide__boxes{background-image:linear-gradient(300deg,#FFE50B,transparent,#FF270F)}.ui-mystery-box-slide__content{position:absolute;left:50%;top:420px;width:250px;--tw-translate-x: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));text-align:center}.ui-mystery-box-slide__content span{margin:.125rem .25rem;display:inline-flex;align-items:center;gap:.25rem;white-space:nowrap;font-size:.875rem;line-height:1.25rem;font-weight:600}.ui-mystery-box-slide__footer{position:absolute;bottom:40px;left:50%;z-index:10;display:flex;--tw-translate-x: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));flex-direction:column;align-items:center}.ui-mystery-box-slide__footer button{width:220px}@keyframes pulse-scale{0%,to{transform:translate(-50%) scale(1)}50%{transform:translate(-50%) scale(1.1)}}