.background{background:linear-gradient(180deg,rgba(0,0,0,.26),#111),url(/images/gallery/background.svg) no-repeat top,#111;background-size:contain;min-height:100vh;width:100%;background:url(/images/gallery/gradient.svg) no-repeat top,url(/images/gallery/background.svg) no-repeat top,#111;background-size:100% auto,100% auto,100%;color:#fff;position:relative}.contentWrapper{max-width:70rem;margin:0 auto;padding:2rem 1.5rem 4rem;display:flex;flex-direction:column}.galleryTitle{font-size:4.5rem;font-weight:700;letter-spacing:.02em;margin-top:12rem;margin-bottom:7rem;text-transform:uppercase}@media(max-width:768px){.galleryTitle{font-size:3rem;margin-block:4rem}}.topControls{display:flex;justify-content:space-between;align-items:center;margin-bottom:4rem;width:100%}@media(max-width:768px){.topControls{flex-direction:column;align-items:flex-start;gap:1.5rem}}.leftControls{display:flex;align-items:center;gap:1.5rem}@media(max-width:768px){.leftControls{width:100%}}.checkboxLabel{display:flex;align-items:center;gap:.75rem;font-weight:300;font-size:1.15rem;cursor:pointer;color:#fff}.checkboxLabel .checkbox{appearance:none;width:1.5rem;height:1.5rem;border:1.5px solid #fff;background:transparent;position:relative;cursor:pointer;font-size:1.2rem}.checkboxLabel .checkbox:checked{background:transparent;border-color:#fff}.checkboxLabel .checkbox:checked:after{content:"";position:absolute;left:.5rem;top:.15rem;width:.35rem;height:.65rem;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}.stakeAllBtn{background:#0df;color:#000;font-weight:600;font-size:1rem;padding:.6rem 2.5rem;border:none;position:relative;cursor:pointer;clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px);transition:opacity .2s;letter-spacing:.03em;min-width:8.5rem;min-height:1.85rem}.stakeAllBtn:hover{background:#8bf0ff}.stakeAllBtn:disabled{opacity:.5;cursor:not-allowed}.unstakeAllBtn{background:#0df;color:#000;font-weight:600;font-size:1rem;padding:.6rem 2.5rem;border:none;position:relative;cursor:pointer;clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px);transition:opacity .2s;letter-spacing:.03em;min-width:8.5rem;min-height:1.85rem}.unstakeAllBtn:hover{background:#8bf0ff}.unstakeAllBtn:disabled{opacity:.5;cursor:not-allowed}.dropDown-section{display:block}.sortControls{display:flex;align-items:center;gap:1rem;font-size:1.8rem;position:relative;color:#fff}@media(max-width:768px){.sortControls{width:80%;font-size:1.2rem}}.sortDropdown{display:flex;align-items:center;gap:.5rem;padding-bottom:.3rem;border-bottom:1.5px solid #fff;min-width:12rem;flex:1;cursor:pointer;text-align-last:center}.sortDropdown span{margin-left:1rem;margin-right:auto;font-size:1.6rem}@media(max-width:768px){.sortDropdown span{font-size:1.1rem;width:20rem}}.sortDropdown svg{margin-right:.5rem;width:1.5rem;height:1.5rem}.dropdownMenu{position:absolute;top:calc(100% + .5rem);letter-spacing:.1rem;right:0;background:#0c1016;border:1px solid #0df;z-index:9999;width:100%;min-width:12rem}.dropdownItem{padding:1.2rem 1rem;cursor:pointer;font-size:1.2rem;border-bottom:1px solid rgba(24,234,252,.3)}.dropdownItem:last-child{border-bottom:none}.dropdownItem:hover{background:rgba(24,234,252,.1)}@media(max-width:768px){.dropdownItem{font-size:1rem}}.galleryGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}@media(max-width:992px){.galleryGrid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.galleryGrid{gap:1rem}}.cardWrapper{position:relative;aspect-ratio:1/1.163;overflow:hidden;transition:all .2s ease;border:1px solid hsla(0,0%,100%,.1)}.cardWrapper.selectedCard,.cardWrapper.stakedCard{border:3px solid #0df}.cardWrapper:not(.stakedCard):not(.selectedCard):hover{border:3px solid #fff}.cardWrapper:not(.stakedCard):not(.selectedCard):hover .plusIcon,.cardWrapper:not(.stakedCard):not(.selectedCard):hover .stakeBtn{opacity:1}@media(max-width:768px){.cardWrapper:not(.stakedCard):not(.selectedCard){border:3px solid #fff}.cardWrapper:not(.stakedCard):not(.selectedCard) .plusIcon,.cardWrapper:not(.stakedCard):not(.selectedCard) .stakeBtn{opacity:1}}.cardImage{width:100%;height:100%;object-fit:cover;cursor:pointer}.stakedBadge{position:absolute;top:0;left:0;width:6rem;height:6rem;background:#0df;clip-path:polygon(0 0,100% 0,0 100%);display:flex;justify-content:flex-start;align-items:flex-start;padding:.5rem}@media(max-width:768px){.stakedBadge{height:3.5rem;width:3.5rem;padding:.1rem}.stakedBadge img{height:2rem}}.plusIcon{position:absolute;top:.5rem;right:.5rem;width:2.5rem;height:2.5rem;background:#fff;border-radius:50%;display:flex;justify-content:center;align-items:center;opacity:0;transition:opacity .2s ease;cursor:pointer;z-index:2}@media(max-width:768px){.plusIcon{height:2rem;width:2rem}}.checkIcon{top:.5rem;right:.5rem;width:2.5rem;background:#0df;border-radius:50%;display:flex;justify-content:center;align-items:center;z-index:2}.checkIcon,.stakeBtn,.unstakeBtn{position:absolute;height:2.5rem;cursor:pointer}.stakeBtn,.unstakeBtn{bottom:.01rem;right:.01rem;text-align:center;vertical-align:middle;font-size:1.5rem;font-weight:300;width:50%;text-transform:uppercase;letter-spacing:.05em;padding:0;border:none;transition:all .2s ease;clip-path:polygon(100% 0,100% 100%,0 100%,0 0)}.unstakeBtn{background:#0df;color:#000}.stakeBtn{opacity:0;background:#fff;color:#000}.stakeBtn:hover{background-color:#fff;border:1px solid #fff}.selectedStakeBtn{opacity:1;background:#fff}@media(max-width:576px){.contentWrapper{padding:1rem .5rem 2rem}.stakeBtn,.unstakeBtn{font-size:.6rem}.leftControls{justify-content:space-around;gap:0}.stakeAllBtn,.unstakeAllBtn{font-size:.8rem;padding:0}.galleryTitle{font-size:2.5rem}}.nftPopupOverlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.85);display:flex;justify-content:center;align-items:center;z-index:1000;padding:1rem;flex-wrap:wrap}@media(max-width:768px){.nftPopupOverlay{padding:1rem;align-items:center;overflow-y:auto}}.nftPopupContent{display:flex;background:#000;border:1px solid #fff;width:75vw;height:90vh;overflow:hidden;position:relative;gap:3rem}@media(max-width:768px){.nftPopupContent{flex-direction:column;max-width:95vw;width:100%;gap:1rem;max-height:85vh;overflow-y:auto;border-radius:.25rem}}.closeButton{position:absolute;top:.75rem;right:.5rem;width:2.5rem;height:2.5rem;border:none;border-radius:50%;font-size:1rem;display:none;align-items:center;justify-content:center;cursor:pointer;z-index:10;transition:background .2s;color:#fff}.closeButton,.closeButton:hover{background:transparent}@media(max-width:768px){.closeButton{display:flex}}.nftPopupImageContainer{flex:0 0 40%;display:flex;justify-content:left;align-items:center;padding:2rem}@media(max-width:768px){.nftPopupImageContainer{flex:none;width:100%;justify-content:center;max-height:50vh;overflow:hidden}}.nftPopupImage{height:100%;width:35vw;object-fit:contain}@media(max-width:768px){.nftPopupImage{max-height:50vh;width:auto}}.nftPopupDetails{flex:1;padding:2rem;display:flex;flex-direction:column;background:#000}@media(max-width:768px){.nftPopupDetails{padding:1rem}}.nftPopupTitle{font-size:1.6rem;font-weight:600;margin:0 0 1rem;color:#fff}@media(max-width:768px){.nftPopupTitle{font-size:1.4rem;text-align:center;margin-bottom:1.5rem}}.nftPopupDescription{font-size:.95rem;line-height:1.6;color:hsla(0,0%,100%,.76);margin:0 0 .85rem}.nftPopupAttributes{display:flex;flex-direction:column;gap:.5rem;overflow-y:auto;flex:1}@media(max-width:768px){.nftPopupAttributes{gap:.35rem}}.nftPopupAttribute{display:flex;align-items:center;padding:.5rem .75rem;background:rgba(10,15,22,.6);margin-bottom:1rem;position:relative;background:#464646;border-bottom:1px solid #fff}@media(max-width:768px){.nftPopupAttribute{padding:.5rem .75rem}}.attributeLabel{font-size:.5rem;color:hsla(0,0%,100%,.6);text-transform:uppercase;position:absolute;top:.25rem;left:.75rem}.attributeValue{font-size:.8rem;color:#fff;margin-top:.8rem}@media(max-width:768px){.attributeValue{font-size:1rem}}.attributeRarity{margin-left:auto;color:#fff;font-size:.7rem;font-weight:500;letter-spacing:.05em}@media(max-width:768px){.attributeRarity{padding:.25rem}}.downloadButton{background:#0df;color:#000;font-size:1.1rem;font-weight:600;padding:.75rem;border:none;clip-path:polygon(0 40%,15% 0,100% 0,100% 60%,85% 100%,0 100%);margin-top:1.5rem;cursor:pointer;transition:opacity .2s;width:100%;text-align:center}.downloadButton:hover{opacity:.9}@media(max-width:768px){.downloadButton{font-size:1rem;padding:.6rem;margin-top:1rem}}