.card__container{max-width:72rem;margin-inline:auto;padding-inline:5rem;display:flex;flex-direction:column;justify-content:center;margin-bottom:5rem}.card__container h2{color:#000;font-family:MabryPro-Regular;font-size:var(--f-m);margin-bottom:1rem}.card__container .card-grid{display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(12rem,1fr))}.card__container .card-grid .card{cursor:pointer;color:var(--clr-black);border:3px solid var(--clr-black);text-decoration:none;aspect-ratio:1/1.5;max-height:500px;width:100%;background-color:#f9f5f2;display:grid;grid-template-rows:45% 35% 20%;grid-template-areas:"image" "details" "price"}.card__container .card-grid .card__img{aspect-ratio:1/1;grid-area:image;height:100%;width:100%;object-fit:cover;border-bottom:2px solid var(--clr-black)}.card__container .card-grid .card .no-image{background-image:url(/assets/noimage-ce7330f7.jpg)}.card__container .card-grid .card__details{background-color:#f9f5f2;display:flex;flex-direction:column;padding:.3rem .3rem 0 .5rem;max-width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;border-top:2px solid var(--clr-black)}.card__container .card-grid .card .card__details>*{grid-area:details}.card__container .card-grid .card .card__details h3{font-family:BasementGrotesque;font-size:var(--f-m);text-transform:uppercase;max-height:3rem;overflow:hidden;white-space:normal;text-overflow:ellipsis;margin:0;width:100%}.card__container .card-grid .card .card__details div{font-family:MabryPro-Regular}.card__container .card-grid .card .card__details>div:first-child{font-size:var(--f-xs);padding-bottom:.4rem}.card__container .card-grid .card .card__details>div:last-child{margin-top:auto}.card__container .card-grid .card .card__price{background-color:#23a79a;border-top:1.25rem solid #91A8EC;grid-area:price;font-family:BasementGrotesque;font-size:var(--f-m);justify-content:space-between;align-items:center;padding:0 1.25rem}.card__container .card-grid .card .arrow{width:1.75rem;fill:#000}.card__container .card-grid .card .arrow:hover{transform:rotate(-45deg);transition:ease-in-out .2s;cursor:pointer}.card__container .card-grid .card[data-theme=desert-fruit] .card__details{background-color:#ceb8a2}.card__container .card-grid .card[data-theme=desert-fruit] .card__price{background-color:#f05542;border-top:1.25rem solid #FED354}.card__container .card-grid .card[data-theme=neon-mountain] .card__details{background-color:#d9d9d9}.card__container .card-grid .card[data-theme=neon-mountain] .card__price{background-color:#ff687d;border-top:1.25rem solid #3E99F1}.card__container .card-grid .card[data-theme=funky-corals] .card__details{background-color:#70dacf}.card__container .card-grid .card[data-theme=funky-corals] .card__price{background-color:#e975a6;border-top:1.25rem solid #4C6091}.card__container .card-grid .card[data-theme=snowy-snow] .card__details{background-color:#fff}.card__container .card-grid .card[data-theme=snowy-snow] .card__price{background-color:#3e99f1;border-top:1.25rem solid #BBBBBB}.card__container .card-grid .card[data-theme=flower-power] .card__details{background-color:#ffc567}.card__container .card-grid .card[data-theme=flower-power] .card__price{background-color:#009a5e;border-top:1.25rem solid #552CB8}.card__container[data-theme=desert-fruit] h2{color:#000}.card__container[data-theme=neon-mountain] h2{color:#fff}.card__container[data-theme=funky-corals] h2,.card__container[data-theme=snowy-snow] h2,.card__container[data-theme=flower-power] h2{color:#191516}@media (max-width: 30em){.card__container{padding-inline:1.5rem}}.card-grid .card:hover .card__price{background-color:#ff91e7}.card-grid .card[data-theme=desert-fruit]:hover .card__price{background-color:#00af79}.card-grid .card[data-theme=neon-mountain]:hover .card__price{background-color:#d9d9d9}.card-grid .card[data-theme=funky-corals]:hover .card__price{background-color:#ffc857}.card-grid .card[data-theme=snowy-snow]:hover .card__price{background-color:#5fb2ff}.card-grid .card[data-theme=flower-power]:hover .card__price{background-color:#ffc567}.nav{display:flex;font-family:MabryPro-Regular;justify-content:flex-end;align-items:center;background-color:#f9f5f2;border-bottom:3px solid #000;height:5.6rem;padding:0 0 0 4rem;position:fixed;top:0;width:100%;z-index:999}.nav .logo{margin-right:auto;width:4rem}.nav .logo-color{fill:#23a79a}.nav button{background:none;border:none}.nav .lines{cursor:pointer;width:2.4rem;height:2.4rem;display:flex;flex-direction:column;justify-content:center}.nav .line{width:2.4rem;height:.188rem;background-color:#000;transition:transform .3s ease}.nav .line-one{transform:translateY(-5px)}.nav .line-two{transform:translateY(5px)}.nav .line-one.active{transform:translate(0) rotate(45deg)}.nav .line-two.active{transform:translateY(-3px) rotate(-45deg)}.nav .listing,.nav .hamburger{height:100%;width:12.5rem;border-left:solid 3px #000}.nav .listing a,.nav .header__links{text-decoration:none;color:var(--clr-black)}.nav .hamburger{background-color:#23a79a;display:flex;justify-content:center;align-items:center}.nav .nav__content{background-color:#23a79a;display:flex;flex-direction:column;border-left:3px solid #000;align-items:center;gap:2rem;padding-top:3rem;list-style:none;position:fixed;height:100%;right:-250px;top:5.6rem;width:250px;transition:ease-in .2s;z-index:30}.nav .nav__content.active{right:0}.nav .nav__content a{text-decoration:none;color:var(--clr-black);border-bottom:1px solid #000;cursor:pointer;width:80%;text-align:center;padding-bottom:1.5rem}.nav .nav__content li:hover,.nav .listing a:hover{font-style:italic}.nav .listing{background-color:#ff91e7;color:#000;display:flex;justify-content:center;align-items:center;cursor:pointer}.nav .mobile-listing{display:none}.nav[data-theme=desert-fruit]{background-color:#ceb8a2}.nav[data-theme=desert-fruit] .hamburger,.nav[data-theme=desert-fruit] .nav__content{background-color:#f05542}.nav[data-theme=desert-fruit] .logo-color{fill:#f05542}.nav[data-theme=desert-fruit] .listing{background-color:#00af79}.nav[data-theme=neon-mountain]{background-color:#d9d9d9}.nav[data-theme=neon-mountain] .hamburger,.nav[data-theme=neon-mountain] .nav__content{background-color:#ff687d}.nav[data-theme=neon-mountain] .logo-color{fill:#ff687d}.nav[data-theme=neon-mountain] .listing{background-color:#d9d9d9}.nav[data-theme=funky-corals]{background-color:#70dacf}.nav[data-theme=funky-corals] .hamburger,.nav[data-theme=funky-corals] .nav__content{background-color:#e975a6}.nav[data-theme=funky-corals] .logo-color{fill:#e975a6}.nav[data-theme=funky-corals] .listing{background-color:#ffc857}.nav[data-theme=snowy-snow]{background-color:#fff}.nav[data-theme=snowy-snow] .hamburger,.nav[data-theme=snowy-snow] .nav__content{background-color:#3e99f1}.nav[data-theme=snowy-snow] .logo-color{fill:#3e99f1}.nav[data-theme=snowy-snow] .listing{background-color:#5fb2ff}.nav[data-theme=flower-power]{background-color:#ffc567}.nav[data-theme=flower-power] .hamburger,.nav[data-theme=flower-power] .nav__content{background-color:#009a5e}.nav[data-theme=flower-power] .logo-color{fill:#009a5e}.nav[data-theme=flower-power] .listing{background-color:#ffc567}@media (max-width: 56em){.nav{height:4.8rem}.nav .logo{width:3.6rem}.nav .hamburger{width:8rem}.nav .nav__content{top:4.8rem}.nav .listing{display:none}.nav .mobile-listing{display:block}}.theme__container{position:fixed;left:0;top:200px;display:flex;flex-direction:column;gap:1rem;border:2px solid var(--clr-black);border-left:none;background-color:#f9f5f2;width:3.5rem;align-items:center;padding-bottom:1rem;transition:.3s ease;font-family:MabryPro-Regular}.theme__container button{border:var(--clr-black);background-color:#f9f5f2}.theme__container .hideThemesBtn{border-bottom:2px solid var(--clr-black);background-color:#23a79a;color:var(--clr-black);text-transform:uppercase;font-size:var(--f-xs);width:100%;height:100%;padding:.5rem 0;cursor:pointer}.theme__container[data-theme=desert-fruit],.theme__container[data-theme=desert-fruit] button{background-color:#ceb8a2}.theme__container[data-theme=desert-fruit] .hideThemesBtn{background-color:#f05542}.theme__container[data-theme=neon-mountain],.theme__container[data-theme=neon-mountain] button{background-color:#d9d9d9}.theme__container[data-theme=neon-mountain] .hideThemesBtn{background-color:#ff687d}.theme__container[data-theme=funky-corals],.theme__container[data-theme=funky-corals] button{background-color:#70dacf}.theme__container[data-theme=funky-corals] .hideThemesBtn{background-color:#e975a6}.theme__container[data-theme=snowy-snow],.theme__container[data-theme=snowy-snow] button{background-color:#fff}.theme__container[data-theme=snowy-snow] .hideThemesBtn{background-color:#3e99f1}.theme__container[data-theme=flower-power],.theme__container[data-theme=flower-power] button{background-color:#ffc567}.theme__container[data-theme=flower-power] .hideThemesBtn{background-color:#009a5e}.theme__container.active{left:-3.5rem}.theme__container div{font-size:var(--f-xs)}.theme__icon{border-radius:100%;border:var(--clr-black) 1px solid;padding:0;width:2.5rem;cursor:pointer}.theme__button{position:relative}.desertBtn:after,.desertBtn:before,.mountainBtn:after,.mountainBtn:before,.coralBtn:after,.coralBtn:before,.mainBtn:after,.mainBtn:before,.flowerBtn:after,.flowerBtn:before{--scale: 0;content:attr(data-tooltip);position:absolute;bottom:10%;left:70%;transition:transform .2s;transform:translate(15%) translateY(10px) scale(var(--scale))}.desertBtn:before,.mountainBtn:before,.coralBtn:before,.mainBtn:before,.flowerBtn:before{background:#292929;color:#fff;padding:5px;width:max-content;font-size:var(--f-xs);font-family:MabryPro-Regular}.desertBtn:hover:before,.mountainBtn:hover:before,.coralBtn:hover:before,.mainBtn:hover:before,.flowerBtn:hover:before{--scale: 1}.flowerBtn,.mountainBtn,.coralBtn{border-radius:100%;background-color:#fff!important}.showThemesBtn{position:fixed;left:-3.5rem;top:200px;text-transform:uppercase;width:3.5rem;padding:.5rem 0;font-family:MabryPro-Regular;font-size:var(--f-xs);border:2px solid var(--clr-black);border-left:none;transition:.3s ease;cursor:pointer;background-color:#23a79a}.showThemesBtn.active{left:0}.showThemesBtn.active[data-theme=desert-fruit]{background-color:#f05542}.showThemesBtn.active[data-theme=neon-mountain]{background-color:#ff687d}.showThemesBtn.active[data-theme=funky-corals]{background-color:#e975a6}.showThemesBtn.active[data-theme=snowy-snow]{background-color:#3e99f1}.showThemesBtn.active[data-theme=flower-power]{background-color:#009a5e}@media (max-width: 30em){.theme__container,.showThemesBtn{display:none}}.marquee{position:relative;background:#FF91E7;color:#000;padding:3rem 0;font-weight:600;font-size:var(--f-la);font-family:RANG2;text-transform:uppercase;overflow:hidden;margin-bottom:5rem}.marquee[data-theme=desert-fruit]{background:#00AF79;color:#000}.marquee[data-theme=neon-mountain]{background:#D9D9D9;color:#000}.marquee[data-theme=funky-corals]{background:#4C6091;color:#ffeacb}.marquee[data-theme=snowy-snow]{background:#3E99F1;color:#191516}.marquee[data-theme=flower-power]{background:#552CB8;color:#fff}.marquee__inner{display:flex;flex:auto;width:fit-content;flex-direction:row}.marquee__part{display:flex;align-items:center;flex-shrink:0;padding:0 2rem}.container{max-width:72rem;margin-inline:auto;padding-inline:5rem;display:flex;align-items:center;gap:3rem;width:100%;margin-top:8rem}.hero__grid{width:100%;display:flex;flex-direction:column;justify-content:center;font-family:MabryPro-Regular;margin-bottom:3rem}.hero__grid .h1-main{font-family:BLACK emerson;font-size:var(--f-xl);color:#000;text-transform:uppercase;align-self:center}.hero__grid .header-text{align-self:center;margin-bottom:7rem;font-size:1.25rem}.hero__grid .search{display:grid;grid-template-columns:2rem 1fr 3rem;grid-template-rows:1fr;justify-content:center;margin:0 auto;width:70%;margin-bottom:2rem}.hero__grid .search i{grid-column:1/2;grid-row:1/4;z-index:5;justify-self:center;line-height:3rem;padding-left:1rem;height:3rem}.hero__grid .search input{height:3rem;grid-column:1/6;grid-row:1/4;padding-left:3rem;padding-right:1rem;border:2px solid var(--clr-black);outline:none}.hero__grid .search button{grid-column:3/6;grid-row:1/4;z-index:5;height:3rem;width:5rem;background-color:#ff91e7;cursor:pointer;color:var(--clr-black);border:2px solid var(--clr-black);text-decoration:none}.hero__grid .filter__menu-desktop{display:flex;gap:2.25rem}.hero__grid .filter__btn{font-family:MabryPro-Regular;transition:.3s ease;display:inline-block;vertical-align:middle;padding:.5rem .75rem;font-size:.875rem;line-height:1.3;cursor:pointer;overflow:hidden;white-space:nowrap;color:#000}.hero__grid .filter__btn.active{background-color:#91a8ec;outline:1px solid var(--clr-black)}.hero__grid .filter__btn:hover{transform:translate(-.25rem,-.25rem);box-shadow:.25rem .25rem 0 var(--clr-black);background-color:#91a8ec;outline:1px solid var(--clr-black)}.hero__grid .filter__menu-btn{display:none}.hero__grid[data-theme=desert-fruit] .h1-main{color:#000}.hero__grid[data-theme=desert-fruit] .search button{background-color:#f05542}.hero__grid[data-theme=desert-fruit] .filter__btn{color:#000}.hero__grid[data-theme=desert-fruit] .filter__btn.active,.hero__grid[data-theme=desert-fruit] .filter__btn:hover{background-color:#00af79}.hero__grid[data-theme=neon-mountain] .h1-main,.hero__grid[data-theme=neon-mountain] .header-text{color:#fff}.hero__grid[data-theme=neon-mountain] .search button{background-color:#d9d9d9}.hero__grid[data-theme=neon-mountain] .filter__btn{color:#fff}.hero__grid[data-theme=neon-mountain] .filter__btn.active,.hero__grid[data-theme=neon-mountain] .filter__btn:hover{background-color:#333030;outline:1px solid #D9D9D9}.hero__grid[data-theme=funky-corals] .h1-main{color:#191516}.hero__grid[data-theme=funky-corals] .search button{background-color:#e975a6}.hero__grid[data-theme=funky-corals] .filter__btn{color:#191516}.hero__grid[data-theme=funky-corals] .filter__btn.active,.hero__grid[data-theme=funky-corals] .filter__btn:hover{background-color:#ffc857}.hero__grid[data-theme=snowy-snow] .h1-main{color:#1677d1}.hero__grid[data-theme=snowy-snow] .search button{background-color:#3e99f1}.hero__grid[data-theme=snowy-snow] .filter__btn{color:#191516}.hero__grid[data-theme=snowy-snow] .filter__btn.active,.hero__grid[data-theme=snowy-snow] .filter__btn:hover{background-color:#5fb2ff}.hero__grid[data-theme=flower-power] .h1-main{color:#552cb8}.hero__grid[data-theme=flower-power] .search button{background-color:#009a5e}.hero__grid[data-theme=flower-power] .filter__btn{color:#191516}.hero__grid[data-theme=flower-power] .filter__btn.active,.hero__grid[data-theme=flower-power] .filter__btn:hover{background-color:#ffc567}#searchContainer,#filterContainer{display:none}@media (max-width: 56em){.hero__grid{grid-template-columns:80% 1fr}.hero__grid .search{width:80%}.hero__grid .search button,.hero__grid .filter__menu-desktop{display:none}.hero__grid .filter__menu,.hero__grid .filter__menu-btn{display:block;font-family:MabryPro-Regular;grid-area:topr}.hero__grid .mobile-filter-row{display:flex;gap:1rem}.hero__grid .filter__menu-btn{width:4rem;height:3rem;background-color:#ff91e7;border:2px solid #000;color:#000;position:relative;margin-left:auto}.hero__grid .filter__menu-btn .filter__menu{list-style:none;position:fixed;height:100%;width:14rem;top:4.8rem;padding-top:3rem;left:-14rem;border-right:3px solid var(--clr-black);background-color:#ff91e7;display:flex;flex-direction:column;align-items:center;gap:2rem;z-index:20;transition:ease-in .2s;color:#000}.hero__grid .filter__menu-btn .filter__menu.active{left:0}.hero__grid .filter__menu-btn .filter__menu li{border-bottom:1px solid var(--clr-black);cursor:pointer;width:80%;text-align:center;padding-bottom:1.5rem;color:#000}}@media (max-width: 30em){.container{padding-inline:1.5rem}}[data-theme=desert-fruit] .filter__menu-btn,[data-theme=desert-fruit] .filter__menu,[data-theme=desert-fruit] .filter__menu.active{background-color:#00af79}[data-theme=neon-mountain] .filter__menu-btn,[data-theme=neon-mountain] .filter__menu,[data-theme=neon-mountain] .filter__menu.active{background-color:#d9d9d9}[data-theme=funky-corals] .filter__menu-btn,[data-theme=funky-corals] .filter__menu,[data-theme=funky-corals] .filter__menu.active{background-color:#ffc857}[data-theme=snowy-snow] .filter__menu-btn,[data-theme=snowy-snow] .filter__menu,[data-theme=snowy-snow] .filter__menu.active{background-color:#5fb2ff}[data-theme=flower-power] .filter__menu-btn,[data-theme=flower-power] .filter__menu,[data-theme=flower-power] .filter__menu.active{background-color:#ffc567}.flex-row{display:flex;flex-direction:row}.flex-col{display:flex;flex-direction:column}.shadow{filter:drop-shadow(8px 8px 0px #000)}.border{border:3px solid var(--clr-black)}.hide{display:none;pointer-events:none}*,*:before,*:after{box-sizing:border-box}html{-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none}html:focus-within{scroll-behavior:smooth}html,body{height:100%}body{text-rendering:optimizeSpeed;line-height:1.5}*{margin:0;padding:0;font:inherit}ul[role=list],ol[role=list]{list-style:none}h1,h2,h3,h4,button,input,label{line-height:1.1}a:not([class]){text-decoration-skip-ink:auto;color:currentColor}img,picture,svg{max-width:100%;display:block}:target{scroll-margin-block:5ex}:root{--clr-black: #000;--clr-white: #FFF;--f-xl: clamp(4rem, 2.111111111111111rem + 4.444444444444445vw, 6.5rem);--f-la: clamp(2rem, 2.111111111111111rem + 4.444444444444445vw, 4rem);--f-m: 1.5rem;--f-s: 1rem;--f-xs: .875rem}@font-face{font-family:RANG2;src:url(/assets/RANG2-83a094d2.woff2) format("woff2")}@font-face{font-family:BLACK emerson;src:url(/assets/BLACK\ emerson-47e98421.woff2) format("woff2")}@font-face{font-family:BasementGrotesque;src:url(/assets/BasementGrotesque-cb354bfe.woff2) format("woff2")}@font-face{font-family:MabryPro-Regular;src:url(/assets/MabryPro-Regular-8c14cf81.woff2) format("woff2")}.to-top-btn{background-color:#f9f5f2;position:fixed;bottom:100px;right:28px;width:40px;height:40px;display:flex;justify-content:center;align-items:center;color:var(--clr-black);border:2px solid var(--clr-black);pointer-events:none;opacity:0;transition:all .4s;text-decoration:none;cursor:pointer;z-index:1000}.to-top-btn.active{bottom:200px;opacity:1;pointer-events:auto}#overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:linear-gradient(rgba(0,0,0,.4),rgba(0,0,0,.8));animation:fade-in .5s;z-index:9}#overlay .overlay-x{font-size:42px;color:var(--clr-white);position:absolute;top:15%;left:92%;z-index:40;cursor:pointer}.loader{width:48px;height:48px;border:5px solid #000;border-bottom-color:transparent;border-radius:50%;margin:auto;display:none;box-sizing:border-box;animation:rotation 1s linear infinite}body{background-color:#fceee3}body .showMoreBtn{display:flex;justify-self:center;font-family:MabryPro-Regular;margin:auto;background-color:#ff91e7;padding:1.75rem 3.5rem;border:3px solid var(--clr-black);margin-bottom:5rem;transition:.2s ease;cursor:pointer}body .showMoreBtn:hover{transform:translate(-.25rem,-.25rem);box-shadow:.3rem .3rem 0 var(--clr-black)}body footer{background-color:#f9f5f2;height:28rem;display:flex;justify-content:center;padding:2rem;font-family:MabryPro-Regular;border-top:3px solid var(--clr-black)}body footer .footer__content{max-width:64rem;display:grid;justify-content:center;align-items:center;grid-template-columns:70% 30%;grid-template-rows:1fr 1fr;gap:4rem;margin:0 5rem}body footer .footer__content .footer-logo-clr{fill:#23a79a}body footer .socials{grid-row:2;list-style:none;display:flex;gap:1rem;cursor:pointer}body footer .socials>*:hover{font-style:italic}body footer .author{grid-row:2;justify-self:flex-end}body footer .slogan{font-family:RANG2;font-size:2.6rem;max-width:32rem}body footer .footer-logo{width:8rem;justify-self:flex-end}body[data-theme=desert-fruit]{background-color:#bb9c7e}body[data-theme=desert-fruit] .showMoreBtn{background-color:#f05542}body[data-theme=desert-fruit] footer{background-color:#ceb8a2}body[data-theme=desert-fruit] footer .footer__content .footer-logo-clr{fill:#f05542}body[data-theme=neon-mountain]{background-color:#56555b}body[data-theme=neon-mountain] .showMoreBtn{background-color:#ff687d}body[data-theme=neon-mountain] footer{background-color:#d9d9d9}body[data-theme=neon-mountain] footer .footer__content .footer-logo-clr{fill:#ff687d}body[data-theme=funky-corals]{background-color:#4eb6b5}body[data-theme=funky-corals] .showMoreBtn{background-color:#e975a6}body[data-theme=funky-corals] footer{background-color:#70dacf}body[data-theme=funky-corals] footer .footer__content .footer-logo-clr{fill:#e975a6}body[data-theme=snowy-snow]{background-color:#fff}body[data-theme=snowy-snow] .showMoreBtn{background-color:#3e99f1}body[data-theme=snowy-snow] footer{background-color:#3e99f1}body[data-theme=snowy-snow] footer .footer__content .footer-logo-clr{fill:#3e99f1}body[data-theme=flower-power]{background-color:#fc7da8}body[data-theme=flower-power] .showMoreBtn{background-color:#009a5e}body[data-theme=flower-power] footer{background-color:#ffc567}body[data-theme=flower-power] footer .footer__content .footer-logo-clr{fill:#009a5e}@media (max-width: 56em){#overlay .overlay-x{top:12%;left:86%}body footer .footer__content{gap:2rem}body footer .footer__content .slogan{max-width:26rem;font-size:2rem}body footer .footer__content .footer-logo{width:4rem}}@media (max-width: 36em){body footer{height:32rem}body footer .footer__content{grid-template-columns:100%;grid-template-rows:1fr 1fr 1fr 1fr}body footer .slogan div{font-size:2rem;text-align:center}body footer .footer-logo{grid-row:2;justify-self:center}body footer .socials{grid-row:3;justify-self:center}body footer .author{grid-row:4;justify-self:center}}.main-login{position:relative;display:flex;flex-direction:row;justify-content:center;align-items:center;width:100%;min-height:100vh;overflow:hidden;padding:2rem;background-color:#fceee3;font-family:MabryPro-Regular;opacity:.8;background-size:80px 80px;background-image:repeating-linear-gradient(to right,#000000,#000000 2px,#fceee3 1px,#fceee3)}.main-login .home-btn{position:absolute;top:1.5rem;right:1.5rem;padding:.75rem 1rem;background-color:#fceee3;cursor:pointer;color:var(--clr-black);border:2px solid var(--clr-black);text-decoration:none}.main-login .home-btn:hover{font-style:italic}.box{margin-top:4rem;max-width:64rem;width:100%;height:40rem;background-color:#f9f5f2;filter:drop-shadow(12px 12px 0px #000);position:relative;border:var(--clr-black) 3px solid}.inner-box{position:absolute;width:100%;height:100%;top:50%;left:50%;transform:translate(-50%,-50%)}.forms-wrap{display:grid;grid-template-columns:1fr;grid-template-rows:1fr;position:absolute;height:100%;width:45%;top:0;left:0;transition:.8s ease-in-out}.welcome-box{position:absolute;height:100%;width:55%;top:0;left:45%;background-color:#23a79a;transition:.8s ease-in-out;display:flex;flex-direction:row;justify-content:center;align-items:center}.welcome-box svg{width:9rem;padding-bottom:5rem}.welcome-box .login-front-logo{fill:#ea4c89}.login-toggle{cursor:pointer;font-weight:700}.login-form,.register-form{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:2rem}.login-form p,.register-form p{opacity:.8;margin:.2rem 2rem 1.25rem;text-align:center}.login-form{display:flex;flex-direction:column;justify-content:center;align-items:center;max-width:260px;width:100%;margin:0 auto;height:100%;gap:2rem;padding-bottom:4rem}.login-error-msg,.register-error-msg{max-width:22rem;font-size:15px;text-align:center;margin-bottom:5px}.error-message,.reg-error-message{display:none}.forms-wrap form{grid-column:1/2;grid-row:1/2;transition:opacity .02s .4s}.forms-wrap form.register-form{opacity:0;pointer-events:none}.login-header h2{font-size:2rem;margin-bottom:15px}.login-logo{width:52px}.actual-form,.input-wrap{display:flex;flex-direction:column;align-items:center}.input-wrap{margin:8px 0}.input-wrap label{text-align:left;justify-self:flex-start;align-self:start;margin-bottom:5px;padding-left:5px}.input-wrap input{height:2rem;padding-left:1rem;border:2px solid var(--clr-black);outline:none;filter:drop-shadow(5px 5px 0px #000)}.login-btn{background-color:#ff91e8;color:var(--clr-black);margin:1rem 0;border:2px solid var(--clr-black);outline:none;cursor:pointer;text-align:center;width:160px;height:50px;transition:.2s ease}.login-btn:hover{transform:translate(-.25rem,-.25rem);box-shadow:.25rem .25rem 0 var(--clr-black);outline:1px solid var(--clr-black)}.main-login.active .forms-wrap form.login-form{opacity:0;pointer-events:none}.main-login.active .forms-wrap form.register-form{opacity:1;pointer-events:all}.main-login.active .forms-wrap{left:55%}.main-login.active .welcome-box{left:0}.loader{width:16px;height:16px;border:2px solid var(--clr-black);border-bottom-color:transparent;border-radius:50%;display:inline-block;box-sizing:border-box;animation:rotation 1s linear infinite}@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 53.125em){.main-login .home-btn{top:.6rem;right:1rem}.box{height:auto;max-width:550px;overflow:hidden}.inner-box{position:static;transform:none;width:revert;height:revert}.forms-wrap,.welcome-box{position:revert;width:100%;height:auto}.welcome-box svg{width:3rem;padding-bottom:0}.forms-wrap form{max-width:revert;height:650px;transition:transform .8s ease-in-out,opacity .45s linear}.forms-wrap form.register-form{transform:translate(100%)}.main-login.active .login-form{transform:translate(-100%)}.main-login.active .register-form{transform:translate(0)}}dialog::backdrop{background:linear-gradient(rgba(0,0,0,.4),rgba(0,0,0,.8));animation:fade-in .5s}.profile-main{display:flex;flex-direction:row;justify-content:center;align-items:center;width:100%;min-height:100vh;overflow:hidden;padding:2rem;background-color:#fceee3;font-family:MabryPro-Regular;position:relative}.profile-main .delete-modal{display:none;position:fixed;top:40%;margin:auto;transform:translate(-50%,-50%);z-index:10;background-color:#f6cb44;border:3px solid var(--clr-black);padding:2rem;width:18rem;text-align:center}.profile-main .delete-modal p{margin-bottom:10px}.profile-main .delete-modal button{cursor:pointer;color:var(--clr-black);border:2px solid var(--clr-black);text-decoration:none;padding:.5rem 1rem;outline:none;margin-bottom:1.25rem;transition:.2s ease;background-color:#ff91e7}.profile-main .delete-modal button:hover{transform:translate(-3px,-3px);box-shadow:3px 3px var(--clr-black)}.profile-main #overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:linear-gradient(rgba(0,0,0,.4),rgba(0,0,0,.8));animation:fade-in .5s;z-index:9}.profile-main #overlay .overlay-x{font-size:42px;color:var(--clr-white);position:absolute;top:15%;left:92%;z-index:40;cursor:pointer}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.profile-main .profile-img-modal{height:14rem;width:24rem;background-color:#f6cb44;position:relative}.profile-main .profile-img-modal .profile-img-form{display:flex;flex-direction:column;align-items:center;padding-top:2.5rem}.profile-main .profile-img-modal .profile-img-form [data-modal]{display:none}.profile-main .profile-img-modal .profile-img-form [data-close-modal]{position:absolute;top:-2px;right:-2px;background-color:#ff91e7}.profile-main .profile-img-modal .profile-img-form label{margin-bottom:1.5rem}.profile-main .profile-img-modal .profile-img-form button{background-color:#ff91e7;cursor:pointer}.profile-main .profile-img-modal .profile-img-form input,.profile-main .profile-img-modal .profile-img-form button{padding:.5rem 1rem;outline:none;border:2px solid var(--clr-black);color:var(--clr-black);margin-bottom:1.25rem;transition:.2s ease}.profile-main .profile-img-modal .profile-img-form input:focus,.profile-main .profile-img-modal .profile-img-form button:focus{transform:translate(-5px,-5px);box-shadow:5px 5px var(--clr-black)}.profile-main [data-modal].modal-visible{display:block}.profile-main .profile-section{margin:5rem 0;max-width:84rem;width:100%;height:auto;background-color:#91a8ec}.profile-main .profile-section .profile-info{display:flex;justify-content:center;align-items:center;gap:5rem;border-bottom:3px solid var(--clr-black);padding:2rem}.profile-main .profile-section .profile-info .profile-img-container{position:relative}.profile-main .profile-section .profile-info .profile-img-container .edit-button{position:absolute;top:92%;right:38%;padding:.25rem .85rem;font-size:14px;background-color:#f6cb44;outline:none;border:1px solid var(--clr-black);color:var(--clr-black);cursor:pointer}.profile-main .profile-section .profile-info .profile-img{border-radius:100%;width:16rem;height:16rem;object-fit:cover}.profile-main .profile-section .profile-info .email{text-decoration:none;color:var(--clr-black)}.profile-main .profile-section .profile-info .name{font-size:2rem;font-family:BasementGrotesque;text-align:center;padding-top:1rem}.profile-main .profile-section .profile-info .info-list li{list-style:none;margin-top:1rem}.profile-main .profile-section .profile-info .funds{font-size:1.25rem;font-weight:700}.profile-main .profile-section .current{background-color:#f6cb44}.profile-main .profile-section .listings{background-color:#23a79a}.profile-main .profile-section .card-article{padding:2rem 4rem;border-bottom:3px solid var(--clr-black)}.profile-main .profile-section .card-article h2{font-size:1.5rem;padding-bottom:1rem}.profile-main .profile-section .card-article .profile-card-container{width:100%;height:auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(10rem,13rem));gap:2rem}.profile-main .profile-section .card-article .profile-card-container .profile-card{height:20rem;width:100%;transition:.2s ease;text-decoration:none;background-color:#f9f5f2}.profile-main .profile-section .card-article .profile-card-container .profile-card:hover{transform:translate(-.25rem,-.25rem);box-shadow:.25rem .25rem 0 var(--clr-black)}.profile-main .profile-section .card-article .profile-card-container .profile-card img{height:45%;width:100%;object-fit:cover;border-bottom:3px solid var(--clr-black)}.profile-main .profile-section .card-article .profile-card-container .profile-card div{text-align:left;height:40%;padding:1rem;font-size:1.25rem;font-family:BasementGrotesque;color:var(--clr-black);overflow:hidden;text-overflow:ellipsis}.profile-main .profile-section .card-article .profile-card-container .profile-card .btn-container{height:15%;display:flex;justify-content:space-evenly;align-items:center;gap:.5rem}.profile-main .profile-section .card-article .profile-card-container .profile-card .btn-container a{padding:5px 8px;outline:2px solid var(--clr-black);font-size:14px;text-decoration:none;color:var(--clr-black);cursor:pointer;width:4.85rem;text-align:center;line-height:20px}.profile-main .profile-section .card-article .profile-card-container .profile-card .btn-container a:hover{font-style:italic}.profile-main .profile-section .card-article .profile-card-container .profile-card .btn-container .deleteBtn{background-color:#ff91e7}.profile-main .profile-section .card-article .profile-card-container .profile-card .btn-container .viewBtn{background-color:#f6cb44}@media (max-width: 42rem){.profile-main .profile-img-modal{width:80%}.profile-main .profile-section .card-article{padding:2rem}.profile-main .profile-section .card-article .profile-card-container{grid-template-columns:repeat(auto-fit,minmax(10rem,1fr))}.profile-main .profile-section .profile-info{flex-direction:column;gap:1rem}.profile-main #overlay .overlay-x{font-size:42px;color:var(--clr-white);position:absolute;top:15%;left:88%;z-index:40}}body.modal-open{overflow:hidden}.main-create{display:flex;flex-direction:row;justify-content:center;align-items:center;width:100%;min-height:100vh;overflow:hidden;padding:2rem;background-color:#fceee3;font-family:MabryPro-Regular;opacity:.8;background-size:80px 80px;background-image:repeating-linear-gradient(to right,#000000,#000000 2px,#fceee3 1px,#fceee3)}.main-create .create-box{margin-top:5rem;padding:1rem 0 5rem;max-width:64rem;width:100%;height:auto;background-color:#f6cb44}.main-create .create-box .create-form{display:flex;flex-direction:column;width:60%;margin-inline:auto;padding-top:3rem}.main-create .create-box .create-form h1{font-size:var(--f-m);font-weight:700;margin-bottom:2rem;text-align:center}.main-create .create-box .create-form label{margin-bottom:.25rem}.main-create .create-box .create-form input,.main-create .create-box .create-form textarea,.main-create .create-box .create-form button,.main-create .create-box .create-form .media-btn{padding:.5rem 1rem;outline:none;border:2px solid var(--clr-black);margin-bottom:1.25rem;transition:.2s ease}.main-create .create-box .create-form input:focus,.main-create .create-box .create-form textarea:focus,.main-create .create-box .create-form button:focus,.main-create .create-box .create-form .media-btn:focus{transform:translate(-5px,-5px);box-shadow:5px 5px var(--clr-black)}.main-create .create-box .create-form .media-btn{text-align:center}.main-create .create-box .create-form .media-btn,.main-create .create-box .create-form .create-btn{cursor:pointer;background-color:#ff91e7;color:var(--clr-black);font-weight:700;transition:.2s ease}.main-create .create-box .create-form .media-btn:hover,.main-create .create-box .create-form .create-btn:hover{transform:translate(-5px,-5px);box-shadow:5px 5px var(--clr-black)}.main-create .create-box .create-form textarea{resize:none}.main-create .create-box .create-form .thumbnails-container{display:flex;gap:1rem;margin-bottom:1.25rem}.main-create .create-box .create-form .thumbnails-container .thumbnail-box{position:relative}.main-create .create-box .create-form .thumbnails-container .thumbnail-box .remove-thumbnail{cursor:pointer;position:absolute;font-size:14px;line-height:14px;text-align:center;height:18px;width:18px;background-color:#23a79a;color:var(--clr-black);top:0;right:0;border-top:2px solid var(--clr-black);border-right:2px solid var(--clr-black)}.main-create .create-box .create-form .thumbnails-container div{aspect-ratio:1/1;height:auto;max-width:6rem}.main-create .create-box .create-form .thumbnails-container div img{aspect-ratio:1/1;width:100%;object-fit:cover;border:2px solid var(--clr-black);filter:drop-shadow(5px 5px var(--clr-black))}.main-create .create-box .create-form #tags{margin-bottom:.825rem}.main-create .create-box .create-form .tags-container{display:flex;flex-wrap:wrap;height:auto;width:100%;max-width:32rem}.main-create .create-box .create-form .tags-container .tag{display:inline-block;padding:4px 10px;font-size:14px;background:#eee;margin:3px;text-transform:lowercase;cursor:default;line-height:1rem;filter:drop-shadow(3px 2px var(--clr-black))}.main-create .create-box .create-form .tags-container .tag .tag-close{cursor:pointer;margin-left:5px;font-size:14px}.main-create .create-box .create-form .date-flex{display:flex;gap:1rem;margin:1rem 0}.main-create .create-box .create-form .date-flex input[type=date],.main-create .create-box .create-form .date-flex input[type=time]{color:#000;height:3rem}.main-create .create-box .create-form .date-flex :first-child{width:55%}.main-create .create-box .create-form .date-flex :first-child input{width:100%}.main-create .create-box .create-form .date-flex :last-child{width:45%}.main-create .create-box .create-form .date-flex :last-child input{width:100%}[data-modal]{margin:auto;height:40rem;width:80%;max-width:44rem;background-color:#23a79a;overflow:hidden;display:none}[data-modal] h2{text-align:center;font-size:var(--f-m);font-weight:700;padding-bottom:2rem}[data-modal] .upload-images-form{display:flex;flex-direction:column;margin-inline:auto;padding:6rem;height:100%;width:100%}[data-modal] .upload-images-form label{margin-bottom:5px}[data-modal] .upload-images-form input{padding:.5rem 1rem;outline:none;border:2px solid var(--clr-black);margin-bottom:1.25rem;transition:.1s ease}[data-modal] .upload-images-form input:focus{transform:translate(-5px,-5px);filter:drop-shadow(5px 5px var(--clr-black))}[data-modal] .upload-images-form .upload-btn{background-color:#ff91e7;color:var(--clr-black);cursor:pointer;padding:.5rem 1rem;outline:none;border:2px solid var(--clr-black);transition:.2s ease;margin:1.25rem 0}[data-modal] .upload-images-form .upload-btn:hover{filter:drop-shadow(5px 5px var(--clr-black));transform:translate(-5px,-5px)}[data-modal] .upload-images-form [data-close-modal]{background-color:#ff91e7;cursor:pointer;position:absolute;top:-3px;right:-3px;aspect-ratio:1/1;height:3rem;font-size:1.5rem;outline:none;border:3px solid var(--clr-black)}[data-modal] .upload-images-form .camera-icon{margin:auto;font-size:38px}[data-modal].modal-visible{display:block}@media (max-width: 42em){.main-create .create-box .create-form{width:90%}.main-create .create-box .create-form .date-flex{flex-direction:column}.main-create .create-box .create-form .date-flex :first-child{width:100%}.main-create .create-box .create-form .date-flex :last-child{width:100%}[data-modal] .upload-images-form{padding:6rem 2rem}}.listing-body{height:100vh;width:100%}.main-listing{display:flex;flex-direction:row;justify-content:center;align-items:center;width:100%;min-height:100vh;overflow:hidden;padding:2rem;background-color:#f6cb44;font-family:MabryPro-Regular}.main-listing .listing-box{margin-top:5rem;max-width:84rem;width:100%;height:100%;background-color:#f9f5f2}.main-listing .listing-box .image-profile-container{display:flex;width:100%;height:32rem;border-bottom:3px solid var(--clr-black)}.main-listing .listing-box .image-profile-container .carousel{width:60%;height:100%;position:relative}.main-listing .listing-box .image-profile-container .carousel ul{list-style:none}.main-listing .listing-box .image-profile-container .carousel ul .slideImg{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;border-right:solid 3px var(--clr-black);transition:.1s opacity ease-in-out;transition-delay:.1s}.main-listing .listing-box .image-profile-container .carousel ul .slideImg.active{opacity:1;transition-delay:0ms}.main-listing .listing-box .image-profile-container .carousel ul .slideImg img{height:100%;width:100%;object-fit:cover}.main-listing .listing-box .image-profile-container .carousel ul .slide[data-active]{opacity:1;transition-delay:0ms}.main-listing .listing-box .image-profile-container .carousel .carousel-button{cursor:pointer;position:absolute;outline:none;z-index:20;background-color:#f6cb44;width:2.5rem;line-height:2rem;aspect-ratio:1/1;top:50%;transform:translateY(-50%);border:solid 3px var(--clr-black);color:var(--clr-black)}.main-listing .listing-box .image-profile-container .carousel .prev{left:-8px}.main-listing .listing-box .image-profile-container .carousel .next{right:-5px}.main-listing .listing-box .image-profile-container .profile-box{height:100%;width:40%;display:flex;flex-direction:column;justify-content:center;align-items:center;overflow:hidden}.main-listing .listing-box .image-profile-container .profile-box .img-box{height:50%;margin:2rem}.main-listing .listing-box .image-profile-container .profile-box .img-box .img-avatar{height:14rem;object-fit:cover;width:14rem;border-radius:100%;outline:none}.main-listing .listing-box .image-profile-container .profile-box .profile-name{font-size:var(--f-m);font-weight:700}.main-listing .listing-box .image-profile-container .profile-box .mobile-date{display:none}.main-listing .listing-box .listing-description{width:100%;height:auto;max-height:auto;min-height:14rem;border-bottom:3px solid var(--clr-black);padding:3rem;display:flex}.main-listing .listing-box .listing-description .description{width:65%;word-break:normal;overflow:hidden}.main-listing .listing-box .listing-description .description h1{font-size:var(--f-la);margin-bottom:1rem;text-overflow:ellipsis;overflow:hidden}.main-listing .listing-box .listing-description .start-end{width:35%;display:flex;flex-direction:column;gap:1rem;align-items:center}.main-listing .listing-box .listing-description .start-end div{width:100%;text-align:center}.main-listing .listing-box .listing-description .start-end .end{font-size:1.5rem;margin-top:1rem}.main-listing .listing-box .bidding-section{display:flex;flex-direction:column;justify-content:center;align-items:center;height:auto;padding:3rem;gap:2.5rem}.main-listing .listing-box .bidding-section .leader-box{font-size:1.25rem;display:flex;flex-direction:column;align-items:center;flex-wrap:wrap;gap:1rem}.main-listing .listing-box .bidding-section .leader-box .leader-flex{display:flex;flex-wrap:wrap;gap:1.5rem;font-size:2rem;font-weight:700;justify-content:center;align-items:center}.main-listing .listing-box .bidding-section .bid-form{text-align:center}.main-listing .listing-box .bidding-section .bid-form .amount-box{display:flex;align-items:center}.main-listing .listing-box .bidding-section .bid-form input{font-family:MabryPro-Regular;margin:1rem 1.5rem;padding:1rem 1.5rem;text-align:center}.main-listing .listing-box .bidding-section .bid-form .amount-btn{background-color:#23a79a;display:flex;justify-content:center;align-items:center;cursor:pointer;font-size:1.2rem;line-height:1.2rem;text-align:center;font-weight:700;height:3rem;width:3rem;padding:.5rem 1rem;border-radius:100%;outline:none;border:2px solid black;transition:.1s ease;transform:translate(-5px,-5px);filter:drop-shadow(4px 4px black)}.main-listing .listing-box .bidding-section .bid-form .amount-btn:active{transform:translate(0);filter:none}.main-listing .listing-box .bidding-section .bid-form .bid-btn{background-color:#ff91e7;color:var(--clr-black);text-transform:uppercase;font-weight:800;outline:none;cursor:pointer;padding:1rem 1.5rem;transform:translate(-5px,-5px);filter:drop-shadow(5px 5px black);margin-bottom:3rem}.main-listing .listing-box .bidding-section .login-message{display:none}@media (max-width: 48em){.main-listing .listing-box .listing-description .description h1{font-size:3rem}.main-listing .listing-box .image-profile-container{flex-direction:column}.main-listing .listing-box .image-profile-container .carousel{order:2;width:100%;border-top:3px solid var(--clr-black)}.main-listing .listing-box .image-profile-container .carousel ul .slide{border-right:none}.main-listing .listing-box .image-profile-container .carousel .next{right:2px}.main-listing .listing-box .image-profile-container .carousel .prev{left:2px}.main-listing .listing-box .image-profile-container .img-box{display:none}.main-listing .listing-box .image-profile-container .profile-box{order:1;height:20%;width:100%;justify-content:start;padding-left:3rem;flex-direction:row;gap:1.5rem}.main-listing .listing-box .image-profile-container .profile-box .mobile-date{display:block;margin-left:auto;padding-right:3rem}.main-listing .listing-box .listing-description{justify-content:space-between}.main-listing .listing-box .listing-description .desktop-start-date{display:none}.main-listing .listing-box .listing-description .start-end{width:30%}}@media (max-width: 40.25em){.main-listing .listing-box .listed-by{display:none}.main-listing .listing-box .listing-description{flex-direction:column;width:100%;gap:3rem}.main-listing .listing-box .listing-description .start-end,.main-listing .listing-box .listing-description .description{width:100%}}@media (max-width: 30rem){.main-listing .listing-box .listing-description .description h1{font-size:2rem}.main-listing .listing-box .image-profile-container .profile-box{padding-left:1rem;gap:1rem}.main-listing .listing-box .image-profile-container .profile-box .profile-name{font-size:1rem}.main-listing .listing-box .image-profile-container .profile-box .mobile-date{padding-right:1rem}.main-listing .listing-box .listing-description,.main-listing .listing-box .bidding-section{padding:2rem}.main-listing .listing-box .bidding-section .leader{font-size:24px}.main-listing .listing-box .bidding-section .bid-form .amount-btn{display:none}}body .contact-p{text-align:center;margin-bottom:12px}body #successMessage{color:var(--clr-black);text-align:center;display:none}