.social-media-container{position:absolute;bottom:20px;right:20px;display:flex;align-items:center;z-index:4}#social-media-button{background-color:#fff;border:none;display:flex;align-items:center;gap:20px;border-radius:25px;padding:10px;box-shadow:0 4px 8px #0000001a;cursor:pointer}#social-media-button a{display:flex;align-items:center;text-decoration:none}.social-icon{height:24px;width:auto;transition:transform .2s ease}#social-media-button a:hover .social-icon{transform:scale(1.1)}@media (max-width: 768px){.social-media-container{grid-row:4;width:100%;position:static;display:flex;justify-content:center;align-items:center}}@media (max-width: 350px){.social-media-container{display:flex}}.top-left{position:absolute;top:20px;left:20px;display:flex;align-items:center;z-index:4}.logo-icon{width:40px;height:auto;margin-right:10px}.logo-text{font-family:Luckiest Guy,cursive;font-size:24px;color:#333}@media (max-width: 768px){.top-left{grid-row:1;width:100%;position:static;display:flex;justify-content:center;align-items:center;margin-top:5%}}@media (max-height: 550px){.top-left{display:none}}.built-on-container{position:absolute;bottom:20px;left:20px;display:flex;align-items:center;z-index:4}#builtOnButton{background-color:transparent;border:none;display:flex;align-items:center;gap:10px;border-radius:25px;padding:10px 15px;box-shadow:0 4px 8px #0000001a;cursor:pointer}#builtOnButton span{font-size:16px;color:#333}#builtOnButton a{display:flex;align-items:center;text-decoration:none}.blockchain-logo{width:24px;height:auto;transition:transform .3s ease}.blockchain-logo:hover{transform:scale(1.2)}@media (max-width: 768px){.built-on-container{grid-row:5;width:100%;position:static;display:flex;justify-content:center;align-items:center;margin-bottom:5%}}@media (max-height: 550px){.built-on-container{display:none}}.initial-container{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:2rem;background-color:#fff;border-radius:25px;box-shadow:0 4px 8px #0000001a;z-index:3;position:relative;width:90%;max-width:500px;height:auto;margin:0 auto;overflow:hidden}h1{font-family:Luckiest Guy,cursive;font-weight:700}.logo-container{position:relative;width:150px;height:150px;margin:0 auto;text-align:center}.logo-icon-center{width:100%;height:auto;transition:opacity .5s ease-in-out}.heart-icon{position:absolute;top:10px;left:50%;transform:translate(-50%);width:40px;height:40px;background:url(/images/animations/heart-icon.png) no-repeat center center;background-size:contain;animation:moveUpDown 3s ease-in-out infinite}#initialConnectButton{display:flex;align-items:center;border:none;padding:10px 20px;border-radius:25px;color:#fff;cursor:pointer;transition:background-color .3s ease,transform .3s ease}#initialConnectButton:hover{transform:scale(1.05)}@keyframes moveUpDown{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(-10px)}}.hidden{display:none}.move-out-up{animation:moveOutUp .5s forwards}@keyframes moveOutUp{to{transform:translateY(-100%);opacity:0}}.move-out-left{animation:moveOutLeft .5s forwards}@keyframes moveOutLeft{to{transform:translate(-100%);opacity:0}}.move-out-right{animation:moveOutRight .5s forwards}@keyframes moveOutRight{to{transform:translate(100%);opacity:0}}@media (max-width: 768px){.initial-container{grid-row:3;display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:#fff;width:90vw;height:auto;margin:0 auto;padding:1rem;box-sizing:border-box;overflow-y:hidden}}@media (max-width: 375px){.initial-container h1,h2,h3{margin-bottom:.4rem;margin-top:.4rem}.initial-container h2{font-size:1.4rem}.initial-container h3{font-size:1rem}}.move-out-down{animation:moveOutDown .5s forwards}@keyframes moveOutDown{to{transform:translateY(100%);opacity:0}}.connect-button-container{position:absolute;top:20px;right:20px;z-index:4}.connect-button-top{display:flex;align-items:center;border:none;padding:10px 20px;border-radius:25px;color:#fff;cursor:pointer;transition:background-color .3s ease,transform .3s ease}.connect-button-top:hover{transform:scale(1.05)}.wallet-logo{width:20px;height:20px;margin-right:10px}@media (max-width: 768px){.connect-button-container{grid-row:2;width:100%;position:static;display:flex;justify-content:center;align-items:center}}.image-slideshow{flex:1;width:100%;height:auto;border:1px solid #ccc;border-radius:var(--border-radius);display:flex;align-items:center;justify-content:center;overflow:hidden}.image-container{position:relative;width:100%;height:auto;overflow:hidden;display:flex;align-items:center;justify-content:center}.image-container img{width:100%;height:auto;object-fit:cover;border-radius:var(--border-radius);transition:opacity .3s ease}.image-container:hover img{opacity:.5}.image-container:hover .buy-button{display:block;opacity:1}.animal-details{display:none;position:absolute;top:10px;left:50%;transform:translate(-50%);background-color:#000c;color:#fff;width:100%;padding:10px;border-radius:5px;z-index:2;text-align:center}.buy-button{display:none;position:absolute;bottom:10%;left:50%;transform:translate(-50%);padding:10px 20px;background-color:#28a745;color:#fff;border:none;border-radius:var(--border-radius);cursor:pointer;font-size:1rem;text-align:center;transition:background-color .3s ease,transform .3s ease,box-shadow .3s ease}.buy-button:hover{background-color:#218838;transform:translate(-50%) scale(1.1);box-shadow:0 8px 15px #0000004d}.image-slideshow img{width:100%;height:auto;object-fit:cover;display:block;border-radius:var(--border-radius);transition:opacity .3s ease}.hint-text{position:absolute;bottom:5px;left:50%;transform:translate(-50%);color:#666;font-size:.9rem;opacity:1;transition:opacity .3s ease;pointer-events:none;z-index:99}@media (max-width: 768px){.buy-button{display:block;position:absolute;bottom:10%;left:50%;transform:translate(-50%);padding:10px 20px;background-color:#28a745;color:#fff;border:none;border-radius:var(--border-radius);cursor:pointer;font-size:1rem;text-align:center;transition:background-color .3s ease,transform .3s ease,box-shadow .3s ease}.animal-details{display:block;position:absolute;width:100%;top:10px;left:50%;transform:translate(-50%);background-color:#000c;color:#fff;border-radius:5px;z-index:2;text-align:center}.image-slideshow{width:100%;max-height:100%;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:var(--border-radius)}.image-slideshow img{width:100%;height:auto;object-fit:contain;border-radius:var(--border-radius)}}.container{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:2rem;background-color:#fff;border-radius:25px;box-shadow:0 4px 8px #0000001a;z-index:50;overflow:hidden;transition:filter .3s ease;position:relative;width:40%;max-width:100%;height:auto;margin:0 auto}.top-section{display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:2rem}.close-button,.mobile-winner-history{display:none}.animate-in .top-section,.animate-in .close-button,.animate-in .winner-history{animation:fadeIn 1s forwards}.animate-out .top-section,.animate-out .close-button,.animate-out .winner-history{animation:fadeOut .7s forwards}.animate-out .close-button{animation:bounce-out .7s forwards}@media (max-width: 768px){.container{grid-row:3;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;width:90vw;height:100%;padding:2rem;box-sizing:border-box;overflow-y:auto}.top-section{display:grid;grid-template-rows:auto auto auto;grid-gap:.5rem;width:100%;height:100%;align-items:center;justify-content:center}.image-slideshow{grid-row:1 / span 1}.info-section{grid-row:2 / span 1}.mobile-winner-history{grid-row:3 / span 1}.mobile-winner-history{display:block;width:90%;padding:.5rem;font-size:1rem;border-radius:15px;margin:.2rem auto .1rem}.close-button{display:block;width:90%;padding:.5rem;font-size:1rem;border-radius:15px;margin:.2rem auto .1rem;background-color:#000;color:#fff}.winners-history{display:none}.winners-history.visible~.close-button{display:block}.winners-history.visible~.mobile-winner-history{display:none}.winners-history.visible{display:block}}.info-section{display:flex;flex-direction:column;align-items:center}.pot-prize-container{position:relative;display:flex;align-items:center}.pot-prize{margin:0 1%;font-size:calc(1vw + .5rem);white-space:nowrap;font-weight:700}.tooltip-icon{cursor:pointer;font-weight:700;font-size:1.2rem;color:#555;background-color:#e0e0e0;border-radius:50%;width:24px;height:24px;margin-left:5px}.tooltip-text.visible{visibility:visible;opacity:1}.tooltip-text{visibility:hidden;width:220px;background-color:#000;color:#fff;text-align:center;border-radius:5px;padding:5px;position:absolute;z-index:99;bottom:125%;left:50%;transform:translate(-50%);opacity:0;transition:opacity .3s,visibility .3s}.tooltip-text:after{content:"";position:absolute;top:100%;left:50%;margin-left:-5px;border-width:5px;border-style:solid;border-color:black transparent transparent transparent;z-index:99}.tooltip-icon:hover+.tooltip-text,.tooltip-text:hover{visibility:visible;opacity:1}.countdown-timer{font-size:1.5rem;white-space:normal;word-wrap:break-word;overflow-wrap:break-word;text-align:center;width:100%}.countdown-timer .mint-collection{font-size:1.2rem;display:block;white-space:normal;word-wrap:break-word;overflow-wrap:break-word}.collection-winner{font-size:1rem;align-items:center;justify-content:center;display:flex;color:#000;flex-direction:column;gap:10px;padding:10px;border:1px solid #ccc;border-radius:25px;background-color:#f9f9f9}.message-box{animation:blink-animation 1s steps(5,start) infinite}.blinking-text{animation:blink-animation 1s steps(5,start) infinite;color:#000}.pot-address-link{color:#bebebe;text-decoration:underline}.pot-address-link:hover{text-decoration:none;opacity:.8}@keyframes blink-animation{to{visibility:hidden}}@media (max-width: 768px){.info-section{width:100%;max-height:100%;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:var(--border-radius);overflow:visible!important}.pot-prize{font-size:calc(1vw + 1.5rem)}.tooltip-icon{position:relative;z-index:3}.tooltip-text{visibility:hidden;width:200px;background-color:#000;color:#fff;text-align:center;border-radius:5px;padding:5px;position:absolute;z-index:20;bottom:150%;left:50%;transform:translate(-50%);opacity:0;transition:opacity .3s;z-index:9999}.tooltip-text:after{content:"";position:absolute;top:100%;left:50%;margin-left:-5px;border-width:5px;border-style:solid;border-color:black transparent transparent transparent;z-index:9999}.tooltip-icon:hover+.tooltip-text,.tooltip-text:hover{visibility:visible;opacity:1;z-index:9999}.collection-winner{font-size:1rem;gap:1px}}.nft-display{flex:1;width:100%;height:auto;position:relative;border:1px solid #ccc;border-radius:var(--border-radius);display:flex;align-items:center;justify-content:center;font-size:1.2rem}.nft-display img{width:100%;height:auto;object-fit:cover;display:block;border-radius:var(--border-radius);transition:opacity .3s ease}.nft-display.hidden{display:none}.overlay-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#000;font-size:1.5rem;font-weight:700;text-align:center;z-index:2;pointer-events:none}@media (max-width: 768px){.nft-display{display:none}}.winners-history{width:100%}#eligibleCheckbox{cursor:pointer;margin-left:2%;margin-right:.5%}.winner-titles,.main-info{display:grid;grid-template-columns:.5fr 1.5fr 2fr 2fr 2fr 2fr 2fr;align-items:center;justify-content:center;font-weight:700}.winner-titles>div,.main-info>div{padding:5px 10px;text-align:center}.winner-titles>div:first-child,.main-info>div:first-child{text-align:center}.main-info>div:nth-child(2),.main-info>div:nth-child(4),.main-info>div:nth-child(5),.main-info>div:nth-child(6),.main-info>div:nth-child(7){white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.main-info>div:nth-child(3){white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}.winners-history ul{list-style-type:none;padding:0;margin:0}.winners-history li{background-color:#b4b9bc1a;border-radius:var(--border-radius)}.winners-history li span{flex:1}.winners-history h2{margin-bottom:1rem;font-size:1.5rem}.winner-info{display:grid;grid-template-columns:repeat(3,1fr);align-items:center;text-align:center;margin-bottom:5px;padding:5px 0}.winner-info.titles{font-weight:700;border-bottom:1px solid #ccc;padding-bottom:3px;margin-bottom:5px}.winner-info div,.winner-info a{padding:3px 5px}.winner-info a{color:#00f;text-decoration:underline}.toggle-arrow{cursor:pointer;display:inline-block;width:16px;height:16px}.toggle-arrow:after{content:"▶";font-size:16px;transition:transform .3s ease}.toggle-arrow.open:after{content:"▼"}.winner-details{max-height:0;overflow:hidden;transition:max-height .3s ease-out}.winner-details.expanded{max-height:1000px;transition:max-height .5s ease-in}.winner-details.collapsed{max-height:0;transition:max-height .3s ease-out}@media (max-width: 768px){.winners-history{display:none;position:fixed;width:90%;height:50%;top:15%;left:0%;right:0%;background-color:#fff;z-index:1001;border-radius:20px;box-shadow:0 4px 10px #0003;overflow-y:auto;padding:1rem}.main-info{display:flex;flex-direction:column}.winner-details.expanded .winner-info{display:flex;justify-content:space-between;align-items:center;padding:10px 0;background-color:#fff}.winner-info div,.winner-info a{flex:1;text-align:center;padding:5px}.winner-info.titles{font-weight:700;border-bottom:1px solid #ccc;padding-bottom:3px;margin-bottom:5px;display:flex;justify-content:space-between;text-align:center}.winner-info.titles div{flex:1;text-align:center}.winner-details{max-height:0;overflow:hidden;transition:max-height .3s ease-out;text-align:center}.winner-details.expanded{max-height:1000px;transition:max-height .5s ease-in}.toggle-arrow{cursor:pointer;font-size:18px;display:block;text-align:center}.mobile-winner-info{display:grid;grid-template-columns:2fr 2fr}.mobile-winner-titles{display:flex;gap:12px;flex-direction:column;text-align:left;font-weight:700}.winners-history ul{list-style-type:none;padding:0;margin:0}.winners-history li{background-color:#b4b9bc1a;border-radius:var(--border-radius);padding:.8rem}.winners-history h2{margin-bottom:.8rem;font-size:1.1rem}}*{font-family:DynaPuff,cursive;font-weight:400}:root{--max-width: 100%;--border-radius: 25px}.App{display:flex;justify-content:center;align-items:center;height:100vh;width:100vw}html,body{margin:0;width:100%;background-size:cover;background-position:center;background-repeat:no-repeat;transition:background-image .5s ease-in-out;display:flex;justify-content:center;align-items:center;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;cursor:none}.overlay-filter{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#ffffffe6;z-index:-11;pointer-events:none}.button-loading{width:40px;height:40px;border:5px solid rgba(255,255,255,.3);border-top-color:#0073aa;border-radius:50%;animation:spin 1s linear infinite;text-align:center;pointer-events:none}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.button-loading,.button-loading:after{width:2.1em;height:2.1em;border-radius:50%}.center-wrapper{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;width:100%;height:100%}@media (max-width: 768px){.App{display:grid;grid-template-rows:auto auto 1fr auto auto;grid-template-columns:1fr;height:100vh;gap:2%;justify-content:center;align-items:center}}