.button{background:#b3cde4;border:none;border-radius:8px;box-shadow:0 4px 6px #0000001a;color:#001b2e;cursor:pointer;font-size:16px;font-weight:600;margin-top:4rem;padding:12px 24px}.button:hover{background:#85a0b8;box-shadow:0 6px 8px #00000026}.button:focus{box-shadow:0 0 0 2px #3b82f680;outline:none}.refresh-button{background:none;background:#0000;border:0;cursor:pointer;padding:0;position:relative}.hover-text{background:#000000bf;border-radius:5px;color:#fff;font-size:14px;left:50%;opacity:0;padding:5px 10px;position:absolute;top:50%;transform:translate(-50%,-50%);white-space:nowrap}.hover-text,.image-button{transition:opacity .3s ease-in-out}.image-button:hover .hover-text{opacity:1}@media (max-width:600px){.button{font-size:14px;margin-top:2rem;padding:6px 12px}}.input-container{align-items:center;display:flex;gap:1rem}.input-location{display:flex;gap:.25rem}.input-field{border:1px solid gray;border-radius:5px;padding:8px}.input-button{background:#b3cde4;border:none;border-radius:5px;color:#001b2e;cursor:pointer;font-size:12px;font-weight:600;padding:8px}.input-button:hover{background:#85a0b8;box-shadow:0 6px 8px #00000026}@media (max-width:768px){.input-container{align-items:center;display:block;gap:1rem}}.home{align-items:center;background-color:#1d3f58;color:#b3cde4;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);height:100vh;justify-content:center;overflow:hidden;text-align:center;width:100vw}@media (max-width:768px){.home{font-size:calc(12px + 1vmin)}p{font-size:larger}}.clothes-container{gap:12px;margin:2rem}.clothes{background-color:#5a80a0;border-radius:8px;box-shadow:0 2px 4px #0000001a;color:#eef3f9;display:inline-block;font-size:smaller;font-weight:bolder;padding:.1rem .5rem;transition:background-color .3s,transform .2s}.clothes:hover{background-color:#74a4f8;transform:translateY(-2px)}.clothes:active{background-color:silver;transform:translateY(0)}@media (max-width:600px){.clothes-container{font-size:smaller;margin:1rem}}.result{align-items:center;background-color:#537692;color:#eef3f9;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh;text-align:center}.clothes-content{padding-bottom:2rem;width:80%}.info{align-items:center;display:flex}span{padding:0 1rem;white-space:pre-wrap}.button-toggle{background:#b3cde4;border:none;border-radius:8px;box-shadow:0 4px 6px #0000001a;color:#001b2e;cursor:pointer;font-size:16px;font-weight:600;margin-left:1.25rem;padding:.5rem 1rem;transition:all .3s ease}.button-toggle:hover{background:#85a0b8;box-shadow:0 6px 8px #00000026}.button-toggle:focus{box-shadow:0 0 0 4px #3b82f680;outline:none}img{background:#0000;height:auto;max-width:100%}@media (max-width:600px){.weather{font-size:calc(14px + 2vmin);padding:1rem}.info{align-items:center;flex-direction:column}.info span{margin:.25rem 0}.button-toggle{font-size:13px;margin:.5rem 0;padding:.25rem .5rem}h1{font-size:1.5rem}p{font-size:1rem}img{max-width:70%}.icon{max-width:30%}}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}
/*# sourceMappingURL=main.994eb61d.css.map*/