body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}body{font-family:"Open Sans Condensed";padding:20px 60px}a{text-decoration:none;color:#000}*{box-sizing:border-box}@media screen and (max-width:800px){body{padding:10px}}.menu-item{min-width:30%;height:240px;flex:1 1 auto;display:flex;align-items:center;justify-content:center;border:1px solid #000;margin:0 7.5px 15px;overflow:hidden}.menu-item:hover{cursor:pointer}.menu-item:hover .background-image{transform:scale(1.1);transition:transform 6s cubic-bezier(.25,.45,.45,.95)}.menu-item.large{height:380px}@media screen and (max-width:800px){.menu-item.large{height:200px}}.menu-item:first-child{margin-right:7.5px}.menu-item:last-child{margin-left:7.5px}@media screen and (max-width:800px){.menu-item{height:200px}}.menu-item .background-image{width:100%;height:100%;background-position:50%;background-size:cover}.menu-item .content{height:90px;padding:0 25px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid #000;background-color:#fff;opacity:.7;position:absolute}@media screen and (max-width:800px){.menu-item .content{height:80px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;padding:10px 10px 20px}}.menu-item .content .title{font-weight:700;margin-bottom:6px;font-size:22px;color:#4a4a4a}.menu-item .content .subtitle{font-weight:lighter;font-size:16px}.directory-menu{width:100%;display:flex;flex-wrap:wrap;justify-content:space-between}.homepage{align-items:center}.collections-overview,.homepage{display:flex;flex-direction:column}.custom-button{min-width:165px;width:auto;height:50px;letter-spacing:.5px;line-height:50px;padding:0 35px;font-size:15px;background-color:#000;color:#fff;text-transform:uppercase;font-family:"Open Sans Condensed";font-weight:bolder;border:none;cursor:pointer;display:flex;justify-content:center}@media screen and (max-width:800px){.custom-button{padding:unset;letter-spacing:unset}}.custom-button:hover{background-color:#fff;color:#000;border:1px solid #000}@media screen and (max-width:800px){.custom-button:hover{background-color:unset;color:unset}}.custom-button.google-sign-in{background-color:#4285f4;color:#fff}.custom-button.google-sign-in:hover{background-color:#357ae8;border:none}.custom-button.inverted{background-color:#fff;color:#000;border:1px solid #000}.custom-button.inverted:hover{background-color:#000;color:#fff;border:none}.collection-item{width:22vw;display:flex;flex-direction:column;height:350px;align-items:center;position:relative}@media screen and (max-width:800px){.collection-item{width:45vw}}.collection-item .image{width:100%;height:95%;background-size:cover;background-position:50%;margin-bottom:5px}.collection-item .custom-button{width:80%;opacity:.7;position:absolute;top:255px;display:none}@media screen and (max-width:800px){.collection-item .custom-button{display:block;opacity:.9;min-width:unset;padding:0 10px}}.collection-item:hover .image{opacity:.8}.collection-item:hover .custom-button{opacity:.85;display:flex}@media screen and (max-width:800px){.collection-item:hover .custom-button,.collection-item:hover .image{opacity:unset}}.collection-item .collection-footer{width:100%;height:5%;display:flex;justify-content:space-between;font-size:18px}.collection-item .collection-footer .name{width:90%;margin-bottom:15px}@media screen and (max-width:800px){.collection-item .collection-footer .name{width:80%}}.collection-item .collection-footer .price{width:10%}@media screen and (max-width:800px){.collection-item .collection-footer .price{width:20%}}.collection-preview{display:flex;flex-direction:column;margin-bottom:30px}@media screen and (max-width:800px){.collection-preview{align-items:center}}.collection-preview .title{font-size:28px;margin-bottom:25px}.collection-preview .preview{display:flex;justify-content:space-between}@media screen and (max-width:800px){.collection-preview .preview{display:grid;grid-template-columns:1fr 1fr;grid-gap:10px}}.collection-preview:hover{cursor:pointer}.collection-page{display:flex;flex-direction:column}.collection-page .title{font-size:38px;margin:0 auto 30px}@media screen and (max-width:800px){.collection-page .title{font-size:28px}}.collection-page .items{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;grid-gap:10px}@media screen and (max-width:800px){.collection-page .items{grid-template-columns:1fr 1fr;grid-gap:10px}}.collection-page .items .collection-item{margin-bottom:30px}.spinner-overlay{height:68vh;width:100%;display:flex;justify-content:center;align-items:center}.spinner-overlay .spinner-container{display:inline-block;width:50px;height:50px;border-radius:50%;border:3px solid hsla(0,0%,76.5%,.6);border-top-color:#636767;animation:spin 1s ease-in-out infinite;-webkit-animation:spin 1s ease-in-out infinite}@keyframes spin{to{-webkit-transform:rotate(1turn)}}@-webkit-keyframes spin{to{-webkit-transform:rotate(1turn)}}.group{position:relative;margin:45px 0}.group .form-input{background:none;background-color:#fff;color:grey;font-size:18px;padding:10px 10px 10px 5px;display:block;width:100%;border-radius:0;border:none;border-bottom:1px solid grey;margin:25px 0}.group .form-input:focus{outline:none}.group .form-input:focus~.form-input-label{top:-14px;font-size:12px;color:#000}.group input[type=password]{letter-spacing:.3em}.group .form-input-label{color:grey;font-size:16px;font-weight:400;position:absolute;pointer-events:none;left:5px;top:10px;transition:all .3s ease}.group .form-input-label.shrink{top:-14px;font-size:12px;color:#000}.sign-in{width:380px;display:flex;flex-direction:column}@media screen and (max-width:800px){.sign-in{width:unset}}.sign-in .title{margin:10px 0}.sign-in .buttons{display:flex;justify-content:space-between}.sign-up{display:flex;flex-direction:column;width:380px}@media screen and (max-width:800px){.sign-up{width:unset}}.sign-up .title{margin:10px 0;font-size:32px}.sign-in-and-sign-up{width:900px;display:flex;justify-content:space-between;margin:30px auto}@media screen and (max-width:800px){.sign-in-and-sign-up{flex-direction:column;width:unset}.sign-in-and-sign-up>:first-child{margin-bottom:50px}}.checkout-item{width:100%;display:flex;min-height:80px;border-bottom:1px solid #a9a9a9;padding:10px 0;font-size:20px;align-items:center}.checkout-item .image-container{width:23%;padding-right:15px;height:120px}@media screen and (max-width:800px){.checkout-item .image-container{display:none}}.checkout-item .image-container img{width:100%;height:100%}.checkout-item .name{width:23%}@media screen and (max-width:800px){.checkout-item .name{font-size:15px;width:34%}}.checkout-item .price,.checkout-item .quantity{width:23%}@media screen and (max-width:800px){.checkout-item .price,.checkout-item .quantity{width:29%}}.checkout-item .quantity{display:flex}.checkout-item .quantity .arrow{cursor:pointer}.checkout-item .quantity .value{margin:0 10px}.checkout-item .remove-button{padding-left:10px;cursor:pointer}@media screen and (max-width:800px){.checkout-item .remove-button{padding:0}}.checkout-page{width:55%;min-height:90vh;display:flex;flex-direction:column;align-items:center;margin:50px auto 0}@media screen and (max-width:800px){.checkout-page{width:100%;padding:10px}}.checkout-page .checkout-header{width:100%;padding:10px 0;display:flex;justify-content:space-between;border-bottom:1px solid #a9a9a9}.checkout-page .checkout-header .header-block{text-transform:capitalize;width:23%}@media screen and (max-width:800px){.checkout-page .checkout-header .header-block{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.checkout-page .checkout-header .header-block:first-child{display:none}}.checkout-page .checkout-header .header-block:last-child{width:8%}@media screen and (max-width:800px){.checkout-page .checkout-header .header-block:last-child{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}}.checkout-page .total{margin-top:30px;margin-left:auto;font-size:36px}@media screen and (max-width:800px){.checkout-page .total{font-size:30px}}.checkout-page button{margin-left:auto;margin-top:50px}.checkout-page .test-warning{text-align:center;margin-top:40px;font-size:24px;color:red;font-weight:700}@media screen and (max-width:800px){.checkout-page .test-warning{font-size:20px}}.contact-page{text-align:center;width:100%}.cart-icon{width:45px;height:45px;position:relative;display:flex;align-items:center;justify-content:center;cursor:pointer}.cart-icon .shopping-icon{width:24px;height:24px}.cart-icon .item-count{position:absolute;font-size:10px;font-weight:700;bottom:12px}.cart-item{width:100%;display:flex;height:80px;margin-bottom:15px}.cart-item img{width:30%}@media screen and (max-width:800px){.cart-item img{width:30%}}.cart-item .item-details{width:70%;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:10px 20px}.cart-item .item-details .name{font-size:16px}@media screen and (max-width:800px){.cart-item .item-details .name{font-size:18px}}.cart-dropdown{position:absolute;width:310px;height:380px;display:flex;flex-direction:column;padding:20px;border:1px solid #000;background-color:#fff;top:90px;right:40px;z-index:5}@media screen and (max-width:800px){.cart-dropdown{top:80px;right:25px;width:300px}}.cart-dropdown .empty-message{font-size:20px;margin:75px auto}.cart-dropdown .cart-items{height:350px;display:flex;flex-direction:column;overflow:auto}.cart-dropdown button{margin-top:auto}.header{height:70px;width:100%;display:flex;justify-content:space-between;margin-bottom:25px}@media screen and (max-width:800px){.header{height:60px;padding:10px;margin-bottom:20px}}.header .logo-container{height:100%;width:70px;padding:13px}@media screen and (max-width:800px){.header .logo-container{width:50px;padding:0}}.header .options{width:50%;height:100%;display:flex;align-items:center;justify-content:flex-end}@media screen and (max-width:800px){.header .options{width:83%}}.header .options .option{padding:10px 15px;cursor:pointer}
/*# sourceMappingURL=main.b5730271.chunk.css.map */