:root{--red: hsl(358, 70%, 36%);--white: #ffffff;--black: #1c1c1c;--purple: #ad57bc;--blue: #17a7c6;--roboto: "Roboto", serif}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--black);margin:0rem;font-family:var(--roboto)}html,body{overflow-x:hidden}h1,h2,h3,h4,h5,h6,p,ul,li,button,div,a{margin:0;padding:0;color:var(--white)}.no-scroll{overflow:hidden!important;height:100%}.strong{font-weight:700}.custom-button{position:relative;overflow:hidden;border-radius:22px;padding:5px 10px;border:none;font-size:21px;font-weight:700;cursor:pointer;width:max-content;background-color:var(--background-color);color:var(--text-color);transition:all .5s ease-in-out;border:2px solid var(--background-color)}.custom-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background-color:var(--text-color);z-index:0;transform:translate(0);transition:transform .5s ease-in-out}.custom-button:hover{background-color:var(--text-color);color:var(--background-color)}.custom-button:hover:before{transform:translate(100%)}.custom-button span{position:relative;z-index:1;color:inherit}@media screen and (max-width: 650px){.custom-button{position:relative;overflow:hidden;border-radius:22px;padding:4px 8px;border:none;font-size:14px;font-weight:700;cursor:pointer;width:max-content;background-color:var(--background-color);color:var(--text-color);transition:all .5s ease-in-out;border:2px solid var(--background-color)}.custom-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background-color:var(--text-color);z-index:0;transform:translate(0);transition:transform .5s ease-in-out}.custom-button:hover{background-color:var(--text-color);color:var(--background-color)}.custom-button:hover:before{transform:translate(100%)}.custom-button span{position:relative;z-index:1;color:inherit}}.artist-pop-up-info{height:100%;width:100%;display:flex;flex-direction:row}.artist-pop-up-info img{width:50%;height:100%;object-fit:cover}.artist-pop-up-info .info-container{display:flex;flex-direction:column;gap:2rem;padding:1rem;width:50%}.artist-pop-up-info .info-container .buttons-section{display:flex;flex-direction:row;gap:0rem}.artist-pop-up-info .info-container .scrolleable-info{overflow-y:scroll;display:flex;flex-direction:column;gap:2rem}.artist-pop-up-info .info-container .scrolleable-info::-webkit-scrollbar{width:8px}.artist-pop-up-info .info-container .scrolleable-info::-webkit-scrollbar-thumb{background-color:#c4c4c4;border-radius:10px}.artist-pop-up-info .info-container .scrolleable-info::-webkit-scrollbar-thumb:hover{background-color:#a0a0a0}.artist-pop-up-info .info-container .scrolleable-info::-webkit-scrollbar-track{background-color:#f4f4f4;border-radius:10px}.artist-pop-up-info .info-container .scrolleable-info .description{display:flex;flex-direction:column;gap:1rem}.artist-pop-up-info .info-container .scrolleable-info h2{font-size:32px;font-weight:800;color:var(--black)}.artist-pop-up-info .info-container .scrolleable-info p{font-size:18px;font-weight:300;color:var(--black)}.artist-pop-up-info .info-container .scrolleable-info ul{display:flex;flex-direction:column;gap:1rem}.artist-pop-up-info .info-container .scrolleable-info ul li{width:100%;height:100%}.artist-pop-up-info .info-container .scrolleable-info ul li img{width:100%;height:100%;object-fit:cover}@media screen and (max-width: 650px){.artist-pop-up-info{height:100%;width:100%;display:flex;flex-direction:column;overflow-y:scroll}.artist-pop-up-info img{width:100%;height:20rem;object-fit:cover}.artist-pop-up-info .info-container{width:100%;display:flex;flex-direction:column;gap:2rem;padding:1rem 1rem 3rem}.artist-pop-up-info .info-container .buttons-section{display:flex;flex-direction:row;gap:0rem}.artist-pop-up-info .info-container .scrolleable-info{overflow-y:visible;display:flex;flex-direction:column;gap:2rem}.artist-pop-up-info .info-container .scrolleable-info::-webkit-scrollbar{display:none}.artist-pop-up-info .info-container .scrolleable-info::-webkit-scrollbar-thumb{display:none}.artist-pop-up-info .info-container .scrolleable-info::-webkit-scrollbar-thumb:hover{display:none}.artist-pop-up-info .info-container .scrolleable-info::-webkit-scrollbar-track{display:none}.artist-pop-up-info .info-container .scrolleable-info h2{font-size:32px;font-weight:800;color:var(--black)}.artist-pop-up-info .info-container .scrolleable-info p{font-size:18px;font-weight:300;color:var(--black)}.artist-pop-up-info .info-container .scrolleable-info ul{display:flex;flex-direction:column;gap:1rem}.artist-pop-up-info .info-container .scrolleable-info ul li{width:100%;height:100%}.artist-pop-up-info .info-container .scrolleable-info ul li img{width:100%;height:100%;object-fit:cover}}.artist-pop-up-container{position:fixed;z-index:1302;top:50%;width:80vw;height:70vh;background-color:var(--white);display:flex;justify-content:center;align-items:center;left:50%;transform:translate(-50%,-50%)}.artist-popup-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0009;z-index:1301}.popup-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0009;z-index:1299}.work-pop-up-container{position:fixed;z-index:1300;top:50%;width:80vw;height:70vh;background-color:var(--white);display:flex;justify-content:center;align-items:center;left:50%;transform:translate(-50%,-50%);isolation:isolate}.work-pop-up-container .work-pop-up-info{height:100%;width:100%;display:flex;flex-direction:row}.work-pop-up-container .work-pop-up-info .work-image-container{width:50%;height:100%}.work-pop-up-container .work-pop-up-info .work-image-container img{width:100%;height:100%;object-fit:cover}.work-pop-up-container .work-pop-up-info .info-container{width:50%;display:flex;flex-direction:column;gap:2rem;padding:1rem 1rem 3rem}.work-pop-up-container .work-pop-up-info .info-container .buttons-section{display:flex;flex-direction:row;gap:0rem}.work-pop-up-container .work-pop-up-info .info-container .scrolleable-info{overflow-y:scroll;display:flex;flex-direction:column;gap:2rem}.work-pop-up-container .work-pop-up-info .info-container .scrolleable-info::-webkit-scrollbar{width:8px}.work-pop-up-container .work-pop-up-info .info-container .scrolleable-info::-webkit-scrollbar-thumb{background-color:#c4c4c4;border-radius:10px}.work-pop-up-container .work-pop-up-info .info-container .scrolleable-info::-webkit-scrollbar-thumb:hover{background-color:#a0a0a0}.work-pop-up-container .work-pop-up-info .info-container .scrolleable-info::-webkit-scrollbar-track{background-color:#f4f4f4;border-radius:10px}.work-pop-up-container .work-pop-up-info .info-container .scrolleable-info h2{font-size:32px;font-weight:800;color:var(--black)}.work-pop-up-container .work-pop-up-info .info-container .scrolleable-info p{font-size:18px;font-weight:300;color:var(--black)}.work-pop-up-container .work-pop-up-info .info-container .scrolleable-info .artist-list{display:flex;flex-direction:row;gap:0rem;list-style-type:none}.work-pop-up-container .work-pop-up-info .info-container .scrolleable-info .artist-list li{background-color:var(--blue);color:var(--white);border-radius:22px;padding:5px 10px;border:none;font-size:16px;font-weight:800;cursor:pointer;width:max-content;transition:.5s ease-in-out}.work-pop-up-container .work-pop-up-info .info-container .scrolleable-info .artist-list li:hover{background-color:#128098;transition:.5s ease-in-out}.work-pop-up-container .work-pop-up-info .info-container .scrolleable-info .works-list{display:flex;flex-direction:column;gap:1rem}.work-pop-up-container .work-pop-up-info .info-container .scrolleable-info .works-list li{width:100%;height:100%}.work-pop-up-container .work-pop-up-info .info-container .scrolleable-info .works-list li img{width:100%;height:100%;object-fit:cover}@media screen and (max-width: 650px){.popup-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0009;z-index:1299}.work-pop-up-container{position:fixed;z-index:1300;top:50%;width:80vw;height:70vh;background-color:var(--white);display:flex;justify-content:center;align-items:center;left:50%;transform:translate(-50%,-50%);isolation:isolate}.work-pop-up-container .work-pop-up-info{height:100%;width:100%;display:flex;flex-direction:column;overflow-y:scroll}.work-pop-up-container .work-pop-up-info .work-image-container{width:100%;height:20rem}.work-pop-up-container .work-pop-up-info .work-image-container img{width:100%;height:100%;object-fit:cover}.work-pop-up-container .work-pop-up-info .info-container{width:100%;display:flex;flex-direction:column;gap:2rem;padding:1rem 1rem 3rem}.work-pop-up-container .work-pop-up-info .info-container .buttons-section{display:flex;flex-direction:row;gap:0rem}.work-pop-up-container .work-pop-up-info .info-container .scrolleable-info{overflow-y:visible;display:flex;flex-direction:column;gap:2rem}.work-pop-up-container .work-pop-up-info .info-container .scrolleable-info::-webkit-scrollbar{display:none}.work-pop-up-container .work-pop-up-info .info-container .scrolleable-info::-webkit-scrollbar-thumb{background-color:#c4c4c4;border-radius:10px}.work-pop-up-container .work-pop-up-info .info-container .scrolleable-info::-webkit-scrollbar-thumb:hover{background-color:#a0a0a0}.work-pop-up-container .work-pop-up-info .info-container .scrolleable-info::-webkit-scrollbar-track{background-color:#f4f4f4;border-radius:10px}.work-pop-up-container .work-pop-up-info .info-container .scrolleable-info h2{font-size:30px;font-weight:800;color:var(--black)}.work-pop-up-container .work-pop-up-info .info-container .scrolleable-info p{font-size:14px;font-weight:300;color:var(--black)}.work-pop-up-container .work-pop-up-info .info-container .scrolleable-info .artist-list{display:flex;flex-direction:row;gap:0rem;list-style-type:none}.work-pop-up-container .work-pop-up-info .info-container .scrolleable-info .artist-list li{background-color:var(--blue);color:var(--white);border-radius:22px;padding:5px 10px;border:none;font-size:16px;font-weight:800;cursor:pointer;width:max-content;transition:.5s ease-in-out}.work-pop-up-container .work-pop-up-info .info-container .scrolleable-info .artist-list li:hover{background-color:#128098;transition:.5s ease-in-out}.work-pop-up-container .work-pop-up-info .info-container .scrolleable-info .artist-list li:first-of-type{white-space:nowrap}.work-pop-up-container .work-pop-up-info .info-container .scrolleable-info .works-list{display:flex;flex-direction:column;gap:1rem}.work-pop-up-container .work-pop-up-info .info-container .scrolleable-info .works-list li{width:100%;height:100%}.work-pop-up-container .work-pop-up-info .info-container .scrolleable-info .works-list li img{width:100%;height:100%;object-fit:cover}}
