code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--secondary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;height:100vh;margin:0;width:100vw;width:100%}a{text-decoration:none}div{caret-color:#0000;color:#fff}@media (min-width:768px){html{font-size:18px}}@media (max-width:768px){html{font-size:11px}}.App{align-items:center;background-color:#282c34;background-color:var(--primary);display:flex;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;justify-content:center;text-align:center}.root-margin{max-width:1500px;max-width:var(--rootMaxWidth);min-width:200px;min-width:var(--rootMinWidth);width:100%}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;background-color:var(--primary);color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}Link{color:#fff}:root{--primary:#282c34;--primary-r:40;--primary-g:44;--primary-b:52;--secondary:#232533;--white:hsla(0,0%,100%,.521);--blue:#40a1a7;--blue-deeper:#2a798a;--orange:#f08519;--fontFamily:"Open Sans",sans-serif;--rootMaxWidth:1500px;--rootMinWidth:200px;--dark-grey:#494949}.page-root{min-height:calc(100vh - var(--footerHeight) - var(--headerHeight));width:100%}.border-btn{border:3px solid hsla(0,0%,100%,.521);border:3px solid var(--white);border-radius:10px;color:hsla(0,0%,100%,.521);color:var(--white);padding:1.5% 3%;text-align:center}.border-btn:hover{border-color:#fff;color:#fff;cursor:pointer}.btn:hover{cursor:pointer}.orange-color{color:#f08519;color:var(--orange)}header{display:flex;flex-direction:row;padding:3rem 2rem 1.5rem 0}.logo-container{margin-left:0}.logo-container img{max-width:260px}@media (max-width:768px){header{display:flex;flex-direction:row;padding:3rem .5rem 1.5rem 0}.header-logo{margin-left:14%;width:50vw}.menu-container{align-items:center;background-color:rgba(var(--primary-r),var(--primary-g),var(--primary-b),.9);bottom:0;display:none;flex-direction:column;font-size:1.1rem;height:100vh;padding-top:10%;position:fixed;right:0;top:0;width:50vw}.mobile-menu{align-items:center;display:flex;flex:1 1;justify-content:flex-end}.mobile-menu .menu-icon{margin:0 1.2rem;width:1.8rem}.menu-link-border{margin:.5rem 0}.menu-icon-border{margin-top:.5rem;padding:.8rem 0}.menu-icon{width:1.2rem}}@media (min-width:768px){.header-logo{width:50vw}.menu-container{align-items:flex-end;display:flex;flex:1 1;font-size:1.1rem;justify-content:flex-end}.menu-link-border{border-right:2px solid #6f6f6f;padding:0 1rem}.menu-icon-border{border-right:2px solid #6f6f6f;padding:0 1.2rem}.menu-icon{scale:1.7;width:100%}}.menu-link{color:#c3c3c3;padding-bottom:.3rem}.menu-link:hover{border-bottom:3px solid var(--orange)}.dropdown-content{background-color:rgba(var(--primary-r),var(--primary-g),var(--primary-b),.7);box-shadow:0 8px 16px 0 #0003;display:none;left:50%;max-width:800px;position:absolute;top:var(--headerHeight);transform:translateX(-50%);width:80%;z-index:1}.dropdown-content:focus-within,.dropdown-content:hover,.menu-link-border:focus-within .dropdown-content,.menu-link-border:hover .dropdown-content{display:block}.dropdown-item{color:#fff;display:block;padding:12px 16px;text-decoration:none}.dropdown-item:hover{background-color:#ddd}footer{display:flex;padding:2rem .5rem}.app-icon-container{justify-content:center;margin-left:3%;width:8%}.app-icon-container,.app-links-container{align-items:center;display:flex;flex-direction:column}.app-links-container{justify-content:space-around;width:15%}.app-link-container{align-items:center;background-color:#0000004d;border-radius:6%;display:flex;height:35%;justify-content:center;width:88%}.app-link-text{margin-left:4%;width:60%}.footer-menu-container{align-items:flex-end;display:flex;flex:1 1;flex-direction:column;justify-content:space-around;margin-bottom:10%}.footer-menu-list-container{align-items:flex-end;display:flex;height:30%;justify-content:center}.footer-menu-item{color:#fff;font-size:1.1rem;margin-bottom:3%;padding:0 1rem}.footer-menu-item:hover{text-decoration:underline}.media-icon{height:30px;margin-top:10%}.inner-page-title-box-container{display:flex;flex-direction:column;justify-content:space-between;justify-content:flex-end;margin-top:-1px;width:100%;@media (max-width:799px){height:38.40287vw}@media (min-width:799px){height:34.36047vw;max-height:404.24077px;min-height:80.84815px}}.inner-page-title-box{border-right-color:var(--orange);border-right-style:solid;color:var(--blue);font-size:1.6rem;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;margin-bottom:5%;padding-right:5%;text-align:end;width:20%;@media (max-width:799px){font-size:16px;padding-top:0;width:30%}}.inner-page-content-box{background-color:#d9d9d9;display:flex;flex:1 1;padding:2rem}.inner-page-slogan{border-right:2px solid var(--orange);color:#000;flex:1 1;font-size:1.1rem;padding-right:5%;width:20%}.inner-page-content{color:#000;flex:3 1;font-size:1.1rem;margin-left:3%;text-align:left}.inner-page-sub-title{color:#000;font-size:1.4rem;margin-top:0 2% 1% 1%}.banner{background:#d9d9d9 url(/static/media/locker2.0d3aa4478bf980c3da15.png) no-repeat top;background-size:contain;display:flex;width:100%;@media (min-width:799px){align-items:center;height:49.41145%;justify-content:space-between;max-height:805.6214px;min-height:107.41619px;padding-left:8%;width:92%}@media (max-width:799px){align-items:space-between;flex-direction:column;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}}.banner .title{color:#c3c3c3;font-size:1.2rem}.banner .content{color:#c3c3c3;font-size:1rem;margin-bottom:2%;text-align:left}.banner-logo-container{align-items:center;display:flex;height:53.70809vw;@media (max-width:799px){margin-left:8%}}.banner-logo-container,.text-logo{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.text-logo{height:21.48324vw;max-height:300px}.banner-content{align-items:flex-start;background-color:#0006;display:flex;flex-direction:column;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;padding:3%;width:50%;@media (max-width:768px){width:94%}}.entry-content-table-container{background-color:#d9d9d9;display:flex;flex-direction:column;justify-content:center;@media (min-width:500px){padding-bottom:0;padding-left:4rem;padding-right:4rem;padding-top:0}@media (max-width:500px){padding-bottom:0;padding-left:5%;padding-right:5%;padding-top:0}}.content-table-slogan-container{align-items:flex-end;display:flex;margin-top:4%;@media (max-width:500px){align-items:center;flex-direction:column}}.entry-link-box{min-width:270;@media (max-width:500px){margin-bottom:2%;margin-left:0;margin-right:0;margin-top:2%;width:90vw}@media (min-width:500px){margin-bottom:2%;margin-left:0;margin-right:0;margin-top:2%;width:31%}}.grid-container{align-items:center;display:flex;flex-wrap:wrap;justify-content:space-between;@media (max-width:500px){flex-direction:column;justify-content:center}}.app-badge,.app-container,.app-icon,.app-icon-container-mobile{@media (max-width:500px){margin-right:5%;max-height:100px}}.shop-now-container{background-color:grey;padding:0 4rem;@media (max-width:500px){padding-bottom:0;padding-left:5%;padding-right:5%;padding-top:0}}.slogan-container{align-items:flex-end;display:flex;padding-top:5%;@media (max-width:500px){align-items:flex-start;flex-direction:column}}.products-pic-container{display:flex;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;justify-content:space-between;width:100%;@media (max-width:500px){align-items:center;flex-direction:column;justify-content:center}}.products-pic{@media (min-width:500px){margin-top:2%;min-width:250px;width:48%}@media (max-width:500px){margin-top:5%;width:100%}}.products-container{display:flex;padding:5rem 4rem}.product-pic-container{width:38%}.product-pic{width:100%}.indicator-container{align-items:center;display:flex;justify-content:center;width:100%}.indicator{background-color:#968d8d;border-radius:50%;height:10px;margin:10px 5px;width:10px}.product-description-container{align-items:flex-start;display:flex;flex-direction:column;width:100%}.product-id-container{align-items:center;display:flex;justify-content:space-between;width:100%}.product-id{font-size:1.7rem}.product-id,.product-price{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.product-price{font-size:1.4rem;padding-right:5%}.product-description-container div{display:flex;margin-bottom:.5rem}.product-title{color:var(--orange);font-size:1.4rem}.product-des{font-size:1rem;margin:0;padding:0}.add-to-cart-container{align-items:flex-end;display:flex;flex-direction:column;justify-content:flex-end;width:95%}.color-option-container{display:flex;flex-direction:column;justify-content:center;padding:0 3%}.add-to-cart-btn:hover{cursor:pointer}.user-page-root-margin{display:flex;margin:0 10%}.login-btn{background-color:#fff;border-radius:3%;color:var(--primary);padding:.5rem 1rem}.profile-header-container{align-items:center;display:flex;justify-content:space-between;padding:10% 0;width:100%}.profile-email{color:var(--orange);font-size:1.3rem}.profile-logout:hover{cursor:pointer}.user-page-index-container{width:40%}.user-page-contents-container{flex:1 1;padding:5% 3%;width:100%}.profile-tab-container{align-items:center;border-bottom:1px solid hsla(0,0%,100%,.521);display:flex;justify-content:space-between;padding:5% 0;text-align:left}.profile-tab-container:hover{cursor:pointer}.arrow-btn{margin-right:3%;width:15px}.arrow-btn:hover{cursor:pointer}.user-page-content-container{display:flex;flex-direction:column}.sub-content-container{align-items:center;display:flex;padding:2% 0;width:100%}.user-input{flex:1 1;margin-left:10}.comfirm-box-container{align-items:center;display:flex;justify-content:space-between}.confirm-btn{margin:1.5rem 0;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.content-row-text{margin:1rem 0;text-align:left}.form-root-container,.login{align-items:center;display:flex;justify-content:center}.form-root-container{background-color:var(--secondary);border-radius:5%;box-shadow:11px 10px 11px 0 #ffffffbf;padding:5% 0;width:60%}.form-container{align-items:center;display:flex;flex:1 1;flex-direction:column;height:100%;justify-content:center;padding:0 5%}.form-root-container .left{border-right:1px solid #fff}.title{font-size:2.2rem}.input-container{align-items:center;display:flex;justify-content:space-between;margin-top:15%;min-height:30px;width:100%}.input-container img{scale:1.8}input{background-color:initial;border:none;border-bottom:1px solid #fff;color:#fff;min-height:30px;width:90%}input:focus{border-bottom:1px solid var(--orange);box-shadow:none;outline:none}button{min-height:30px;width:100%}.change-button,button{margin-top:15%}.change-button:hover{text-decoration:underline}.pic{width:80%}.title-container{align-items:center;display:flex;justify-content:center;padding:2%}.policy-arrow{height:2%;margin-left:5%;width:2%}.policy-title{flex:1 1;font-size:1.2rem}.policy-content-container{padding:0 10vw}
/*# sourceMappingURL=main.76309c36.css.map*/