.wardrobe-list{flex:1;padding:8px;justify-content:space-between;background-color:white}.wardrobe-items{flex-grow:1;overflow-y:auto}.wardrobe-item{display:flex;flex-direction:row;align-items:center;background-color:#d37533;padding:50px;border-radius:12px;margin:8px 0;box-shadow:0 2px 4px rgba(0,0,0,.3);transition:box-shadow .3s ease}.wardrobe-item:hover{box-shadow:0 4px 8px rgba(0,0,0,.5)}.wardrobe-item{flex:1;text-align:center;font-size:30px;color:white;font-weight:700}.input{height:40px;width:100%;border:1px solid #d3d3d3;border-radius:8px;padding:0 10px;margin:10px 0}.empty-text{text-align:center;color:#A9A9A9;font-style:italic}.button{margin:5px 0;width:100%;padding:10px;border-radius:5px;color:#FFFFFF;font-weight:700;text-align:center}.create-button{background-color:#e16122}.cancel-button{background-color:black}.floating-buttons-container{position:fixed;bottom:20px;right:20px;display:flex;flex-direction:row;justify-content:space-between;width:92%}.floating-button{width:60px;height:60px;border-radius:30px;background-color:#e16122;display:flex;align-items:center;justify-content:center;elevation:5}.clothing-items-grid{display:flex;flex-direction:column;align-items:flex-start}.clothing-items-grid h1{margin:0;padding-bottom:10px}.grid-container{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:20px}.clothing-item{width:100%;height:auto;padding:20px;border:1px solid #ccc;border-radius:10px;background-color:#f9f9f9;box-shadow:0 2px 5px rgba(0,0,0,.2);transition:transform .2s,box-shadow .2s}.clothing-item:hover{transform:translateY(-5px);box-shadow:0 4px 10px rgba(0,0,0,.3)}.clothing-thumbnail{border-radius:5px;margin-bottom:10px}.wardrobe-link{color:black;text-decoration:none;transition:color .3s ease}.wardrobe-link:hover{color:orange}.details-button{margin-top:10px;border-radius:5px;font-weight:700;transition:background-color .3s ease;width:100%}.clothing-items-grid{background-color:transparent;padding:20px}.grid-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:15px;padding:20px}@media (max-width:600px){.grid-container{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}}@media (min-width:601px) and (max-width:900px){.grid-container{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}}@media (min-width:901px){.grid-container{grid-template-columns:repeat(4,1fr)}}.clothing-item{background-color:white;border:1px solid #ddd;border-radius:8px;padding:10px;text-align:center;transition:transform .2s}.clothing-item:hover{transform:scale(1.05)}.clothing-thumbnail{width:100%;height:auto;border-radius:4px}.details-button{background-color:#e16122;color:white;border:none;border-radius:4px;padding:10px 15px;cursor:pointer;transition:background-color .2s}.details-button:hover{background-color:#c95a1e}.error-message{color:red;margin-top:10px}