@import"https://fonts.googleapis.com/css2?family=Gupter:wght@400;500;700&family=Playfair+Display:ital,wght@0,400..900;1,400..900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap";#modal{position:fixed;top:0;right:0;left:0;bottom:0;display:flex;justify-content:center;align-items:center}#modal-background{position:fixed;top:0;right:0;left:0;bottom:0;background-color:#000000b3}#modal-content{position:absolute;background-color:#fff}.login-modal-container{display:flex;flex-direction:column;align-items:left;justify-content:center;padding:20px;border-radius:30px;margin:auto;background-color:#fff}.login-form{width:100%;display:flex;flex-direction:column}.login-form label{display:flex;flex-direction:column;font-size:14px;margin-bottom:10px}.login-form input{padding:5px;margin-top:5px;border-radius:5px}.login-form button{padding:10px;border-radius:20px;font-size:16px;cursor:pointer;background-color:#000;color:#fff;margin-top:20px;transition:transform .3s ease}.login-form button:hover{transform:scale(1.05)}#modal-content{border-radius:20px}.error-message{color:red}.signup-modal-container{display:flex;flex-direction:column;align-items:left;justify-content:left;padding:20px;border-radius:20px;margin:auto;background-color:#fff}.signup-form{width:100%;display:flex;flex-direction:column}.signup-form label{display:flex;flex-direction:column;font-size:14px;margin-bottom:10px}.signup-form input{padding:5px;margin-top:5px;border-radius:5px;border:1px solid #ccc}.signup-form button{padding:10px;border-radius:20px;font-size:16px;cursor:pointer;margin-top:20px;color:#fff;background-color:#000;transition:transform .3s ease}.signup-form button:hover{transform:scale(1.05)}.profile-dropdown{position:absolute;list-style:none;top:50px;right:0;background-color:#fff;border:1px solid #ccc;padding:10px;border-radius:5px;box-shadow:0 2px 10px #0000001a;z-index:1000;width:200px}.profile-dropdown p{margin:5px 0}.profile-dropdown button,.profile-dropdown a{display:block;width:100%;padding:8px 10px;text-align:left;background:none;border:none;cursor:pointer}.profile-dropdown button:hover,.profile-dropdown a:hover{background-color:#f0f0f0}.profile-link{color:gray;text-decoration:none;gap:20px}.profile-link .link-icon{margin-right:8px}.profile-dropdown{position:absolute;cursor:pointer}.etsy-logo{height:40px;width:auto}#header-container{display:flex;justify-content:space-between;align-items:center;padding:10px 20px;border-bottom:1px solid #ccc;background-color:#fff}.category-and-search{display:flex;align-items:center;padding-left:10px;opacity:.1}#header-category{margin-right:20px}#search-bar{padding:10px}.two-icons{display:flex;align-items:center}#login-and-signup{margin-right:20px}#shopping-cart-icon{margin-left:20px;padding:0;border:none;background:none;box-shadow:none;font-size:inherit;color:#000}#search-bar input{padding:5px 10px;border:1px solid #ccc;border-radius:4px}.getsy-logo{padding-left:60px}.logo-link-to-home{list-style-type:none;text-decoration:none;color:#f56400;font-size:larger;font-family:Playfair Display,serif;font-weight:100}.landing-page{text-align:center;padding:10px}.welcome-message h1{font-size:36px;margin-bottom:0}.welcome-message h2{margin-top:0}.welcome-message span{display:block;margin:10px 0 20px;font-size:24px}.landing-page-welcome-header{display:flex;flex-direction:column;align-items:center;margin-bottom:30px}.add-listing-button{background-color:#4caf50;border:none;color:#fff;padding:10px 20px;text-align:center;text-decoration:none;display:inline-block;font-size:16px;margin:4px 2px;cursor:pointer;border-radius:5px}.add-listing-button:hover{background-color:#45a049}.products-list-container{display:flex;flex-wrap:wrap;justify-content:center;gap:20px;margin-top:20px}.product-card{border-radius:10px;overflow:hidden;background-color:#d3d3d3;width:300px;height:250px;text-align:left;position:relative;transition:transform .2s;margin-bottom:20px}.product-card img{width:100%;height:100%;object-fit:cover}.product-card p{font-size:20px;font-weight:700;position:absolute;bottom:10px;left:10px;background-color:#fff;padding:5px 10px;margin:0 0 10px 10px;border-radius:20px}.link-to-productDetails{text-decoration:none;color:inherit}.invisable{display:none}.footer{display:flex;justify-content:space-around;color:#000;border-top:black solid 1px;padding-top:20px}.about-link-icons{font-size:xxx-large;display:flex;justify-content:space-around}.indi-link{color:#53b956}.indi-link:hover{color:#45a049}#Elya,#Hui,#Aaron,#Tom{width:8%}.your-listings-page{max-width:1200px;margin:0 auto;padding:20px}.your-listings-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.your-listings-content ul{list-style-type:none;padding:0}.listing-item{display:flex;border:1px solid #ccc;border-radius:10px;padding:20px;margin-bottom:20px;align-items:center;background-color:#f9f9f9}.listing-item img{width:200px;height:160px;object-fit:cover;border-radius:10px;margin-right:20px}.listing-details{flex:1}.listing-details h2{margin:0 0 10px}.listing-details p{margin:5px 0}.listing-actions{display:flex;gap:10px}.add-listing-button{background-color:#5cb85c;color:#fff;border:none;border-radius:20px;padding:10px 30px;cursor:pointer}.delete-box{width:450px;height:300px;display:flex;flex-direction:column;align-items:center;row-gap:15px;overflow:hidden;padding:20px}.yes-button{border-radius:10px;background-color:red;color:#fff;height:50px;width:350px;border:none}.no-button{border-radius:10px;background-color:#a9a9a9;color:#000;height:50px;width:350px;border:none}.product-details{display:flex;justify-content:center;align-items:flex-start;padding:20px;max-width:1200px;margin:auto}.top-detail{display:flex;justify-content:space-between;width:100%}.left-div-image-container{flex:1;padding:20px}.left-div-image-container img{width:100%;height:auto;min-width:600px;min-height:400px;border-radius:10px;background-color:#e2e2e2}.right-div-product-description{flex:1;padding:20px;display:flex;flex-direction:column;gap:10px}.button-pad{padding:10px}#button-container{display:flex;gap:10px;margin:5px}.quantity-select{padding:5px;font-size:14px;border:1px solid #ccc;border-radius:4px;background-color:#fff;cursor:pointer}.quantity-select:focus{outline:none;border-color:#007bff}.quantity-select option{padding:10px}.add-to-cart-button{background-color:#000;color:#fff;border:none;padding:16px 40px;border-radius:30px;font-size:16px;cursor:pointer}.add-to-cart-button:hover{background-color:#131313;transform:scale(1.01);box-shadow:0 4px 8px #0003}.confirmation-message{color:#006400;font-size:1em;margin:0;padding:0;min-height:20px}.confirmation-message-container{min-height:40px}.review{border:1px solid #ccc;border-radius:5px;padding:10px;margin-bottom:10px}.reviewed-by{font-size:.85em}.reviews-list{list-style-type:none;padding:0}.create-review-link{color:#000;margin:20px 0}.create-review-link:hover{color:gray;margin:20px 0}.button-pad-edit{margin-top:10px}.edit-review-button{color:#000;border:none;padding:10px 20px;border-radius:5px;font-size:14px;font-weight:700;cursor:pointer;margin-right:10px;transition:background-color .3s,transform .3s;white-space:nowrap}.edit-review-button:hover{color:gray;transform:scale(1.05)}.button-pad-edit{margin-top:10px;text-decoration:underline!important}.button-pad-delete{margin-top:10px}.delete-review-button{color:#000;border:none;padding:10px 20px;border-radius:5px;font-size:14px;font-weight:700;cursor:pointer;margin-right:10px;transition:background-color .3s,transform .3s;white-space:nowrap}.delete-review-button:hover{color:gray}.error-message{color:red;font-weight:700}@media (max-width: 900px){.top-detail{flex-direction:column;align-items:center}.left-div-image-container,.right-div-product-description{width:100%;max-width:600px}.left-div-image-container img{min-width:100%;min-height:auto}}.edit-review-container{max-width:600px;margin:0 auto;padding:20px;background-color:#f9f9f9;border-radius:8px;box-shadow:0 0 10px #0000001a}.edit-review-container h1{margin-bottom:20px}.edit-review-container form{display:flex;flex-direction:column}.edit-review-container form h3{margin-bottom:30px}.edit-review-container form textarea,.edit-review-container form select{display:flex;margin-top:5px;margin-bottom:15px;padding:10px;border-radius:5px;border:1px solid #ccc}.edit-review-container form select{width:150px;height:38px}.edit-review-container form textarea{width:560px;height:30vh;vertical-align:top;text-align:start;padding:20px}.edit-review-container form button{padding:10px;border-radius:20px;font-size:16px;cursor:pointer;background-color:#000;color:#fff;margin-top:20px;transition:transform .3s ease;width:150px;align-self:flex-end}.edit-review-container form button:hover{transform:scale(1.05)}.delete-review-modal{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px}.delete-review-buttons{display:flex;flex-direction:column;gap:10px;padding:20px}.products-form{max-width:600px;margin-top:10px;padding:20px;border:1px solid #ccc;border-radius:10px;background-color:#f9f9f9}.products-form h1,.products-form h2,.products-form p,.products-form label,.products-form input,.products-form textarea,.products-form select,.products-form button{margin-bottom:10px}.products-form label{display:block;font-weight:400}.products-form input,.products-form textarea,.products-form select{width:100%;padding:8px;border:1px solid #ccc;border-radius:5px;display:block}.products-form button{padding:10px 20px;font-size:16px;background-color:#5cb85c;color:#fff;border:none;border-radius:5px;cursor:pointer}.error-message{color:red;padding-left:15px}.photo-div{border-radius:5px;text-align:left}.dropzone{border:2px dashed #ccc;text-align:center;padding:5px}#image-upload{border:none}.upload-button{border:2px dashed #ccc}.photo-div input[type=file]{display:block;margin-top:10px;cursor:pointer}.photo-div p{margin-top:10px;font-size:14px;color:#666}.back-to-listings-link{margin:10px;text-decoration:none;color:#000;font-weight:700;padding-top:20px;display:inline-block}.back-to-listings-link:hover{text-decoration:underline}.back-to-listings-link{padding:10px;margin:10px}.cancel-order-modal{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px}.cancel-order-modal h1{margin-bottom:20px}.cancel-order-buttons{display:flex;flex-direction:column;gap:10px;padding:20px}.cancel-order-buttons .no-button,.cancel-order-buttons .yes-button{padding:10px 20px;font-size:16px;cursor:pointer}.cancel-order-buttons .no-button{background-color:#f5f5f5;border:1px solid #ccc;color:#000}.cancel-order-buttons .yes-button{background-color:#ff4d4d;color:#000;border:none;display:flex;align-items:center;justify-content:center}.order-container{border:3px solid #ccc;padding:10px;margin-bottom:10px;border-radius:5px}.order-item-container{border-bottom:1px solid #ccc;padding-bottom:10px;margin-bottom:10 px}.cancel-order-container{display:flex;align-items:center;gap:10px}.cancel-order-text{color:#f08080}.cancel-button{display:flex}.cancel-label{padding-right:10px;color:red}.delete-box{width:450px;height:300px;display:flex;flex-direction:column;align-items:center;row-gap:15px;overflow:hidden;padding-bottom:20px}.yes-button{border:none;border-radius:10px;background-color:red;color:#fff;height:50px;width:350px}.no-button{border:none;background-color:#a9a9a9;color:#000;height:50px;width:350px;border-radius:10px}.cart-item-delete-success-message{color:green;font-weight:700;margin-top:10px}#cart-item-card{display:flex;border:1px solid lightgray;padding:10px;margin:10px 0;align-items:center;border-radius:10px}.cart-item-image{width:140px;height:120px;overflow:hidden;display:flex;align-items:center;justify-content:center;border:1px solid rgb(238,238,238);margin-right:10px;border-radius:10px}.cart-item-image img{max-width:100%;min-height:100%}.cart-item-description{flex:1;padding:0 10px 10px}.checkout-button{background-color:#000;color:#fff;border:none;padding:16px 40px;border-radius:30px;font-size:16px;cursor:pointer}.checkout-button:hover{background-color:#131313;transform:scale(1.01);box-shadow:0 4px 8px #0003}select{padding:5px;font-size:14px;border:1px solid #ccc;border-radius:4px;background-color:#fff;cursor:pointer}select:focus{outline:none;border-color:#007bff}select option{padding:10px}.remove-from-cart-button{color:#000;border:none;margin:10px 0;padding:10px 20px;font-size:14px;font-weight:700;cursor:pointer;transition:background-color .3s,transform .3s}.remove-from-cart-button:hover{background-color:#c3c3c3;border-radius:20px;border:none}body{font-family:Arial,sans-serif}button{background:none;border:none;padding:0;margin:0;font:inherit;color:inherit;cursor:pointer;outline:none;box-shadow:none}
