@import url(https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;600;700&display=swap);*{box-sizing:border-box;margin:0;padding:0}body,html{font-family:Open Sans,sans-serif;line-height:1.4;margin:0}a,body,html{color:#333;color:var(--color-black)}a{text-decoration:none}button{background:none;border:none;cursor:pointer}h2{letter-spacing:-.75px}ul{list-style:none}:root{--color-primary:#d7ccc8;--color-primary-dark:#795548;--color-black:#333;--color-white:#fbfbfb;--color-gray:#a4a4a4;--color-gray-light:#f2f2f2;--color-error:#b00020;--color-success:#39c16c}.back-btn-icon{height:20px;left:20px;position:absolute;top:20px;width:20px}.error-icon,.search-icon,.success-icon{height:24px;width:24px}.login-icon-container,.user-icon-container{align-items:center;display:flex;height:40px;justify-content:center;overflow:hidden;width:40px}.login-icon,.user-icon{color:#fbfbfb;color:var(--color-white);height:30px;transition:all .15s ease-in-out;width:30px}.login-icon:hover,.user-icon:hover{cursor:pointer;height:36px;width:36px}.user-icon.active{height:36px;width:36px}.email-icon,.location-icon,.phone-icon{height:20px;width:20px}.social-icon{height:24px;width:24px}.no-scroll{overflow:hidden}.transparent-gray-link{color:#a4a4a4;color:var(--color-gray)}.transparent-gray-link:hover{color:#333;color:var(--color-black);cursor:pointer}.transparent-white-link{color:#a4a4a4;color:var(--color-gray)}.transparent-white-link:hover{cursor:pointer}.transparent-white-link.active,.transparent-white-link:hover{color:#fbfbfb;color:var(--color-white)}table{border-collapse:collapse;margin:30px auto;width:90%}thead{border-bottom:1px solid #a4a4a4;border-bottom:1px solid var(--color-gray)}table,td,thead,tr{padding:5px 10px}table tr:nth-child(2n){background-color:#f2f2f2;background-color:var(--color-gray-light)}.td-right{text-align:right}.td-icon-container{display:flex;gap:10px;justify-content:center}.td-icon{height:18px;width:18px}.td-icon>svg{height:100%;width:100%}.td-icon:hover{color:#795548;color:var(--color-primary-dark)}.skeleton{-webkit-animation:skeleton-loading 1s infinite alternate;animation:skeleton-loading 1s infinite alternate;margin:0 auto}.skeleton-title-field{height:16px;width:50%}.skeleton-field{height:12px;width:90%}@-webkit-keyframes skeleton-loading{0%{background-color:#f2f2f2;background-color:var(--color-gray-light)}to{background-color:#a4a4a4;background-color:var(--color-gray)}}@keyframes skeleton-loading{0%{background-color:#f2f2f2;background-color:var(--color-gray-light)}to{background-color:#a4a4a4;background-color:var(--color-gray)}}.modal-backdrop{background-color:rgba(0,0,0,.5);height:100%;left:0;position:fixed;top:0;width:100%;z-index:99}.modal-form-container{width:80%}.modal-form-container,.modal-form-container-sm{background-color:#fbfbfb;background-color:var(--color-white);margin:50px auto 0;padding:20px;position:relative}.modal-form-container-sm{width:max(250px,50%)}.modal-form-container-sm>h2,.modal-form-container>h2{text-align:center}.close-modal-form-btn{color:#a4a4a4;color:var(--color-gray);font-size:24px;position:absolute;right:20px;top:20px}.close-modal-form-btn:hover{color:#795548;color:var(--color-primary-dark)}.app-container{display:flex;flex-direction:column;justify-content:space-between;min-height:100vh}.body-container{flex-grow:1}.notification{align-items:center;background-color:#fbfbfb;background-color:var(--color-white);border:4px solid #fff;border-radius:20px;display:flex;font-weight:600;justify-content:space-between;left:50%;padding:10px;position:fixed;top:25px;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:90%;z-index:999}.notification>div{align-items:center;display:flex;gap:10px}.notification>button{color:#a4a4a4;color:var(--color-gray);font-size:24px;position:absolute;right:20px;top:9px}.success{border-color:#39c16c;border-color:var(--color-success);color:#39c16c;color:var(--color-success)}.error{border-color:#b00020;border-color:var(--color-error);color:#b00020;color:var(--color-error)}.form-input-container{display:flex;justify-content:space-evenly}.form-input{background-color:#f2f2f2;background-color:var(--color-gray-light);border:2px solid #333;border:2px solid var(--color-black);border-radius:3px;padding:7px 14px;width:300px}.form-input:focus{outline:none}.form-submit-btn{background-color:#333;background-color:var(--color-black);border-radius:3px;color:#fbfbfb;color:var(--color-white);font-size:12px;letter-spacing:1.25px;padding:7px 14px;text-transform:uppercase;width:300px}.form-submit-btn:hover{background-color:#000}.search-box-container{display:flex;height:40px}.search-box{background-color:#f2f2f2;background-color:var(--color-gray-light);border:0;border-radius:2px;height:100%;outline:none;padding:10px 13px;width:300px}.search-box-button-container{background-color:rgba(0,0,0,.8);border-radius:2px;width:60px}.search-box-button{align-items:center;color:#fff;display:flex;height:100%;justify-content:center;width:100%}.search-box-button:hover{background-color:#000}.landing-page{align-items:center;background-color:#fbfbfb;background-color:var(--color-white);display:flex;height:100vh;justify-content:center;left:0;position:absolute;top:0;width:100%;z-index:100}.landing-page-box{align-items:center;border:2px solid #333;border:2px solid var(--color-black);border-radius:5px;box-shadow:0 2px 5px #a4a4a4;box-shadow:0 2px 5px var(--color-gray);display:flex;flex-direction:column;margin:0 auto;padding:10px 0;position:relative;text-align:center;vertical-align:middle;width:500px}.landing-page-box>*{margin-bottom:5px}.landing-page-form-container{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.landing-page-form{align-items:center;display:flex;flex-direction:column;padding:10px}.landing-page-form>h2{margin-bottom:20px}.landing-page-form>*{margin-bottom:10px}.header{align-items:center;background-color:#795548;background-color:var(--color-primary-dark);display:flex;height:75px;justify-content:space-between;padding:10px}.header img,.header>a{height:40px;width:40px}.header-account-controls{position:relative}.user-dropdown-menu{grid-gap:15px;background-color:#fff;border-radius:3px;box-shadow:0 1px 5px #000;display:grid;gap:15px;grid-template-columns:-webkit-max-content;grid-template-columns:max-content;opacity:0;padding:20px;pointer-events:none;position:absolute;right:0;top:30px;transition:all .2s ease-in-out;z-index:10}.user-dropdown-menu.active{opacity:1;pointer-events:auto;-webkit-transform:translateY(10px);transform:translateY(10px)}.user-dropdown-menu-username{font-weight:600;margin:0 auto;text-transform:uppercase}.user-dropdown-menu-funds{align-items:center;background-color:#d7ccc8;background-color:var(--color-primary);display:flex;justify-content:space-between;padding:5px 10px}.user-dropdown-menu-funds>div{align-items:center;cursor:pointer;display:flex}.logout-btn{background-color:red;border-radius:3px;color:#fff;padding:7px 14px}.add-new-product-container{background-color:#d7ccc8;background-color:var(--color-primary);margin:20px auto 0;width:50%}.add-new-product-container>button{font-size:14px;font-weight:600;height:100%;letter-spacing:1px;padding:10px 20px;text-transform:uppercase;width:100%}.add-new-product-container:hover{background-color:#795548;background-color:var(--color-primary-dark)}.add-new-product-container:hover>button{color:#fbfbfb;color:var(--color-white)}.product-form{gap:15px}.product-form,.product-form-field{display:flex;flex-direction:column}.product-form-field{min-width:80px;overflow:hidden}.product-form-field>label{font-weight:600}.product-form-field>input{font-size:14px;padding:5px 10px}.product-form-field>input:focus{outline:none}.product-form-field-2-col{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr}.product-form-field-file>input{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.product-form-field-file>input:hover{cursor:pointer}.product-form-submit-btn{background-color:#d7ccc8;background-color:var(--color-primary);font-size:14px;font-weight:600;letter-spacing:1px;padding:10px 20px;text-transform:uppercase}.product-form-submit-btn:hover{background-color:#795548;background-color:var(--color-primary-dark);color:#fbfbfb;color:var(--color-white)}#wallet-modal-box,.wallet-form{display:flex;flex-direction:column;gap:20px;text-align:center}.wallet-form{justify-content:center}.wallet-form>input{font-size:14px;margin:0 auto;max-width:200px;padding:5px 10px}.wallet-form>input:focus{outline:none}.wallet-form>button{background-color:#d7ccc8;background-color:var(--color-primary);font-size:14px;font-weight:600;letter-spacing:1px;padding:10px 20px;text-transform:uppercase}.wallet-form>button:hover{background-color:#795548;background-color:var(--color-primary-dark);color:#fbfbfb;color:var(--color-white)}.search-status{font-weight:600;margin:10px 20px}.product-list{display:flex;flex-wrap:wrap;justify-content:space-evenly;padding:20px}.product-item{border-radius:3px;box-shadow:0 1px 5px rgba(0,0,0,.8);margin:10px;padding:10px;text-align:center;transition:-webkit-transform .2s ease-in-out;transition:transform .2s ease-in-out;transition:transform .2s ease-in-out,-webkit-transform .2s ease-in-out;width:300px}.product-item:hover{-webkit-transform:translateY(-2px);transform:translateY(-2px)}.product-item>*{margin-bottom:5px}.product-item-image{height:200px;width:200px}.product-price{color:red;font-size:20px}.product-seller{font-size:14px;letter-spacing:.5px;opacity:.8}.product-item-link{background-color:#d7ccc8;background-color:var(--color-primary);font-weight:600;margin:0 auto;max-width:250px;padding:7px 14px}.product-item-link:hover{background-color:#795548;background-color:var(--color-primary-dark);color:#fbfbfb;color:var(--color-white)}.product-page-container{align-items:center;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:500px}.product-page-image-container{display:flex;height:400px;margin-left:auto;padding:20px;width:400px}.product-page-image{height:100%;width:100%}.product-page-details{display:flex;flex-direction:column;justify-content:space-evenly;min-height:400px;padding:20px}.product-owner{color:rgba(0,0,0,.5);font-size:14px;letter-spacing:1.125px}.buy-product-form{display:flex;gap:10px}.buy-product-quantity{max-width:70px;padding:5px 10px}.buy-product-btn{background-color:red;border-radius:3px;color:#fbfbfb;color:var(--color-white);font-weight:600;padding:7px 14px;transition:all .25s ease-in-out}.buy-product-btn:hover{background-color:#8b0000;cursor:pointer}.disabled-btn{background-color:#f2f2f2;background-color:var(--color-gray-light);border-radius:3px;cursor:default;padding:7px 14px}.product-stock{color:rgba(0,0,0,.5);font-size:12px;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;letter-spacing:1.125px;margin:auto 0}.confirmation-container{display:flex;flex-direction:column;gap:20px;text-align:center}.purchase-confirmation-image{height:200px;width:200px}.purchase-confirmation-text{font-size:20px;letter-spacing:-.5px}.confirmation-button-container{display:flex;gap:10px}.confirm-button{border-radius:3px;font-weight:600;padding:7px 14px;width:50%}.confirm-button,.primary-button{background-color:#d7ccc8;background-color:var(--color-primary);color:#333;color:var(--color-black)}.primary-button:hover{background-color:#795548;background-color:var(--color-primary-dark)}.delete-button,.primary-button:hover{color:#fbfbfb;color:var(--color-white)}.delete-button{background-color:red}.delete-button:hover{background-color:#8b0000}.cancel-button{background-color:#f2f2f2;background-color:var(--color-gray-light);border-radius:3px;color:#a4a4a4;color:var(--color-gray);padding:7px 14px;width:50%}.cancel-button:hover{color:#333;color:var(--color-black);-webkit-filter:brightness(90%);filter:brightness(90%)}.footer{background-color:#795548;background-color:var(--color-primary-dark);color:#fbfbfb;color:var(--color-white);display:flex;flex-direction:column}.footer-information{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr;grid-template-rows:220px}.footer-left{align-items:center;display:flex;justify-content:center;padding:20px}.footer-left ul{display:flex;flex-direction:column;height:100%;justify-content:space-evenly}.footer-left ul li{display:flex;font-size:14px;gap:10px;letter-spacing:1.25px}.footer-right{justify-content:space-evenly;padding:20px}.about,.footer-right{display:flex;flex-direction:column}.about{gap:5px}.about-title{font-size:20px;font-weight:600}.about-writeup{color:hsla(0,0%,100%,.6);font-size:14px;letter-spacing:1.25px;line-height:1.5;max-width:500px}.footer-socials{display:flex;gap:5px}.footer-socials-container a{align-items:center;border:2px solid #d7ccc8;border:2px solid var(--color-primary);border-radius:6px;color:#fbfbfb;color:var(--color-white);display:flex;height:30px;justify-content:center;width:30px}.footer-socials-container:hover{background-color:hsla(0,0%,100%,.1);border-radius:6px;cursor:pointer}.footer-trademark{color:hsla(0,0%,100%,.6);font-size:14px;letter-spacing:1;padding-bottom:10px;text-align:center}@media (max-width:680px){.product-page-container{grid-template-rows:400px}.product-page-image-container{height:300px;width:300px}.footer-information{gap:0;grid-template-columns:1fr;grid-template-rows:1fr 1fr}.footer-right{align-items:center;gap:20px;padding:10px;text-align:center}.footer-socials{gap:20px}.footer-trademark{padding:10px}}@media (max-width:530px){.landing-page-box{width:400px}.form-input,.form-submit-btn,.search-box{width:240px}.search-box-button-container{width:40px}.buy-product-form{align-items:center;align-self:flex-start;flex-direction:column}.product-page-container{grid-template-columns:1fr;grid-template-rows:300px 1fr}.product-page-image-container{height:300px;margin:0 auto;width:300px}.product-page-details{align-items:center;justify-content:space-around;min-height:300px;padding:0}.title-and-owner-container{text-align:center}.buy-product-form{margin:0 auto}.product-owner{letter-spacing:0}}@media (max-width:400px){.landing-page-box{width:300px}.landing-page-box>h2{width:200px}.search-box{border-radius:0;border-bottom-left-radius:2px;border-top-left-radius:2px;width:150px}.search-box-button-container{background-color:#f2f2f2;background-color:var(--color-gray-light);border-radius:0;border-bottom-right-radius:2px;border-top-right-radius:2px}.search-box-button{color:#333;color:var(--color-black)}.product-item{width:250px}.product-item-image{height:150px;width:150px}.add-new-product-container{margin:10px auto 0;width:200px}.product-list{padding:10px}.about-writeup,.footer-left>ul>li,.footer-trademark{font-size:12px}}
/*# sourceMappingURL=main.08200c72.css.map*/