.check-order-container{display:flex;flex-direction:column;align-items:center;padding:20px;max-width:600px;margin:100px auto;background-color:var(---background-color-primary);border:1px solid var(---third-color);border-radius:8px;box-shadow:0 4px 8px rgba(0,0,0,.1);font-family:var(---second-family)}.check-order-container h1{margin-bottom:20px;font-size:clamp(1.4rem,1.4rem + 1vw,2rem);color:var(---first-color);font-family:var(---third-family);text-align:center}.check-order-container .search-container{display:flex;margin-bottom:20px;width:100%;max-width:500px}.check-order-container .search-container input{flex:1 1;padding:12px;font-size:1rem;border:1px solid var(---second-color);border-radius:4px;font-family:var(---second-family)}.check-order-container .search-container button{padding:12px 20px;font-size:1rem;border:none;border-radius:4px;background-color:var(---first-color);color:var(---background-color-primary);cursor:pointer;margin-left:10px;font-family:var(---fourth-family)}.check-order-container .search-container button:hover{background-color:var(---second-color)}.check-order-container .error-message{color:var(---second-color);font-family:var(---second-family);margin-bottom:20px}.check-order-container .order-details{border:1px solid var(---fourth-color);border-radius:8px;padding:20px;width:calc(100% - 40px);max-width:500px;background-color:var(---background-color-primary);box-shadow:0 4px 8px rgba(0,0,0,.1);font-family:var(---second-family);margin:20px}.check-order-container .order-details h2{margin-top:0;font-size:1.5rem;color:var(---first-color);font-family:var(---third-family)}.check-order-container .order-details p{margin:8px 0}.skeleton-container{display:flex;flex-direction:column;width:100%;max-width:500px;margin-top:20px}.skeleton-container>*{margin-bottom:15px}.skeleton-container .react-loading-skeleton{width:100%}@media (max-width:768px){.check-order-container .search-container{flex-direction:column}.check-order-container .search-container button{margin-left:0;margin-top:10px}}@media (max-width:700px){.check-order-container{margin:100px 30px}}@media (max-width:480px){.check-order-container h1{font-size:1.5rem}.check-order-container .search-container button,.check-order-container .search-container input{font-size:.9rem}.check-order-container .order-details h2{font-size:1.2rem}}