@import url(https://fonts.googleapis.com/css2?family=Lato:wght@100;300;400;700&display=swap);*{box-sizing:border-box;margin:0;padding:0}html{font-size:62.5%}body{color:#555;display:flex;flex-direction:column;font:1.6rem lato;height:100vh;padding:auto}.flex-container{align-items:center;display:flex;flex-wrap:wrap;justify-content:space-between}.page-container{flex:1 1;height:100%;margin-left:5%;margin-right:5%;margin-top:70px}.page-header-container{display:flex;height:70px;left:0;position:fixed;top:0;width:100%;z-index:1}@media (max-width:768px){.page-header-container{height:90px}.page-container{margin-left:0;margin-right:0;margin-top:90px}.form-body{flex:1 1 auto;font-size:auto;min-width:95%;padding:0}}.container{margin:12rem auto;width:85%}.btn,Link{color:#000}.btn{background-color:#fff;border:1px solid #033e78;border-radius:5px;cursor:pointer;font-size:1.5rem;padding:1rem;text-transform:capitalize;transition:.4s ease}.btn-margin-bottom{margin-bottom:2rem}.btn:hover{border-color:transparent;color:#fff}.btn:active{-webkit-transform:scale(1.05);transform:scale(1.05)}.btn-yellow:hover{background-color:#fcac00}.btn-blue:hover{background-color:#033e78}.btn-red:hover{background-color:#b12c2c}.btn-green:hover{background-color:#3e993e}.form-container{align-items:center;display:flex;justify-content:center}.form-body{border:2px solid #033e78;border-radius:5px;box-shadow:0 2px 5px rgba(0,0,0,.5);flex:0.5 1;font-size:large;padding:3rem}#cover{align-items:center;background:rgba(186,220,241,.23);display:flex;height:100%;justify-content:center;left:0;margin:0;padding:0;position:fixed;top:0;width:100%;z-index:10}#cover-inner-box{background-color:#badcf1;box-shadow:none;width:100%;z-index:11}.form-body span{overflow-wrap:break-word}.form-body a{color:#664bb2;font-size:large;font-weight:700;text-decoration-line:underline}.form-body a:hover{color:#91a7d6;transition:.4s ease}.form-body button{border:2px solid #033e78;color:#033e78;font-size:large;font-weight:700;width:100%}.form-body button:hover{background-color:#91a7d6}.form-group{margin-top:10px;width:100%}.form-group label{font-weight:700}.form-group input{border:2px solid #91a7d6;border-radius:5px;font-size:medium;height:4rem;margin:2px 0;padding:1.5%;width:100%}.left-par{text-align:left}p{margin-bottom:2rem}ul{list-style:none}a{color:#fff;text-decoration:none}h2{color:#033e78;font-size:3rem;margin-bottom:2rem;width:100%}.section-phonelisting,h2{text-align:center}.input-container{background-color:#badcf1;border-radius:5px;display:flex;gap:5%;justify-content:space-around;margin-bottom:3rem;padding:2rem 1rem}.left-par{font-size:large}.input-phone{border:none;border-radius:5px;padding:1rem}.input-phone-name{text-transform:capitalize;width:80%}@media (max-width:768px){.phone-details{align-items:center;flex-basis:100%;height:1rem;justify-content:center;padding:.5rem}.phone-details>img{-webkit-transform:scale(.5);transform:scale(.5);z-index:0}.btn-container{gap:.2rem;justify-content:center}}.phone-details{border-radius:5px;display:flex;flex-basis:17%;flex-direction:column;height:50rem;justify-content:space-evenly;padding:2rem;transition:.2s linear}.phone-details:hover{background-color:#badcf1}.phone-link{color:#000;cursor:pointer;font-size:100%}.phone-link:hover{text-decoration:underline}.btn-container{gap:2rem;justify-content:center}.phone-details>img{object-fit:cover;width:25rem}.phone-detail-container{display:flex;flex-direction:row}.phone{margin:8em 5em 5em;width:auto}.phone-detail-container>img{flex:0.3 1;width:auto}.details{flex:0.7 1;margin:2% 5% 0}.x-btn{background-color:initial;border:none;cursor:pointer;position:fixed;right:2rem;top:2rem}.x-icon{font-size:2rem}.showmore-btn{background-color:initial;border:none;border-bottom:1px solid;color:#5353f3;cursor:pointer;margin-left:1rem;padding:.3rem;text-transform:capitalize}.showmore-btn:hover{background-color:#5353f3;color:#fff;transition:.2s linear}.comment-table{border:2px solid #67acf2;border-radius:5px;margin-bottom:2rem;width:100%}.comment-table>thead{background-color:#67acf2}.comment-table th{padding:1rem}.comment-table td{overflow-wrap:break-word;padding:1rem;text-align:center}.comment-table td:first-child{text-align:left;width:80%;word-break:break-all}.comment-table td:last-child{width:15%}.comment-table tr:nth-child(2n){background-color:#f2f2f2}.phone-title{color:#2a4764;font-size:larger;margin-bottom:2rem}.add-comment-container{align-items:center;display:flex;font-size:large;gap:2rem;justify-content:center}.add-comment-container>label{font-weight:700}.comment-textarea{flex-basis:60%;height:100px;resize:none}.comment-number,.comment-textarea{border:2px solid #ccc;border-radius:5px;padding:1rem}.comment-number{flex-basis:20%}.nav{align-items:stretch;background-color:#033e78;display:flex;flex:1 1;flex-wrap:nowrap;justify-content:space-between;padding:2rem 8rem}@media (max-width:768px){.nav{display:grid;grid:40px/auto}.nav-logo{flex:none;font-size:auto;font-weight:400;height:100%}.nav-list{align-items:left;flex:none;font-size:small;justify-content:left}.nav-items{border-bottom:1px dashed #d6cfff;flex:none;padding:.2px .5;transition:.3s linear}}.nav-logo{flex-grow:2;font-size:3rem;font-weight:700}.nav-list{align-items:center;display:flex;flex-grow:8;flex-wrap:wrap;font-size:auto;justify-content:flex-end;width:auto}.nav-items{border-bottom:2px solid transparent;margin-bottom:0;margin-right:2rem;margin-top:0;padding-bottom:1rem;transition:.3s linear}.nav-btn:hover,.nav-items:hover{border-bottom-color:#ff0;color:#ff0}.nav-btn{background-color:initial;border:none;border-bottom:2px solid transparent;color:#fff;cursor:pointer;padding-bottom:1rem;transition:.3s linear}.cart-lists{margin-bottom:2rem}.cart-count{margin-left:1rem}.profile-greeting{color:#6e5cd1;font-size:larger}.manage-user-container{font-size:large;padding-left:5%;padding-right:5%}.profile-label{flex:0.3 1;font-size:1.7rem;font-weight:700;margin-right:1rem;width:30%}.profile-warn{color:#d90808}.profile-phone-container>img{object-fit:cover;width:25rem}.profile-phone-container{align-items:center;border-radius:5px;display:flex;flex-direction:column;height:28em;justify-content:space-evenly;line-height:60%;padding:1em;transition:.2s linear;width:22em}.profile-phone-container:hover{background-color:#c8e0f8}.profile-suc{color:#16e279}.profile-input{border:2px solid #91a7d6;border-radius:5px;flex:0.7 1;font-size:medium;height:45px;margin:8px 0;padding:0 1%;width:100%}.manage-comments-container{align-items:center;border-bottom:2px solid #314789;display:flex;height:100%;justify-content:baseline;margin-bottom:5px}.manage-comments-container>img{height:auto;margin-left:20px;margin-right:20px;width:150px}.manage-comments-container p{margin-bottom:5px}.profile-comments-right{display:flex;flex:5 1;flex-direction:column;height:100%;justify-content:stretch;padding:3px 4px 5px}.profile-comments{border:2px dashed #91a7d6;border-radius:5px;font-size:large;height:100%;overflow-wrap:break-word;padding:10px;width:100%;word-break:break-all}.profile-input:focus{border:2px solid #91a7d6}.profile-content{margin-right:2rem}.profile-nav-container{align-items:center;background-color:#badcf1;border:2px solid #91a7d6;border-radius:5px;display:flex;justify-content:center;margin-bottom:2rem}.profile-nav-btn{background:none;border:none;color:#04469c;cursor:pointer;flex:1 1;font-size:auto;font-weight:700;height:40px;padding:1%;width:100%}.profile-nav-btn:hover{color:#877cfe;text-decoration:underline;transition:.2s linear}.profile-nav-btn-blue{background-color:#569eaa;color:#f8f4f4;transition:.2s linear}.profile-nav-btn-blue:hover{color:#f8f4f4}.profile-add-phone-box{border:1px solid #033e78;border-radius:5px;padding:2rem;width:50%}.add-phone-heading{color:#6e5cd1;font-size:2.3rem}.checkout-container{font-size:medium}@media (max-width:768px){.checkout-container{font-size:small}.checkout-container button{margin-left:10px}.cart-list-container>img{height:auto;margin-left:5px;margin-right:5px;width:100px}.cart-list-container{height:100px}.cart-list-contents{height:100%;padding:1px 2px}}.checkout-btn-green:hover{background-color:#50b19a}.checkout-input{border:2px solid #91a7d6;border-radius:5px;font-size:large;padding:.8% 1.5%;width:20%}.checkout-label{font-weight:700}.checkout-heading{color:#000;font-size:larger}.checkout-heading:hover{text-decoration:underline}.cart-list-container{align-items:center;border-bottom:2px solid #314789;display:flex;height:180px;justify-content:baseline;margin-bottom:5px}.cart-list-container p{margin-bottom:3px}.cart-list-contents{display:flex;flex:5 1;flex-direction:column;height:100%;justify-content:stretch;padding:3px 4px 5px}.cart-list-contents button{font-size:medium;width:70%}.cart-list-container>img{height:auto;margin-left:20px;margin-right:20px;width:170px}.section-best-top{align-items:center;justify-content:space-evenly;margin:12rem auto 0;width:70%}.best,.sold-out{align-items:center;justify-content:center}.best-top-container{height:40rem;text-align:center}.section-best-top>*{flex-basis:45%}.section-best-top img{object-fit:cover;width:25rem}.login-container{border:solid #033e78;border-radius:5px;font-size:large;left:50%;line-height:180%;padding:3rem;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:50%}.login-container>h1{align-items:center}.login-container>button{font-size:large}.signup-container{top:60%}.login-label{font-weight:700;margin:0 0 2rem;padding:.25rem;text-align:left}.warn{color:#d90808}.suc{color:#16e279}.login-input{border-radius:5px;font-size:large;margin:8px 0;padding:2%;width:100%}.login-input,.login-input:focus{border:2px solid #91a7d6}.login-link{color:#7953da;font-size:100%;text-decoration-line:underline}.login-link:hover{color:#df7474;font-weight:700}body.react-confirm-alert-body-element{overflow:hidden}.react-confirm-alert-blur{-webkit-filter:url(#gaussian-blur);filter:url(#gaussian-blur);filter:blur(2px);-webkit-filter:blur(2px)}.react-confirm-alert-overlay{-ms-align-items:center;align-items:center;-webkit-animation:react-confirm-alert-fadeIn .5s .2s forwards;animation:react-confirm-alert-fadeIn .5s .2s forwards;background:hsla(0,0%,100%,.9);bottom:0;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;justify-content:center;left:0;opacity:0;position:fixed;right:0;top:0;z-index:99}.react-confirm-alert-body{background:#fff;border-radius:10px;box-shadow:0 20px 75px rgba(0,0,0,.13);color:#666;font-family:Arial,Helvetica,sans-serif;padding:30px;text-align:left;width:400px}.react-confirm-alert-svg{left:0;position:absolute;top:0}.react-confirm-alert-body>h1{margin-top:0}.react-confirm-alert-body>h3{font-size:16px;margin:0}.react-confirm-alert-button-group{display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;justify-content:flex-start;margin-top:20px}.react-confirm-alert-button-group>button{background:#333;border:none;border-radius:5px;color:#eee;cursor:pointer;display:inline-block;font-size:12px;margin-right:10px;outline:none;padding:6px 18px}@-webkit-keyframes react-confirm-alert-fadeIn{0%{opacity:0}to{opacity:1}}@keyframes react-confirm-alert-fadeIn{0%{opacity:0}to{opacity:1}}
/*# sourceMappingURL=main.e620fb3e.css.map*/