:root{--body_background:#fff;--body_color:#ff77b0;--active_link_color:#ff4d6a;--money_green:#92ff92}[data-theme=dark]{--body_background:#1a1a1a;--body_color:#ff77b0}*,:after,:before{box-sizing:border-box}body{background-color:#fff;background-color:var(--body_background);color:#ff77b0;color:var(--body_color);font-family:DM Sans,sans-serif;height:100vh;margin:0;text-decoration:none}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}#root{height:100%}.align-ctr{text-align:center}.align-rt{text-align:right}.smaller{font-size:smaller}.flex-ctr-ctr{align-items:center;display:flex;justify-content:center}.flex-col{flex-direction:column}.flex-j-end{justify-content:flex-end}.scroll-y{overflow-y:scroll}.section-heading{align-items:center;background-color:var(--tan-1);border:.1vmin solid var(--tan-3);border-radius:1vmin;color:var(--text-dark);display:flex;font-size:2vmin;justify-content:space-around;padding:.6vmin;text-align:center}.form-container{border:.1vmin solid pink;border-radius:1vmin;padding:3vmin}.auth-title{font-size:70px;margin:20px}p.error-message{color:var(--orange);text-align:center}p{display:flex}form,p{align-items:center;justify-content:center}form{grid-gap:1.25vmin;color:pink;display:grid;gap:1.25vmin;grid-template-columns:1fr 2fr}label{align-items:center;display:flex;margin:0 20px}input,label{font-size:30px}input{background-image:none!important;border:.1vmin solid var(--tan-3);border-radius:.5vmin;color:var(--text-dark);margin:1px 0;outline:none;padding:1vmin}input:focus{border-color:pink}button{background-color:var(--orange);border:3px solid pink;border-radius:.5vmin;color:var(--white);cursor:pointer;font-size:20px;font-weight:700;margin:1vmin;outline:none;padding:1vmin;text-align:center;text-decoration:none}.content-center button:hover{background-color:pink;color:#000}button:disabled,form:invalid button[type=submit]{background-color:var(--tan-4);cursor:not-allowed}button[type=submit]{grid-column:span 2;margin:1vmin 0 0}@media (max-width:480px){input{font-size:15px}.auth-title{font-size:50px}}.App{display:flex;flex-direction:column;min-height:100vh;text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:var(--body_background);color:var(--body_color);display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{text-decoration:none}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.content-center{flex-direction:column;margin-top:5px}.content-center,.form-container{align-items:center;display:flex;justify-content:center}footer{color:var(--body_color);font-family:Lucida Sans,Lucida Sans Regular,Lucida Grande,Lucida Sans Unicode,Geneva,Verdana,sans-serif;font-size:25px;margin-top:auto;text-align:center}.AuthPage{color:pink;font-family:DM Sans,sans-serif}.AuthPage button:hover{background-color:pink;color:#000;transition:all .3s ease-in}.CategoryList{border:3px solid pink;border-radius:8px;display:flex;flex-wrap:wrap;font-size:20px;justify-content:space-evenly;list-style:none;margin:0 5px;padding:1vmin}.CategoryList li{margin-bottom:.5vmin;text-align:center}.CategoryList a{color:var(--body_color);text-decoration:none}.CategoryList a:hover,.CategoryList li.active a{color:var(--active_link_color)}.CategoryList li.active a{font-weight:900}@media (max-width:480px){.CategoryList{font-size:14px;justify-content:space-between;padding:1px}}.LineItem{grid-gap:20px;display:grid;grid-template-columns:1fr 1fr}.grid1 img{max-width:15%;padding:10px 0}.lineItemsDetail button{font-size:15px}.grid1{display:flex;justify-content:right}.grid2{display:flex;justify-content:left;text-align:left}.OrderDetail{border:3px solid pink;border-radius:8px;display:flex;flex-direction:column;margin:15px 0;overflow:hidden;padding:0;width:100%}.line-items-grid{grid-gap:10px;align-items:center;display:grid;gap:10px;grid-template-columns:repeat(3,1fr);justify-content:center;padding:8px}.OrderDetail button:hover{background-color:pink;color:#000}.total{padding-bottom:10px}.line-items-grid img{max-width:50%}@media (max-width:480px){.line-items-grid{display:flex;flex-direction:column;gap:10px;padding:10px}.line-items-grid img{max-width:50%}}.PrevOrderGrid{align-items:center;display:grid;display:flex;flex-direction:column;grid-template-columns:300px 300px;grid-template-rows:1fr;height:100%;justify-content:center;margin:0 5px}.PrevOrderGrid .OrderList{font-size:50px}.dark_mode{margin-left:10px;margin-top:-20px}.dark_mode_label{background:#ebebeb;border-radius:200px;box-shadow:inset 0 5px 15px rgba(0,0,0,.4),inset 0 -5px 15px hsla(0,0%,100%,.4);cursor:pointer;display:block;height:30px;position:relative;transition:.3s;width:65px}.dark_mode_label:after{background:linear-gradient(180deg,#ffcc89,#d8860b);border-radius:180px;box-shadow:0 5px 10px rgba(0,0,0,.2);content:"";height:25px;left:3px;position:absolute;top:3px;transition:.3s;width:25px}.dark_mode_input{height:0;visibility:hidden;width:0}.dark_mode_input:checked+.dark_mode_label{background:#242424}.dark_mode_input:checked+.dark_mode_label:after{background:linear-gradient(180deg,#777,#3a3a3a);left:62px;-webkit-transform:translateX(-100%);transform:translateX(-100%)}.dark_mode_label:active:after{width:30px}.dark_mode_label svg{position:absolute;top:5px;width:20px;z-index:100}.dark_mode_label svg.sun{fill:#fff;left:5px;transition:.3s}.dark_mode_label svg.moon{fill:#7e7e7e;left:40px;transition:.3s}.dark_mode_input:checked+.dark_mode_label svg.sun{fill:#7e7e7e}.dark_mode_input:checked+.dark_mode_label svg.moon{fill:#fff}@media (max-width:480px){.dark_mode_label{margin:0}.dark_mode{margin:-20px 0 0 10px}}.NavBar{align-items:center;display:flex;font-size:20px;justify-content:space-between;margin:0}.NavBar .menu-toggle{display:none}.NavBar .menu{align-items:center;display:flex}.NavBar .menu a{color:var(--body_color);margin-right:10px;text-decoration:none}.NavBar .menu a:hover{color:var(--active_link_color);transition:all .3s ease-in-out}.menu img{align-items:center;display:flex;height:30px}.welcome-name{color:var(--active_link_color)}.logout{-webkit-text-decoration:underline 1px pink;text-decoration:underline 1px pink}@media (max-width:480px){.NavBar{font-size:10px;margin:0;padding:0}.NavBar .menu-toggle{display:block}.NavBar .menu{background:var(--body_background);border-bottom:1px solid pink;border-top:1px solid pink;display:none;flex-direction:column;left:0;max-height:0;opacity:0;overflow:hidden;padding:1vmin;position:absolute;top:50px;transition:max-height .3s ease-out;width:100%}.NavBar .menu.open{align-items:center;display:flex;flex-direction:row;justify-content:center;max-height:500px;opacity:1}.NavBar button{border:none}}.WelcomePage{display:flex;flex-direction:column;height:100%}.WelcomePage h1{font-size:36px;margin:0;padding:10px 0}.WelcomePage img{height:350px}.Category-Box{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(2,1fr);height:500px;margin:0 300px}.Box,.Category-Box{align-items:center;justify-content:center}.Box{display:flex;height:100%;text-align:center;width:100%}.WelcomePage p{font-size:30px}.WelcomePage a{color:var(--body_color);text-decoration:none}.WelcomePage .Box-2:hover{.productName{color:var(--active_link_color);-webkit-text-decoration:wavy var(--active_link_color) underline;text-decoration:wavy var(--active_link_color) underline}}.category{margin:10px 0 0}@media (max-width:480px){.WelcomePage img{height:200px}.Box-2 h1{font-size:30px}.Box-2 p{font-size:14px}.Category-Box{display:flex;flex-direction:column;height:auto;justify-content:center;margin:0}.welcomeDiv h2{margin:0;padding:30px 0 2px}}.MakeupList{align-items:center;display:flex;flex-wrap:wrap;justify-content:center}.items h4{font-size:20px;text-align:left}.items p{font-size:18px;text-align:left}.items img{height:230px;width:230px}.items{height:600px;width:510px}.items,.items a{align-items:center;display:flex;flex-direction:column;justify-content:center}.items a{color:#ff77b0}.MakeupListItem{align-items:center;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;text-align:center;width:100%}.buy{align-items:center;color:var(--money_green);display:flex;font-size:20px;justify-content:center;padding-bottom:20px;width:100%}.buy button{border:3px solid var(--money_green)}.buy button:hover{background-color:var(--money_green);color:#000}.AddButton{border:1px solid var(--money_green);font-size:15px;padding:5px}.info{padding:0 10px;text-align:center;width:100%}.CategoryPage h1{font-size:36px;margin:0;padding:10px 0}.Footer{align-items:center;background-color:gray;display:flex;flex-direction:column;font-size:18px;justify-content:space-around;text-align:center}.Footer a{color:var(--body_color);text-decoration:none}.Footer a:hover{color:var(--active_link_color)}.footer-one{align-items:center;border-bottom:2px solid #000;display:flex;margin-top:5px;padding-bottom:2px}.footer-one img{height:30px}.footer-two{padding-top:20px}.CartDetail p{font-size:30px;margin:20px}.NewOrder{border-bottom:1px solid var(--body_color)}.cartItems p{font-size:20px;margin:10px 0}.cartItems button:hover{background-color:pink;color:var(--money_green)}.cartItems button{font-size:20px}.CartPage h1{font-size:36px;margin:0;padding:10px 0}.CartPage .click{background:linear-gradient(var(--body_color) 0 0) no-repeat 200% 100% /200% .08em;background:linear-gradient(var(--body_color) 0 0) no-repeat var(--p,200%) 100% /200% var(--p,.08em);color:var(--body_color);font-size:20px;padding:10px 0 0;text-decoration:none;transition:.3s 0s,background-position .3s .3s;transition:.3s var(--t,0s),background-position .3s calc(.3s - var(--t, 0s))}.click:hover{--p:100%;--t:.3s;color:#000}
/*# sourceMappingURL=main.9c433fbf.css.map*/