@import url(https://fonts.googleapis.com/css2?family=Mulish:wght@400;500;600&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f5f5f5;font-family:Mulish,sans-serif;margin:0}*{box-sizing:border-box}body,h1,h2,p{margin:0;padding:0}button{font-family:Mulish,sans-serif}.App{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:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@-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)}}.singleProductPage{margin-inline:auto;max-width:1280px;width:85%}.singleProductPage .navigationBar{align-items:center;display:flex;justify-content:space-between;padding:1.25rem 0}.singleProductPage .navigationBar .productName{font-size:1.25rem;font-weight:400}.singleProductPage .navigationBar .shareBtnDiv{display:flex;gap:1.25rem}.singleProductPage .navigationBar .shareBtnDiv .shareIcon{cursor:pointer}@media(max-width:600px){.singleProductPage{width:90%}.singleProductPage .navigationBar{padding:1rem 0}.singleProductPage .navigationBar .logo{width:7rem}.singleProductPage .navigationBar .productName{display:none}.singleProductPage .navigationBar .shareBtnDiv{gap:1rem}.singleProductPage .navigationBar .shareBtnDiv .shareIcon{width:1.75rem}}.primaryBtn{align-items:center;background:#f67dad;border:none;border-radius:30px;color:#fff;cursor:pointer;display:flex;font-size:1rem;padding:.5rem 1.5rem;text-decoration:none}.primaryBtn .btnIcon{margin-right:1rem}@media(max-width:600px){.primaryBtn{font-size:.875rem;padding:.3rem 1.25rem}.primaryBtn .btnIcon{margin-right:.8rem;width:1rem}}.filterComponent{margin-inline:auto;max-width:1280px;text-align:right}.filterComponent .componentDiv{display:flex;gap:1rem;justify-content:flex-end;margin-bottom:1rem}.filterComponent .componentDiv .allComponentBtn{align-items:center;background:#fff;border:1px solid #eee;border-radius:30px;color:#000;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:1rem;padding:.3rem 1.5rem}.filterComponent .subCategoryDiv{background-color:#fff;border-radius:30px;padding:1rem;text-align:center}.filterComponent .subCategoryDiv .productNameDiv{align-items:center;display:flex;gap:1rem;justify-content:center;margin-bottom:.5rem}.filterComponent .subCategoryDiv .productNameDiv .arrowIcon{cursor:pointer}.filterComponent .subCategoryDiv .productNameDiv .productName{font-size:1.125rem;font-weight:600;width:30%}.filterComponent .subCategoryDiv .total{color:#78849b;font-size:1.125rem;font-weight:600;margin-bottom:2.5rem}.filterComponent .subCategoryDiv .materialDiv{display:flex;gap:1.25rem;justify-content:center;margin-bottom:2.5rem}.filterComponent .subCategoryDiv .materialDiv .material{background-color:#fff;border:1px solid #e5e5e5;border-radius:30px;color:#000;font-size:1rem;font-weight:600;padding:.4rem 2rem}.filterComponent .subCategoryDiv .colorDiv{align-items:center;display:flex;gap:1.25rem;justify-content:center}.filterComponent .subCategoryDiv .colorDiv .color{border-radius:50%;cursor:pointer;height:1.875rem;width:1.875rem}@media(max-width:600px){.filterComponent .componentDiv{margin-bottom:1rem}.filterComponent .componentDiv .layer{width:1.75rem}.filterComponent .componentDiv .allComponentBtn{font-size:.875rem;padding:.3rem 1.25rem}.filterComponent .componentDiv .allComponentBtn .componentIcon{width:1rem}.filterComponent .subCategoryDiv{padding:1rem}.filterComponent .subCategoryDiv .productNameDiv .productName{font-size:1rem}.filterComponent .subCategoryDiv .total{font-size:1rem;margin-bottom:2rem}.filterComponent .subCategoryDiv .materialDiv{gap:.875rem;margin-bottom:2rem}.filterComponent .subCategoryDiv .materialDiv .material{font-size:.875rem}.filterComponent .subCategoryDiv .colorDiv{gap:1rem}.filterComponent .subCategoryDiv .colorDiv .color{height:1.25rem;width:1.25rem}}.backdrop{align-items:flex-end;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:hsla(0,0%,100%,.075);display:flex;height:100dvh;justify-content:center;left:0;position:fixed;top:0;width:100%}.shareDiv{background-color:#fff;border-radius:8px 8px 0 0;box-shadow:10px 24px 54px 0 rgba(91,119,238,.06);color:#293e65;font-size:1.125rem;font-weight:600;margin-bottom:.5rem;padding:2.5rem;text-align:center;width:50%}.shareDiv .shareSubHeader{color:#78849b;font-size:1rem;font-weight:600;margin-bottom:2.5rem}.shareDiv .shareBtnDiv{align-items:center;display:flex;flex-direction:column;gap:1.5rem;margin-bottom:2.5rem}.shareDiv .shareBtnDiv .shareBtn{align-items:center;background:transparent;border:none;cursor:pointer;display:flex;justify-content:space-between;text-align:left;width:35%}.shareDiv .shareBtnDiv .shareBtn .shareBtnText{color:#000;font-size:.75rem;font-weight:600}.shareDiv .closeBtn{cursor:pointer}@media(max-width:600px){.shareDiv{width:100%}.shareDiv .shareBtnDiv .shareBtn{width:60%}}.components{background-color:#fff;padding:2.5rem 0 8rem;width:100%}.components .headerDiv{display:flex;justify-content:space-between;margin-inline:auto;margin-bottom:2.5rem;width:60%}.components .headerDiv .componentsHeader{color:#293e65;font-size:1.125rem;font-weight:600}.components .headerDiv .componentsHeader span{color:#78849b;margin-left:.75rem}.components .headerDiv .closeBtn{cursor:pointer}.components .componentDiv{display:flex;justify-content:space-between;margin-inline:auto;width:60%}.components .componentDiv .subcomponentDiv{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr 1fr 1fr;justify-content:space-between;width:100%}.components .componentDiv .subcomponentDiv .componentText{font-size:.75rem;font-weight:600}.components .componentDiv .subcomponentDiv .componentText .colorCircle{border-radius:50%;display:inline-block;height:1rem;margin-right:.5rem;vertical-align:middle;width:1rem}@media(max-width:600px){.components{height:60vh;overflow:scroll;padding:2rem 0 8rem}.components .headerDiv{width:90%}.components .componentDiv{flex-direction:column;gap:1rem;width:90%}.components .componentDiv .subcomponentDiv{gap:.85rem}}.loading{align-items:center;background-color:#fff;gap:1.25rem;height:100dvh;justify-content:center;position:fixed;top:0;width:100%;z-index:100}.loading,.loading .loadingLogo{display:flex;flex-direction:column}.loading .loadingLogo{gap:.625rem}.loading .loadingProgression{color:#778aad;font-size:.875rem}.loading .loadingProgression span{font-weight:600}.productList{margin-inline:auto;max-width:1280px;width:85%}.productList .productNavigation{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem;padding:1.25rem 0}.productList .productNavigation .productListHeader{color:#293e65;font-size:1.25rem;font-weight:400}.productList .productNavigation .searchInputDiv{position:relative}.productList .productNavigation .searchInputDiv .seachInput{background:#fff;border:none;border-radius:30px;color:#778aad;font-size:.875rem;padding:.75rem 2.5rem}.productList .productNavigation .searchInputDiv .seachInput::-webkit-input-placeholder{color:rgba(119,138,173,.635);font-size:.875rem}.productList .productNavigation .searchInputDiv .seachInput::placeholder{color:rgba(119,138,173,.635);font-size:.875rem}.productList .productNavigation .searchInputDiv .seachInput:focus{outline:none}.productList .productNavigation .searchInputDiv .searchIcon{left:.75rem;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.productList .subTabDiv{align-items:center;display:flex;gap:2rem;justify-content:center;margin-bottom:1rem}.productList .subTabDiv .active{border-bottom:2px solid #f68ca7;color:#f68ca7;font-weight:600}.productList .cardDiv{display:flex;justify-content:space-between;margin-inline:auto;max-width:1280px;width:80%}@media(max-width:600px){.cardDiv{display:flex;flex-direction:column;width:80%}}.productCard{text-align:center;width:320px}.productCard .imageCard{background-color:#fff;border-radius:30px;box-shadow:10px 24px 54px 0 rgba(91,119,238,.06);margin-bottom:1rem;padding:.75rem 1rem}.productCard .imageCard .img{background-color:#f2f2f2;border-radius:30px;height:290px;margin-bottom:1.5rem;width:290px}.productCard .imageCard .productTitle{color:#293e65;font-size:1.125rem;font-weight:600;margin-bottom:.75rem}.productCard .imageCard .colorDiv{display:flex;gap:.75rem;justify-content:center;margin-bottom:1rem}.productCard .imageCard .colorDiv .color{border-radius:50px;height:1.25rem;width:1.25rem}.productCard .productDescriptionHeader{color:#293e65;font-size:1rem;font-weight:600}.productCard .productDescription{color:#778aad;font-size:.875rem;margin-bottom:1rem}.productCard .buttonDiv{display:flex;justify-content:center}
/*# sourceMappingURL=main.0fe42aea.css.map*/