.fortune-wheel__container{align-items:center;display:flex;flex-direction:column;margin-bottom:var(--el-margin-md);margin-left:-3px;max-width:450px;min-width:360px;position:relative}.fortune-wheel:before,.fortune-wheel__spin-btn{background:var(--url) center/cover no-repeat;content:"";position:absolute;z-index:1}.fortune-wheel{align-items:center;display:flex;justify-content:center;overflow:hidden;padding-bottom:100%;position:relative;width:100%}.fortune-wheel:before{inset:0}.fortune-wheel.fortune-wheel--locked{border-radius:50%;cursor:auto;pointer-events:none;transform:translateZ(0)}.fortune-wheel.fortune-wheel--locked .fortune-wheel__spin-btn,.fortune-wheel.fortune-wheel--locked .fortune-wheel__spinner,.fortune-wheel.fortune-wheel--locked:before{animation:none;filter:grayscale(100%)}.fortune-wheel__spinner{--animation-end:0deg;animation:waiting 7s infinite;background-repeat:no-repeat;background-size:100% 100%;border-radius:50%;inset:0;position:absolute;z-index:0}@keyframes waiting{0%{transform:rotate(4deg)}50%{transform:rotate(-4deg)}to{transform:rotate(4deg)}}.fortune-wheel__spinner.rotate{animation:rotation-wheel 1s linear infinite}@keyframes rotation-wheel{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.fortune-wheel__spinner.rotation-end{animation:rotation-end 7s ease-out forwards}@keyframes rotation-end{86%{transform:rotate(calc(2882deg - var(--animation-end)))}93%{transform:rotate(calc(2879deg - var(--animation-end)))}to{transform:rotate(calc(8turn - var(--animation-end)))}}.fortune-wheel__spin-btn{border:0;border-radius:999999px;box-shadow:var(--el-background) 2px 4px 10px 0;cursor:pointer;inset:0}.fortune-wheel__stripe{align-items:center;background:#fff500;box-shadow:0 0 30px #0000001a;color:var(--page-background);display:flex;font-size:18px;font-weight:700;height:30px;justify-content:space-around;position:absolute;top:50%;transform:rotate(-20deg);white-space:nowrap;width:120%;z-index:2}.fortune-wheel__stripe>*{margin-right:var(--el-margin-sm)}.fortune-wheel__stripe:last-of-type{transform:rotate(33deg) translateY(-50%)}@media(min-width:769px){.fortune-wheel__container{margin:0;min-width:unset}}