@import"https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,700;1,400&display=swap";.App{width:100vw;height:100vh;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.configurator{background-color:#000;padding:24px;display:flex;flex-direction:column;gap:16px}.configurator__section__title{text-transform:uppercase;font-weight:700;font-family:Poppins,sans-serif;color:#fff}.configurator__section__values{display:flex;flex-direction:row;gap:32px;align-items:center;flex-wrap:wrap;padding:16px 0}.item{display:flex;flex-direction:column;align-items:center;transition:all .4s}.item:hover{cursor:pointer;opacity:.9}.item__dot{width:32px;height:32px;border-radius:100%;border:solid 2px #999999}.item.item--active .item__dot{border:solid 2px white}.item__label{text-align:center;font-weight:700;font-size:12px;color:#aaa;text-transform:capitalize}.item.item--active .item__label{color:#fff}.navbar{width:100%;background-color:#171717;display:flex;justify-content:space-between;align-items:center;padding:1.5rem 1rem;z-index:50}.navbar__logo h2{color:#f4f4f4;font-size:1.4rem;cursor:pointer}.navbar__links{display:flex;list-style:none;align-items:center}.navbar__links>li{padding-left:1.5rem}.navbar__links>li>a{text-decoration:none;color:#f4f4f4;font-size:1.2rem;display:flex;align-items:center}.navbar__links>li>p{text-decoration:none;color:#f4f4f4;font-size:1.2rem;display:flex;align-items:center;cursor:pointer}.navbar__links>li>a>span{display:flex;align-items:center;margin-left:8px}.cart__link{background:#333;padding:10px;border-radius:8px}.cart__link:hover{background:#dd219e;color:#f4f4f4}.cartlogo__badge{width:30px;height:30px;background-color:#f4f4f4;border-radius:50%;margin-left:8px;color:#171717;display:flex;justify-content:center;align-items:center;font-size:1rem}.hamburger__menu{display:none;width:30px;height:30px;flex-direction:column;justify-content:space-between;align-items:center;cursor:pointer}.hamburger__menu:hover>div{background:#dd219e}.hamburger__menu>div{width:100%;height:3px;background:#f4f4f4}@media (max-width: 960px){.navbar__links{display:none}.hamburger__menu{display:flex}}@media (max-width: 500px){.navbar__logo h2{font-size:1rem}}.sidedrawer{width:70%;background:#fff;height:100vh;position:fixed;top:0;left:0;z-index:200;transform:translate(-100%);transition:all .3s ease-out;display:flex;flex-direction:column;justify-content:center}.sidedrawer.show{transform:translate(0)}.sidedrawer__links{display:flex;flex-direction:column;list-style:none}.sidedrawer__links>li{display:flex;align-items:center}.sidedrawer__links>li>a:hover{background:#333;color:#f4f4f4}.sidedrawer__links>li>a{display:flex;align-items:center;justify-content:center;text-align:center;flex:1;padding:1rem;text-decoration:none;color:#171717;font-size:1.6rem}.sidedrawer__links>li>p{display:flex;align-items:center;justify-content:center;text-align:center;flex:1;padding:1rem;text-decoration:none;color:#171717;font-size:1.6rem}.sidedrawer__links>li>a>span{display:flex;align-items:center;margin-left:8px}.sidedrawer__cartbadge{display:flex;align-items:center;justify-content:center;width:30px;height:30px;background-color:#171717;border-radius:50%;margin-left:8px;color:#fff;font-size:1rem}.sidedrawer__links>li>a:hover .sidedrawer__cartbadge{background-color:#fff;color:#171717}@media (min-width: 960px){.sidedrawer{display:none}}.backdrop{width:100%;height:100vh;background:rgba(0,0,0,.5);z-index:100;position:fixed;top:0;left:0}.homescreen{max-width:1300px;margin:1rem auto}.homescreen__title{font-size:1.5rem;color:#171717;margin-bottom:1rem;margin-left:8px}.homescreen__products{display:grid;grid-template-columns:repeat(4,1fr)}@media (max-width: 1232px){.homescreen__products{grid-template-columns:repeat(3,auto)}}@media (max-width: 950px){.homescreen__products{grid-template-columns:repeat(2,auto)}}@media (max-width: 630px){.homescreen__products{grid-template-columns:1fr}}.product{width:300px;padding:1rem;background:#fff;cursor:pointer;box-shadow:0 1px 4px #0006;margin:8px auto;display:flex;flex-direction:column;justify-content:space-between;border-radius:5%}.product>img{width:100%;height:170px;object-fit:contain;border-radius:8px}.product__info>p{margin-bottom:8px;margin-top:16px}.info__price{font-weight:700}.info__name{font-size:1rem;overflow:hidden}.info__description{font-size:.8rem}.info__button{display:block;text-decoration:none;text-align:center;color:#171717;width:100%;padding:8px 16px;background-color:#c0bb8e;font-size:1rem;border-radius:15%}.info__button:hover{background:#171717;color:#f4f4f4}@media (max-width: 1232px){.product{width:360px}}@media (max-width: 1115px){.product{width:330px}}@media (max-width: 1028px){.product{width:300px}}@media (max-width: 950px){.product{width:400px}}@media (max-width: 830px){.product{width:330px}}@media (max-width: 700px){.product{width:290px}}@media (max-width: 630px){.product{width:450px}}@media (max-width: 500px){.product{width:350px}}@media (max-width: 400px){.product{width:300px}}h1{position:absolute;top:93px;left:140px;padding:0;margin:40px;font-size:3em;font-weight:600;line-height:.7em;letter-spacing:-4px;color:#000092}.picker{position:absolute!important;top:114px;left:70px;width:90px!important;height:90px!important}.productscreen{max-width:1300px;margin:1rem auto;display:flex}.productscreen__left{display:flex;flex:.8}.left__image{margin:1rem;flex:.6}.left__info{margin:1rem;flex:.4;background:#fff;height:fit-content;font-size:.9rem}.left__name{font-weight:700;font-size:1.3rem}.left__info>p,.right__info>p{padding:1rem;border-bottom:1px solid rgba(0,0,0,.2)}.left__info>p:last-child,.right__info>p:last-child{border:none}.productscreen__right{flex:.2}.right__info{width:250px;margin:1rem;background:#fff;box-shadow:0 1px 4px #0006}.right__info p{padding:1rem;font-size:.8rem;display:grid;grid-template-columns:repeat(2,1fr)}.right__info p>button{grid-column:1/-1;width:100%;padding:10px 16px;background:#171717;color:#f4f4f4;border:1px solid #171717;cursor:pointer;border-radius:5px}.right__info select{padding:10px 16px}@media (max-width: 960px){.productscreen{flex-direction:column}.productscreen__left{flex-direction:column;flex:1}.left__image,.left__info{flex:1}.productscreen__right{flex:1;padding:1rem}.right__info{width:100%;margin:0}}.cartscreen{display:flex;max-width:1300px;margin:2rem auto}.cartscreen h2{margin-bottom:1rem}.cartscreen__left{flex:.7;margin-right:1rem;background:transparent;padding:1rem}.cartscreen__right{flex:.3;background:#fff;box-shadow:0 1px 4px #0006;height:fit-content}.cartscreen__right div{border-bottom:1px solid rgba(0,0,0,.2);padding:1rem}.cartscreen__info p{padding:8px}.cartscreen__info p:first-child{font-weight:700}.cartscreen__right div:last-child{border:none}.cartscreen__right div button{padding:10px 17px;width:100%;background:#171717;color:#f4f4f4;border:1px solid #171717;cursor:pointer}.cartscreen__right div button:hover{opacity:.9}@media (max-width: 1320px){.cartscreen{max-width:900px}}@media (max-width: 960px){.cartscreen{max-width:800px}}@media (max-width: 960px){.cartscreen{flex-direction:column}.cartscreen__right{margin:1rem}}.cartitem{width:100%;padding:1rem;display:grid;grid-template-columns:1fr 4fr 1fr 1fr 1fr;gap:8px;background:#fff;border-radius:2px;place-items:center;margin-bottom:8px}.cartItem__name{text-decoration:none;color:#171717}.cartItem__name:hover{color:#dd219e}.cartItem__select{padding:10px 17px}.cartItem__deleteBtn{padding:10px 17px;color:red;background:#f4f4f4;border:1px solid #171717;cursor:pointer;transition:all .3s ease-out}.cartItem__deleteBtn:hover,.carItem__deleteBtn:active,.carItem__deleteBtn:focus{background:#171717;transform:scale(1.2)}@media (max-width: 700px){.cartItem__name{font-size:.8rem}.cartItem__select,.cartItem__deleteBtn{padding:8px 13px}.cartitem__price{font-size:.8rem}}@media (max-width: 700px){.cartItem__name{font-size:.6rem}.cartItem__select,.cartItem__deleteBtn{padding:5px 8px}.cartitem__price{font-size:.6rem}}.signupscreen input[type=text],input[type=email],input[type=password],select,textarea{width:100%;padding:12px;border:1px solid #ccc;border-radius:4px;box-sizing:border-box;margin-top:6px;margin-bottom:16px;resize:vertical}.signupscreen input[type=submit]{background-color:#457b9d;color:#fff;padding:12px 20px;border:none;border-radius:4px;cursor:pointer;margin-top:20px}.signupscreen input[type=submit]:hover{background-color:#1d3557}.signupscreen .container p{font-size:28px;text-align:center;margin-bottom:10px}.signupscreen .container{flex-grow:1;display:flex;align-items:center}.signupscreen .container .innerContainer{border-radius:5px;background-color:#fff;padding:20px;max-width:500px;height:fit-content;border:2px solid #ccc}.signupscreen .header{background-color:#264653;width:100%;padding:20px}.signupscreen .header p{font-weight:700;font-size:20px;color:#fff}.signupscreen .container .innerContainer span{font-size:14px}.signupscreen{display:flex;align-items:center;width:100%;height:100%;flex-direction:column}.signinscreen input[type=text],input[type=email],input[type=password],select,textarea{width:100%;padding:12px;border:1px solid #ccc;border-radius:4px;box-sizing:border-box;margin-top:6px;margin-bottom:16px;resize:vertical}.signinscreen input[type=submit]{background-color:#457b9d;color:#fff;padding:12px 20px;border:none;border-radius:4px;cursor:pointer;margin-top:20px}.signinscreen input[type=submit]:hover{background-color:#1d3557}.signinscreen .container p{font-size:28px;text-align:center;margin-bottom:10px}.signinscreen .container{flex-grow:1;display:flex;align-items:center}.signinscreen .container .innerContainer{border-radius:5px;background-color:#fff;padding:20px;max-width:500px;height:fit-content;border:2px solid #ccc}.signinscreen .header{background-color:#264653;width:100%;padding:20px}.signinscreen .header p{font-weight:700;font-size:20px;color:#fff}.signinscreen .container .innerContainer span{font-size:14px}.link{text-decoration:none;cursor:pointer}.signinscreen{display:flex;align-items:center;width:100%;height:100%;flex-direction:column}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Arial,Helvetica,sans-serif;background:#f4f4f4}img{width:100%;object-fit:contain}