:root{--monobg1:#7a0871;--monobg2:#54044e}.spin-container{height:min(400px,85vw);width:min(400px,85vw);position:relative;margin:auto}.spin-container,.spin-container .center-btn{display:flex;justify-content:center;align-items:center}.spin-container .center-btn{position:absolute;width:100px;height:100px;border-radius:50%;background-color:#8a2bff;z-index:10;cursor:pointer;border:8px solid rgba(0,0,0,.75);user-select:none;text-transform:uppercase;color:white}.spin-container .center-btn:before{content:"";position:absolute;height:30px;width:30px;background-color:#8a2bff;top:-20px;clip-path:polygon(50% 0,15% 100%,85% 100%)}.spin-container .spin-wheel{position:absolute;width:100%;height:100%;border-radius:50%;overflow:hidden;border:10px solid #23014c;user-select:none;top:0;left:0;box-shadow:0 0 0 5px #3c0f73,0 0 0 15px #320070;transform:rotate(var(--spin));transition:transform 3s cubic-bezier(.75,0,.25,1)}.spin-container .spin-wheel .spin-item{position:absolute;width:50%;height:50%;transform-origin:bottom right;transform:rotate(calc(60deg * var(--i)));clip-path:polygon(0 0,100% 0,100% 100%,0 60%);display:flex;justify-content:center;align-items:center;user-select:none;cursor:pointer}.spin-container .spin-wheel .spin-item:nth-child(odd){background-color:var(--monobg1)}.spin-container .spin-wheel .spin-item:nth-child(2n){background-color:var(--monobg2)}.spin-container .spin-wheel .spin-item span{position:relative;transform:rotate(45deg) translateX(10%);font-size:1rem;font-weight:600;color:#fff;height:100%;width:50%;display:flex;align-items:center;justify-content:center}.bottom-sheet-container{height:100%;justify-content:center;color:black;backdrop-filter:blur(2px);background-color:#00000085}.bottom-sheet-container,.bottom-sheet-container .bottom-sheet{position:fixed;bottom:0;left:0;width:100%;z-index:999;display:flex;align-items:center;transition:all .3s ease-in-out}.bottom-sheet-container .bottom-sheet{height:60vh;background-color:#1c0035;backdrop-filter:blur(30px);border-radius:1rem 1rem 0 0;padding:1rem;flex-direction:column;color:white;border:none;border-top:2px solid #ffffff95}.bottom-sheet .heading,.bottom-sheet .subheading{margin:0;color:white}.bottom-sheet .heading{font-size:1.6rem;font-weight:700;text-align:center;font-family:Fraunces,serif;margin-top:2rem}.bottom-sheet .subheading{font-size:1rem;text-align:center;font-weight:400;margin-top:1rem;margin-bottom:1rem;font-family:Montserrat,sans-serif}.bottom-sheet .close-btn{position:absolute;top:1rem;right:1rem;cursor:pointer;color:rgba(190,190,190,.845);font-size:1rem;font-weight:700;font-family:Montserrat,sans-serif}.share-buttons{color:white!important;font-family:Montserrat,sans-serif}