#directory{display:flex;flex-direction:column;padding:12px 40px;gap:18px;margin-top:72px}.directoryHeaderMenu{display:flex;flex-direction:row;justify-content:space-between;flex:1;border-bottom:1px solid var(--color-outline);align-items:center;margin-bottom:12px;flex-wrap:wrap}.directoryHeaderMenu .collectionFilters{display:flex;flex-direction:row;gap:48px;font-family:var(--font-alt);letter-spacing:1px;font-weight:600;font-size:18px;color:var(--color-lightgray);background-color:none;cursor:pointer;padding-bottom:12px}.directoryHeaderMenu .collectionFilters .collectionFilterButtons.active{color:#000}.directoryHeaderMenu .nftCount{font-family:var(--font-mono)}.twoColumnContainer{display:flex;justify-content:space-between;gap:48px}.twoColumnContainer .left{display:flex;flex-direction:column;align-items:flex-start;width:23%;gap:10px}.twoColumnContainer .left .filterTraitToggle{font-family:var(--font-mono);font-weight:600;font-size:16px;width:100%;display:flex;flex-direction:row;justify-content:space-between;box-sizing:border-box}.twoColumnContainer .right{display:flex;flex-direction:column}.twoColumnContainer .right .activeFilters{display:flex;align-items:center;justify-content:flex-start;width:100%}.twoColumnContainer .right .filterAndSort{padding-bottom:18px;display:flex;flex-direction:row;align-items:center;justify-content:space-between;width:75vw}.twoColumnContainer .right .filterAndSort .sortMenu{font-weight:500;display:flex;flex-direction:row;gap:6px}.mobileFilterList,.mobileNftCount,.mobileOpenFilterButton{display:none}.search-bar{position:relative;width:100%;margin-bottom:1rem}.search-bar input{width:100%;padding:.5rem 1rem .5rem 2.5rem;font-size:1rem;color:#333;background-color:transparent;border:none;outline:none}.search-bar input::-moz-placeholder{color:#999}.search-bar input::placeholder{color:#999}.search-icon{left:.75rem;font-size:1rem;color:#999}.search-clear-button,.search-icon{position:absolute;top:50%;transform:translateY(-50%)}.search-clear-button{right:.75rem;background:none;border:none;cursor:pointer;color:#fff;background-color:#000;border-radius:.2rem;padding:2px 8px}@media only screen and (max-width:768px){.nftCount,.search-bar{display:none}.mobileNftCount{display:block;text-align:center;padding:8px 0;font-weight:400}.page{gap:0!important}.page,.twoColumnContainer{padding:0!important;height:100%}.twoColumnContainer{flex-direction:column;margin:0!important;padding-bottom:6px}.left{display:none!important}.right{height:100%}.activeFilters{justify-content:space-between;flex-direction:column;padding-right:0;overflow-y:auto}.filterAndSort{padding:0!important;margin:0!important;width:100vw!important}.directoryHeaderMenu{padding-top:var(--navbar-padding);padding-bottom:0;width:100%}.collectionFilters{font-size:16px!important;padding-left:var(--navbar-padding);gap:var(--navbar-padding)!important;text-align:center;width:100%;justify-content:center;padding:0 0 8px!important}.mobileFilterList{position:fixed;background-color:var(--color-white);bottom:0;left:0;z-index:5;width:100%;display:flex;flex-direction:column}.mobileToggleFilterButton{display:flex;width:100%;padding:0 0 12px;justify-content:center;align-items:center}.mobileOpenFilterButton{display:block;position:fixed;bottom:18px;left:18px;background-color:var(--color-white);color:var(--color-black);border:none;padding:10px;border-radius:5px;z-index:3}}.filterList{width:100%;box-sizing:border-box;position:sticky;top:var(--navbar-height)}.categoryList{text-transform:uppercase;box-sizing:border-box}.categoryList .categoryName{display:flex;flex-direction:row;justify-content:space-between;border-top:1px solid var(--color-outline);font-weight:500;text-transform:uppercase;align-content:center;padding:10px 0;cursor:pointer;transition:color .3s ease-in-out}.categoryList .filter-content{display:flex;flex-direction:column;align-items:center;padding:0}.categoryList input[type=text]{box-sizing:border-box;padding:12px 0 8px 20px;border-radius:0;outline:none;text-transform:uppercase;border:none;width:100%}.categoryList ul{overflow-y:scroll;max-height:300px;margin-top:6px;margin-bottom:6px;width:100%;box-sizing:border-box;padding:0;overflow:auto;-ms-overflow-style:none;scrollbar-width:none}.categoryList li{list-style-type:none;padding:8px 0}.trait-label{cursor:pointer}.trait-info,.trait-label{display:flex;align-items:center}.trait-info{flex-grow:1;font-family:var(--font-mono);margin-left:12px;transition:background-color .2s,color .2s}.trait-name{font-weight:300;flex-grow:1}.trait-rarity-count{color:var(--color-black-secondary)}.defaultCheckbox{display:none}.custom-checkbox{position:relative;height:14px;width:14px;border:.8px solid var(--color-black);display:inline-block;cursor:pointer}.checked{background-color:var(--color-blue)}@media only screen and (max-width:768px){input{display:none}.categoryName{list-style-type:none;padding:8px 12px!important}li{padding:5px 12px!important}.custom-checkbox{height:8px;width:8px}ul{max-height:20vh!important}}.traitList{position:sticky;top:var(--navbar-height)}.traitList,.traitList ul{width:100%;box-sizing:border-box}.traitList ul{overflow-y:scroll;margin-top:0;margin-bottom:6px;padding:0;overflow:auto;-ms-overflow-style:none;scrollbar-width:none}.traitList li{list-style-type:none;padding:8px 0}.traitList li:hover{cursor:pointer}.traitList .trait-info,.traitList .trait-name{padding:0;margin:0}.traitList .trait-name.active{font-weight:500}.mobileTraitList{padding:6px 0;position:fixed;bottom:0;left:0;width:100%;background-color:var(--color-background);z-index:1000;box-shadow:0 -2px 10px rgba(0,0,0,.2)}.mobileTraitList .mobileNftCount{text-align:center;padding:8px 0}.mobileTraitList ul{max-height:50vh;overflow-y:auto}.mobileTraitList .mobileToggleFilterButton{display:flex;width:100%;padding:6px 0;justify-content:center;align-items:center}.modal-overlay,.modal-overlay-exit{box-sizing:border-box;position:fixed;top:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:1000;width:100%;height:100%;overflow:hidden;white-space:nowrap}.modal-overlay .modal-nftId,.modal-overlay-exit .modal-nftId{font-weight:500}.modal-overlay-exit{animation:fadeOut .2s ease-out forwards}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.modal{display:flex;flex-direction:column;justify-content:center;align-items:center;animation:modalFadeInScale .5s ease-out forwards;color:#000}.modal-exit{display:flex;animation:modalFadeOutScale .2s ease-out forwards}@keyframes modalFadeInScale{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes modalFadeOutScale{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.95)}}.modal-content{overflow:hidden;display:flex;flex-direction:row;justify-content:space-between;position:absolute;opacity:0;width:100vw;height:100vh;background-color:var(--color-nft-background);align-items:flex-end}.modal-content .logo{font-family:var(--font-logo);cursor:pointer;top:36px;left:72px;position:absolute;font-size:148px;letter-spacing:.1rem;z-index:6}.modal-content.visible{opacity:1}.modal-content .nftImage{height:110vh;position:relative}.modal-content .nftImage img{height:100%;width:auto;display:block}.modal-content .modal-attributes{margin-bottom:36px;margin-left:36px}.modal-content .modal-attributes,.modal-content .modal-attributes .attributes{display:flex;flex-direction:column}.modal-content .modal-attributes .profileItem{display:flex;flex-direction:row}.modal-content .modal-attributes .itemName{margin-right:8px}.modal-content .modal-attributes .bottomMenu{margin-right:6%;display:flex;justify-content:flex-end;align-items:flex-end;flex:1}.modal-content .modal-attributes .bottomMenu .downloadButton{color:var(--color-white);padding:.24rem 2rem;border-radius:.3rem;font-family:var(--font-mono);font-weight:300;font-size:1.2;cursor:pointer}.modal-close{position:absolute;top:1rem;right:1rem;cursor:pointer;padding:1rem}.modal-close:hover{transform:scale(1.02)}.escTooltip{display:flex;flex-direction:row;top:36px;right:36px;position:absolute;cursor:pointer}.text-black{color:#000!important}@media only screen and (max-width:768px){.modal,.modal-overlay,.modal-overlay-exit{z-index:999}.modal-content{flex-direction:column;align-items:center}.modal-content .logo{display:none}.modal-content .modal-attributes{position:absolute;padding:0!important;margin:0!important;top:18px;left:18px;z-index:5;font-size:16px}.modal-content .nftImage{width:150%;left:-3%;height:auto;margin-top:auto;display:flex;justify-content:center}.modal-content .nftImage img{width:100%;height:auto;display:block}.escTooltip{top:18px;right:18px;font-size:16px}}.activeFilters{display:flex;flex-direction:row;flex-wrap:wrap;gap:.5rem}.activeFilters button{font-family:var(--font-mono);border-radius:.3rem;padding:.3rem 1rem;font-weight:700;letter-spacing:1px;text-transform:uppercase;background-color:var(--color-black);color:var(--color-white);border:none;cursor:pointer}.activeFilters .filter-button{display:flex;justify-content:center;font-weight:300;cursor:pointer;gap:6px;border:none;align-items:center}.activeFilters .filter-button .traitName{font-weight:500;margin-right:6px}.activeFilters .filter-button:hover{opacity:.7}.activeFilters .clear-button{border:1px solid var(--color-black);background-color:transparent;color:var(--color-black);font-weight:500}@media only screen and (max-width:768px){.activeFilters{font-size:.5rem;overflow-x:auto;flex-wrap:nowrap;padding:6px}.activeFilters::-webkit-scrollbar{display:none}.activeFilters button{white-space:nowrap}.filter-button{font-size:8px}.clear-button,.filter-button .traitName{font-weight:400}.clear-button{font-size:8px}}.dropdown{position:relative;display:inline-block;border-radius:3px;background-color:var(--color-white)}.dropdown li,.dropdown ul{font-weight:300;font-size:12px}.dropdown li,.dropdown ul,.dropdown-toggle{font-family:var(--font-mono);text-transform:uppercase}.dropdown-toggle{width:150px;display:flex;flex-direction:row;justify-content:space-between;gap:16px;padding:8px 16px;cursor:pointer;border:none;background-color:none}.dropdown-menu{background-color:var(--color-white);position:absolute;top:100%;left:0;z-index:1000;list-style-type:none;margin:0;padding:0;width:100%;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.dropdown-menu.fade-in{opacity:1;visibility:visible}.dropdown-menu.fade-out{opacity:0;visibility:hidden}.dropdown-menu li{padding:8px 16px;cursor:pointer}.dropdown-menu li:hover{background-color:#f1f1f1}.dropdown-container{position:relative}@media only screen and (max-width:768px){#hairColorDropdown{display:flex;font-size:8px!important;width:100%;justify-content:center;align-items:center;margin-bottom:8px 0}.dropdown-container{font-size:8px!important;margin-bottom:8px}.dropdown-toggle{width:80px;display:flex;flex-direction:row;justify-content:space-between;gap:0;padding:6px 12px;cursor:pointer;border:none;background-color:none;text-transform:uppercase;font-size:8px}.dropdown{padding:0!important;margin:0!important}.dropdown-menu li{padding:6px 12px!important;margin:0!important;font-size:8px}}.image-gallery-container{display:flex;justify-content:center;width:75vw;min-height:80vh;opacity:1;transition:opacity .5s ease;padding-bottom:calc(var(--navbar-height)/2)}.image-gallery-container img{background-color:var(--color-nft-background);border-radius:.2rem}.image-gallery-container.fade-out{opacity:0}.imageGallery{display:flex;flex-wrap:wrap;width:75vw;gap:.5rem;box-sizing:border-box}.image-container{position:relative;cursor:pointer;width:calc(25% - 10px);padding:5px;box-sizing:border-box;transition:transform .3s ease-in-out;border-radius:.2rem}@media(min-width:165em){.image-container{width:calc(20% - 10px)}}.image-container .image-placeholder{width:100%;padding-bottom:100%;background-color:var(--color-lightgray);animation:fadeInOut 3s infinite;border-radius:.2rem}.image-container .galleryImage{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;opacity:0;transition:opacity .5s ease;border-radius:.2rem}.image-container .galleryImage.loaded{opacity:1}.image-container .image-id{position:absolute;top:8px;left:8px;padding:2px 6px;color:var(--color-black);font-family:var(--font-mono);background-color:transparent;font-weight:400}@keyframes fadeInOut{0%,to{opacity:0}50%{opacity:1}}.infiniteScrollLoader{width:100%;text-align:center;padding:1rem;text-transform:uppercase;background:linear-gradient(90deg,#f3f3f3,#ccc 50%,#f3f3f3);background-size:200% 100%;background-clip:text;-webkit-background-clip:text;color:transparent;animation:shine 3s linear infinite}@keyframes shine{0%{background-position:-200% 0}to{background-position:200% 0}}.loading-message,.no-results-container{display:flex;flex-direction:column;justify-content:center;align-items:center;height:60vh}.loading-message .startOverButton,.no-results-container .startOverButton{background-color:var(--color-blue);margin:1rem;padding:.25rem 1rem;text-transform:uppercase;font-weight:200;border-radius:.2rem}.loading-message .startOverButton:hover,.no-results-container .startOverButton:hover{background-color:var(--color-blue-hover)}@media(max-width:768px){.image-gallery-container,.imageGallery{width:100vw!important;display:flex;overflow-y:auto}.imageGallery::-webkit-scrollbar{display:none}.imageGallery{-ms-overflow-style:none;scrollbar-width:none}.image-container{width:calc(50% - 2px)}.imageGallery{gap:.25rem}.image-gallery-container,.imageGallery{justify-items:center}}.scroll-to-top-button{font-family:var(--font-mono);position:fixed;bottom:18px;right:18px;background-color:var(--color-white);color:var(--color-black);border:none;padding:10px 20px;border-radius:5px;cursor:pointer;transition:opacity .3s,transform .3s;opacity:0;transform:translateY(100%);text-transform:uppercase;box-shadow:0 2px 4px rgba(0,0,0,.2)}.scroll-to-top-button:hover{transform:scale(1.02)}.scroll-to-top-button.visible{opacity:1;transform:translateY(0)}@media only screen and (max-width:768px){.scroll-to-top-button{font-size:8px}}