body{margin:0;height:100%;width:100%;overflow:hidden}.checkout{height:100%;width:100%;background-color:#fff;display:flex;justify-content:center}.checkout .checkoutProducts{height:100vh;width:40%;border-left:1px solid black}.checkout .checkoutProducts .checkoutTotal{display:flex;flex-direction:column;align-items:center;gap:0;border-bottom:1px solid grey}.checkout .checkoutProducts .checkoutTotal div{display:flex;justify-content:center;align-items:center;width:100%;line-height:0;gap:10px;border-bottom:1px dashed grey}.checkout .checkoutProducts .checkoutTotal .checkoutTotalInfo{width:100%;padding-left:0;line-height:0}.checkout .checkoutProducts .checkoutTotal .checkoutTotalInfo li{margin-left:0;display:flex;justify-content:space-between;padding:0 10px}.checkout .checkoutProducts .productSection{overflow-y:auto;overflow-x:hidden;height:60%}.checkout .checkoutProducts .productSection .products{display:flex;font-size:12px;padding:5px;gap:10px;width:100%;border-bottom:1px solid grey}.checkout .checkoutProducts .productSection .products img{height:50px;width:50px;background-color:gray}.checkout .checkoutProducts .productSection .products button{background:none;border:none;cursor:pointer;font-size:10px}.checkout .checkoutProducts .productSection .products button:hover{text-decoration:underline}.checkout .checkoutForm{display:flex;flex-direction:column;align-items:center;background-color:#fff;width:70%}.checkout .checkoutForm h1{margin:10px 0;font-size:30px}.checkout .checkoutForm form{height:fit-content;width:80%;text-align:center;border:1px solid black;border-top-left-radius:25px;border-top-right-radius:25px}.checkout .checkoutForm form input{height:20px;margin:5px}.checkout .checkoutForm form label{font-size:18px}.checkout .checkoutForm form .paymentSection{padding:10px 0;display:flex;justify-content:center;align-items:center;border-bottom:1px dashed grey;gap:20px}.checkout .checkoutForm form .paymentSection p{font-size:18px;margin:5px}.checkout .checkoutForm form .paymentSection div{display:flex;align-items:center}.checkout .checkoutForm form .contactSection{padding:10px 0;display:flex;flex-direction:column;align-items:center;gap:10px;border-bottom:1px dashed grey}.checkout .checkoutForm form .contactSection div{display:flex;justify-content:center;align-items:center}.checkout .checkoutForm form .contactSection div label{font-size:12px}.checkout .checkoutForm form .shippingSection{display:flex;flex-direction:column;align-items:center;padding:10px 0}.checkout .checkoutForm form button{background-color:#000;color:#fff;padding:20px;width:100%;font-size:24px}.shoppingCart{position:fixed;right:0;height:50%;width:35%;z-index:5;border:1px solid grey}.shoppingCart h2{margin:0;text-align:center;background-color:#fff;width:100%;border:1px solid white;border-bottom:1px solid black}.shoppingCart .productSection{height:80%;overflow-y:auto;background-color:#000c;cursor:default}.shoppingCart .productSection .cartProduct{border-top:1px solid gray;border-bottom:1px solid gray;width:100%;display:flex;justify-content:center;align-items:center;gap:10px;background-color:#fff}.shoppingCart .productSection .cartProduct img{height:50px;width:50px;background-color:gray}.shoppingCart .checkoutSection{background-color:#fff}.shoppingCart .checkoutSection .cartTotal{display:flex;justify-content:center;align-items:center;cursor:default;width:100%;margin:0;border-top:1px solid black;border-bottom:1px solid black}.shoppingCart .checkoutSection .continue{color:#00f;text-decoration:underline;width:100%;text-align:center;line-height:0;cursor:pointer}.shoppingCart .checkoutSection a{display:flex;justify-content:center;align-items:center;text-decoration:none;background-color:#000;font-size:26px;font-weight:100;color:#fff;width:100%;height:50px}.homepage{height:100vh;width:100vw;overflow-y:scroll;overflow-x:hidden}.homepage .playlist{width:100vw;height:80vh;background-color:#fff;display:flex;justify-content:center;align-items:center}.homepage .playlist .banner{height:100%;width:100%;position:relative}.homepage .playlist .banner a{background-color:#000c;padding:30px;color:#fff;box-shadow:0 0 10px #0000004d;font-weight:500;font-size:18px;text-decoration:none;border-radius:25px;margin-bottom:10px}.homepage .playlist .banner div{position:inherit;background-repeat:no-repeat;background-size:cover;width:100%;display:flex;justify-content:center;align-items:flex-end;height:100%}.homepage .playlist .banner .inactive{display:none;background-image:none}.homepage .playlist .banner .playlistBtns{position:absolute;display:flex;height:fit-content;justify-content:space-between;align-items:center;top:50%}.homepage .playlist .banner .playlistBtns button{font-size:40px;margin:0 20px;background:none;border:none;color:#000;cursor:pointer}.homepage .carousel{background-color:#fff}.homepage .carousel .scroll-horizontal{display:flex;--gap: 2rem;gap:var(--gap)}.homepage .carousel .productCarousel{display:flex;justify-content:space-around;padding:10px 0;gap:var(--gap);animation:carouselScroll linear 30s infinite;min-width:100%}.homepage .carousel .productCarousel div{display:flex;flex-direction:column;align-items:center;width:fit-content;cursor:pointer}.homepage .carousel .productCarousel div a{position:absolute;color:snow;text-shadow:0 0 10px rgba(0,0,0,.3);font-weight:800;text-decoration:none;display:flex;justify-content:center;align-items:flex-end;font-size:26px;height:200px;width:200px}.homepage .carousel .productCarousel div img{height:200px;width:200px;background-size:cover;background-color:gray}@keyframes carouselScroll{0%{transform:translate(0)}to{transform:translate(calc(-100% - var(--gap)))}}.homepage .large-categories{background-color:#fff;padding:50px 0;display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr);justify-items:center;gap:50px 0}.homepage .large-categories div{height:300px;width:500px;display:flex}.homepage .large-categories div a{text-decoration:none;color:#fff;display:flex;align-items:flex-end;height:100%;width:100%;z-index:2;font-weight:300;text-shadow:0 0 10px rgba(0,0,0,.3);font-size:80px;padding-left:10px;cursor:pointer}footer{text-align:center;background-color:#fff;border:1px solid white;color:#000;font-weight:100}nav{display:flex;flex-direction:column;align-items:center;background-color:#fff;border-bottom:1px solid black}nav .navUpper{display:flex;justify-content:center;align-items:center;border-bottom:1px solid black;gap:75%;width:100%;z-index:10}nav .navIcons{display:flex;justify-content:center;align-items:center;gap:30px}nav .navIcons .navFave,nav .navIcons .navCart{display:flex;justify-content:center;align-items:center;gap:10px}nav .navIcons .navFave p,nav .navIcons .navCart p{font-size:18px}nav a{color:#000;font-size:26px;cursor:pointer;text-decoration:none}nav ul{display:flex;justify-content:center;align-items:center;list-style:none;gap:15%;width:100%;height:fit-content;margin:0}nav ul a{font-size:18px;text-decoration:none;color:#000}nav ul :hover{text-decoration:underline}.favoriteCart{position:fixed;left:0;bottom:0;height:50%;width:35%;z-index:5;border:1px solid black}.favoriteCart h2{margin:0;text-align:center;background-color:#fff;width:100%;border-bottom:1px solid black}.favoriteCart .favoriteSection{height:80%;overflow-y:auto;background-color:#000c;cursor:default}.favoriteCart .favoriteSection .faveProduct{border-top:1px solid gray;border-bottom:1px solid gray;width:100%;display:flex;justify-content:center;align-items:center;gap:10px;background-color:#fff}.favoriteCart .favoriteSection .faveProduct img{height:50px;width:50px;background-color:gray}.favoriteCart .favoriteSection .faveProduct button{cursor:pointer;background:none;border:none}.favoriteCart .continue{color:#fff;font-size:24px;width:100%;margin:0;background-color:#000;text-align:center;cursor:pointer}.shoppingPage{display:flex;background-color:#fff;height:100vh}.shoppingPage .searchCategories ul{list-style:none;font-size:18px;padding:0;margin:0;border-right:1px solid black;border-bottom:1px solid black}.shoppingPage .searchCategories ul li{cursor:pointer;padding-left:10px;font-weight:500}.shoppingPage .searchCategories ul :hover{text-decoration:underline}.shoppingPage .filterBar{color:#000;border-right:1px solid black;height:100%;min-width:15vw}.shoppingPage .filterBar p{text-align:center}.shoppingPage .filterBar h2{text-align:center;margin:0;padding:10px 0;border-bottom:1px solid black}.shoppingPage .filterBar li{list-style:none;color:gold;text-shadow:0 1px 1px black}.shoppingPage .filterBar .filterPrice,.shoppingPage .filterBar .filterRating{border-bottom:1px solid black;width:100%}.shoppingPage .filterBar .filterPrice .fPInfo,.shoppingPage .filterBar .filterPrice .fRInfo,.shoppingPage .filterBar .filterRating .fPInfo,.shoppingPage .filterBar .filterRating .fRInfo{display:flex;justify-content:space-evenly;gap:50%}.shoppingPage .filterBar .filterPrice .fPInfo button,.shoppingPage .filterBar .filterPrice .fRInfo button,.shoppingPage .filterBar .filterRating .fPInfo button,.shoppingPage .filterBar .filterRating .fRInfo button{background-color:#0000;border:none;font-size:18px;cursor:pointer}.shoppingPage .filterBar .filterPrice .fPRange,.shoppingPage .filterBar .filterRating .fPRange{display:flex;justify-content:center}.shoppingPage .productSection{display:flex;flex-direction:column;align-items:center;height:85vh;min-width:85vw;overflow-y:scroll}.shoppingPage .productSection .products{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:10px;width:100%}.shoppingPage .productSection .changePage{display:flex;justify-content:center;align-items:center;gap:20px;margin:10px auto}.shoppingPage .productSection .changePage button{width:100%;padding:10px;border:none;cursor:pointer;border-radius:25px}.product{display:flex;flex-direction:column;align-items:center;background-color:#fff;width:fit-content}.product img{background-color:gray;height:200px;width:200px}.product p{margin:0}.product a{cursor:pointer;text-decoration:none;color:#000}.product .productBtns button{margin:10px;padding:5px;border:none;cursor:pointer;border-radius:25px}.productView{display:flex;justify-content:center;align-items:center;gap:50px;background-color:#fff;box-shadow:0 0 10px #0000004d;color:#000;position:fixed;top:0;left:0;height:100%;animation:displayProduct .1s 0s linear}.productView .productImages{display:flex;flex-direction:column;align-self:center}.productView .productImages .productImgContainer{position:relative}.productView .productImages .productImgContainer .zoom{position:absolute;width:200px;height:200px;box-shadow:0 0 10px #0000004d;background-size:500px 500px;background-repeat:no-repeat;border:1px solid black;display:none;pointer-events:none}.productView .productImages .productImgContainer .zoom.zoomed{display:block}.productView .productImages .productImgContainer img{height:400px;width:400px;margin-top:20px;cursor:none}.productView .productImages .imageSelect{display:flex;justify-content:center;align-items:center;gap:30px;width:400px;height:100px}.productView .productImages .imageSelect img{height:75px;width:75px;margin:0;padding:0;cursor:pointer}.productView .productDetails{display:flex;flex-direction:column;align-self:center;justify-content:space-evenly;gap:10px;margin-top:40px;width:50%;height:70%;text-align:center}.productView .productDetails h1{font-size:20px;line-height:0;font-weight:400;margin:0}.productView .productDetails h2{font-size:26px;font-weight:500}.productView .productDetails aside{line-height:1.5;font-size:18px;margin:20px 0}.productView .productDetails label{font-size:20px;font-weight:400}.productView .productDetails .checkout,.productView .productDetails .checkout div{display:flex;justify-content:center;align-items:center;gap:10%}.productView .productDetails .checkout div button{cursor:pointer;font-size:18px;padding:5px;color:#000;background:none}.productView .productDetails .checkout div :active{color:gray}.productView .productDetails .checkout div p{text-shadow:0 0 10px rgba(0,0,0,.3);color:#000;border:2px solid black;padding:0 10px;box-shadow:inset 0 0 2px #00000080;font-size:18px;font-weight:400}.productView .productDetails .checkout button{cursor:pointer;background-color:green;color:#fff;font-size:14px;border:none;padding:20px;border-radius:25px}.productView .productDetails .checkout :active{color:gray}@keyframes displayProduct{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;background-color:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}