@import url(https://fonts.googleapis.com/css2?family=Inter:wght@100..900&family=Kumbh+Sans:wght@100..900&family=Lexend+Deca:wght@100..900&family=Nunito+Sans:ital,opsz,wght@0,6..12,200..1000;1,6..12,200..1000&family=Red+Hat+Text:ital,wght@0,300..700;1,300..700&family=Rubik:ital,wght@0,300..900;1,300..900&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--Orange:#ff7d19;--Pale-orange:#ffede0;--Very-dark-blue:#1d2025;--Dark-grayish-blue:#68707d;--Grayish-blue:#b6bcc8;--Light-grayish-blue:#f7f8fd;--White:#fff;--Black:#000}*{box-sizing:border-box;font-family:Kumbh Sans}.App{flex-direction:column;min-height:100vh;padding:0 75px}.App,.nav-bar{display:flex;width:100%}.nav-bar{align-items:center;border-bottom:1px solid #d9d9d9;justify-content:space-between;padding:25px 0}.nav-bar .left{display:flex;gap:25px}.brand{font-weight:700;margin:0}.menu{align-items:center;display:flex;gap:20px;list-style:none}.menu-button{align-items:center;justify-content:center}.close-menu,.menu-button{background:none;border:none;cursor:pointer;display:none}.close-menu{margin-bottom:25px}.menu li{color:#68707d;color:var(--Dark-grayish-blue);cursor:pointer;position:relative}.menu li:hover{color:#000;color:var(--Black)}.menu li:hover:after{background-color:#ff7d19;background-color:var(--Orange);content:"";height:3px;left:0;position:absolute;top:0;-webkit-transform:translateY(58px);transform:translateY(58px);width:100%}.menu-overlay.active{background-color:rgba(0,0,0,.7);display:none;display:block;width:100vw;z-index:10}.menu-overlay.active,.menu.active{height:100vh;left:0;position:fixed;top:0}.menu.active{align-items:flex-start;background-color:#fff;box-shadow:0 2px 5px rgba(0,0,0,.7);display:flex;flex-direction:column;margin:0;padding:25px;width:250px}.menu.active .close-menu{display:block}.menu.active li{color:#000;font-weight:700}.menu.active li:hover{color:#68707d;color:var(--Dark-grayish-blue)}.menu.active li:after{display:none}.nav-bar .right{align-items:center;display:flex;gap:24px}.cart-icon{background:none;border:none;cursor:pointer;position:relative}.cart-icon:hover svg path{fill:#000;fill:var(--Black);cursor:pointer}.avatar-container{cursor:pointer;height:42px;width:42px}.avatar-container img{height:100%;width:100%}.avatar-container:hover{border:2px solid #ff7d19;border:2px solid var(--Orange);border-radius:50%}.cart-component{background-color:#fff;border-radius:10px;box-shadow:5px 5px 10px #b3b3b3;display:none;flex-direction:column;left:-700%;position:absolute;-webkit-transform:translateY(25px);transform:translateY(25px);width:325px;z-index:10}.cart-component h1{border-bottom:1px solid rgba(0,0,0,.11);font-size:large;font-weight:700;margin:0;padding:20px 15px;text-align:left}.empty-cart{align-items:center;color:#68707d;color:var(--Dark-grayish-blue);font-weight:600;height:150px;justify-content:center;margin:0}.cart-component.active,.empty-cart{display:flex}.in-cart{background-color:#ff7d19;background-color:var(--Orange);border-radius:10px;color:#fff;display:none;font-size:x-small;font-weight:700;padding:0 7px;position:absolute;right:0;top:-6px}.cart-items,.in-cart.active{display:flex}.cart-items{flex-direction:column;flex-grow:1;padding:15px}.product-row{display:flex;gap:10px}.article-informations{display:flex;flex-direction:column;flex-grow:1;gap:5px}.article-image{border-radius:5px;height:48px;overflow:hidden;width:48px}.article-image img{height:100%;width:100%}.article-name{margin:0;text-align:left}.article-name,.price-quantity-row{color:#68707d;color:var(--Dark-grayish-blue)}.price-quantity-row{align-items:center;display:flex;gap:10px}.total-price{color:#1d2025;color:var(--Very-dark-blue);font-weight:700;margin:0}.delete{background:none}.checkout,.delete{border:none;cursor:pointer}.checkout{background-color:#ff7d19;background-color:var(--Orange);border-radius:10px;color:#1d2025;color:var(--Very-dark-blue);font-weight:700;margin-bottom:10px;margin-top:25px;padding:15px 0}.checkout:hover{opacity:.8}@media (max-width:375px){.cart-component{width:90vw}}@media (max-width:850px){.App{padding:0}.nav-bar{padding:15px 25px}.menu{display:none}.menu-button{display:flex}.cart-component{-webkit-transform:translateX(-30px);transform:translateX(-30px)}}.content{display:flex;gap:100px;height:500px;justify-content:center;margin:58px 0;padding:0 25px;width:100%}.shoes{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(5,1fr);min-width:375px;width:375px}.store-section{display:flex;flex-direction:column;justify-content:center;max-width:500px}.item,.item1{border-radius:10px;overflow:hidden}.item{grid-column:span 4;grid-row:span 4;position:relative}.item .next,.item .previous{display:none}.item img,.item1 img{cursor:pointer;height:100%;width:100%}.item1:hover img{opacity:.7}.item1.active{border:2px solid var(--Orange)}.item1.active img{opacity:.4}.sneaker-company{color:var(--Dark-grayish-blue);font-weight:600;letter-spacing:2px;margin:0}.limite{margin-bottom:32px;width:350px}.paragraph{color:var(--Dark-grayish-blue);margin:0}.price-row{align-items:center;display:flex;gap:15px;margin-top:25px}.price{margin:0}.discount{background-color:var(--Very-dark-blue);border-radius:5px;color:#fff;font-weight:900;padding:3px 7px}.old-price{color:var(--Dark-grayish-blue);font-weight:700;margin:10px 0;text-decoration:line-through}.add-to-cart-row{display:flex;gap:15px;margin-top:25px;width:100%}.quantity-row{background-color:var(--Light-grayish-blue);border-radius:5px;justify-content:space-between;padding:15px;width:150px}.minus,.plus,.quantity-row{align-items:center;display:flex}.minus,.plus{cursor:pointer;height:15px;justify-content:center}.quantity{margin:0}.add-to-cart{align-items:center;background-color:var(--Orange);border:none;border-radius:10px;color:var(--Very-dark-blue);cursor:pointer;display:flex;font-weight:600;gap:15px;justify-content:center;width:275px}.add-to-cart svg path{fill:var(--Very-dark-blue)}.add-to-cart:hover{opacity:.8}@media (max-width:950px){.content{flex-direction:column;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}.content,.pricing{align-items:center}.pricing{display:flex;justify-content:space-between;margin-top:20px}.discount,.old-price,.price,.price-row{margin:0}}@media (max-width:500px){.add-to-cart-row{flex-direction:column;width:100%}.add-to-cart,.quantity-row{width:100%}.add-to-cart{padding:15px 0}}@media (max-width:450px){.content{gap:25px;margin-top:0}.item1{display:none}.shoes{display:flex;width:100vw}.item{border-radius:0}.item .next,.item .previous{display:block}.item .next{-webkit-transform:translateX(-50%);transform:translateX(-50%)}.item .previous{-webkit-transform:translateX(50%);transform:translateX(50%)}.limite,.store-section{width:100%}}.light-box{background-color:rgba(0,0,0,.7);display:none;height:100vh;left:0;position:fixed;top:0;width:100vw;z-index:10}.light-box.active{align-items:center;display:flex;justify-content:center}.light-box-container{align-items:flex-end;display:flex;flex-direction:column}.close{background:none;border:none;cursor:pointer;margin-bottom:20px}.shoes-gallery{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(5,1fr);height:500px;max-width:400px}.gallery-image{grid-column:span 4;grid-row:span 4;position:relative}.gallery-thumbnails{background-color:#fff;cursor:pointer}.gallery-image,.gallery-thumbnails{border-radius:10px}.gallery-image img,.gallery-thumbnails img{border-radius:10px;height:100%;object-fit:cover;width:100%}.gallery-thumbnails:hover img{opacity:.7}.gallery-thumbnails.active{border:2px solid var(--Orange)}.gallery-thumbnails.active img{opacity:.4}.next{right:0;-webkit-transform:translateX(50%);transform:translateX(50%)}.previous{left:0;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.next,.previous{align-items:center;aspect-ratio:1/1;background-color:#fff;border:none;border-radius:50%;cursor:pointer;display:flex;height:42px;justify-content:center;padding:0;position:absolute;top:50%}.next:hover svg path,.previous:hover svg path{stroke:var(--Orange)}
/*# sourceMappingURL=main.c217e5c6.css.map*/