@import url(https://fonts.googleapis.com/css2?family=Kumbh+Sans:wght@100;400;700&display=swap);:root{--orange:#ff7d19}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Kumbh Sans,sans-serif}.App{height:100vh;margin:auto;width:80%}hr{border-color:gray;height:1px}header{justify-content:space-between;padding:1rem}.navigation,header{align-items:center;display:flex}.navigation{gap:4rem}h1{cursor:pointer;font-size:1.5rem}ul{align-items:center;display:flex;gap:2rem;list-style:none}li{cursor:pointer;position:relative;-webkit-transform:.25s ease-in;transform:.25s ease-in}li:after{background-color:#ff7d19;background-color:var(--orange);bottom:0;content:"";display:block;height:2px;left:0;-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:right;transform-origin:right;transition:-webkit-transform .25s ease-in;transition:transform .25s ease-in;transition:transform .25s ease-in,-webkit-transform .25s ease-in;width:100%}li:hover:after{-webkit-transform:scaleX(1);transform:scaleX(1);-webkit-transform-origin:left;transform-origin:left}.icons{align-items:center;display:flex;gap:3rem;position:relative}.icon{cursor:pointer}.header-cart{background-color:#ff7d19;background-color:var(--orange);border-radius:5pc;color:#f0f8ff;font-size:10px;left:14px;padding:2px 8px;position:absolute;top:8px;z-index:1}main{display:grid;grid-template-columns:repeat(2,1fr);padding:10% 10% 0}.showcase-cont{width:400px}.preview-cont{display:flex;justify-content:space-between}.main-image{background-color:aqua;background-position:50%;background-size:cover;border-radius:15px;cursor:pointer;height:400px;margin-bottom:1rem;transition:2s;width:100%}.preview{background-blend-mode:multiply;background-color:hsla(0,0%,99%,.927);background-position:50%;background-size:contain;border-radius:10px;cursor:pointer;height:60px;width:60px}.shoe-description{display:flex;flex-direction:column}h6{color:#ff7d19;color:var(--orange);margin-bottom:.25rem;margin-top:5rem}.description-title{font-size:2rem;margin:.25rem 0 1rem;width:60%}.shoe-para{margin:.8rem 0}.price-container{align-items:center;display:flex;gap:1rem;margin-top:1rem}.price{font-size:1.5rem}.discount{background-color:rgba(255,170,13,.292);border-radius:5px;color:#ff7d19;color:var(--orange);font-weight:700;padding:3px}.old-price{text-decoration:line-through}.user-inputs-cont{display:flex;gap:70px;margin-top:3rem}.interactive-cont{align-items:center;display:flex}.operand{background-color:#f7f8fd;border:none;color:salmon;cursor:pointer;font-size:20px;font-weight:700;height:50px;width:45px}.plus{border-bottom-right-radius:8px;border-top-right-radius:8px}.minus{border-bottom-left-radius:8px;border-top-left-radius:8px}.item-counter{background-color:#f7f8fd;font-weight:700;padding:15px;width:40px}.cart-add-btn{align-items:center;background-color:salmon;border-radius:8px;color:#f0f8ff;cursor:pointer;display:flex;font-size:15px;font-weight:700;gap:10px;letter-spacing:2px;padding:15px 60px;transition:.2s}.cart-add-btn:hover{color:#000}.cart-cont{border-radius:10px;box-shadow:0 20px 30px gray;left:-70%;min-height:200px;padding:10px;position:absolute;top:140%;width:330px;z-index:1}.cart-title{color:#000;font-weight:700;margin-bottom:1rem}.cart-shoe-title{font-weight:400}.cart-item-img{border-radius:8px;width:42px}.summary-cont{justify-content:space-between;margin:1rem 0}.description-summary,.summary-cont{align-items:center;display:flex}.calclulations{font-weight:100;margin-left:.6rem}.light-font{font-weight:400}#checkout-btn,.trash-icon{cursor:pointer}#checkout-btn{background-color:#ff7d19;border:none;border-radius:10px;color:#f0f8ff;font-weight:700;margin-top:.5rem;padding:15px;width:100%}.cart-emtpy-banner{margin-top:3.5rem;text-align:center}.tot-price{font-weight:700;margin-left:.3rem}.arrow,.menu-desk,.mobile-showcase{display:none}.slider{background-color:#27a1a1;border-radius:10px;left:50%;opacity:1!important;padding:1rem;position:absolute;top:20%;-webkit-transform:translate(-50%);transform:translate(-50%);width:500px}.arrow-desktop{align-items:center;background-color:#fff;border-radius:9pc;cursor:pointer;display:flex;font-size:3rem;padding:1rem;transition:.2s}.arrow-desktop:hover{background-color:#ff7d19;background-color:var(--orange)}.arrow-desktop:active{background-color:#ff5d1c}.flexbox{align-items:center;display:flex}#delete{cursor:pointer;position:absolute;right:0;top:-20px;transition:.1s}#delete:hover{color:#ff7d19;color:var(--orange)}@media only screen and (max-width:1000px){.App{height:100vh;width:100vw}header{align-items:center;display:flex;justify-content:space-between;padding:1rem}.cart-cont{background-color:#e05656;border-radius:10px;left:-210%;min-height:200px;padding:10px;position:absolute;top:120%;width:90vw;z-index:1}main{display:grid;grid-template-columns:1fr;margin:auto;padding:0}.main-image{background-size:cover;border-radius:0;height:410px;margin-bottom:1rem;position:relative;transition:2s;width:111vw}h6{color:orange;margin-bottom:.25rem;margin-top:1rem}.shoe-description{margin:auto;width:95%}.cart-add-btn{align-items:center;display:flex;gap:10px;justify-content:center;transition:.2s}.menu-desk{cursor:pointer;display:inline}.logo-menu{align-items:center;display:flex;gap:1rem}.description-title{width:100vw}.user-inputs-cont{display:flex;flex-direction:column;gap:10px}.operand{width:45%}.mobile-menu{background-color:#fff;height:100vh;left:0;overflow:hidden;position:absolute;top:0;width:45%}.mobile-menu>ul{display:flex;flex-direction:column;gap:2rem;margin-top:6rem}.mobile-menu>ul li:active{color:#ff7d19}.close-icon{cursor:pointer;margin-left:1.5rem;margin-top:2rem}.mobile-showcase{display:block;left:50%;position:absolute;top:40%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:85vw}.img-box{align-items:center;display:flex;gap:10px}.arrow{background-color:rgba(240,248,255,.734);border-radius:10pc;cursor:pointer;display:block;padding:1rem;position:absolute;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.arrow:active{background-color:#f0f8ff}.arrow-left{left:8%;top:50%}.arrow-right{right:-2%;top:50%}#delete{display:none}}
/*# sourceMappingURL=main.708fe26d.css.map*/