*{margin:0;padding:0}.app{max-width:100vw;height:fit-content;display:flex;align-items:center;flex-direction:column;padding:20px 50px;background-color:#023047;gap:20px}.app-heading{color:#fff}.loader{width:50px;aspect-ratio:1;display:grid;-webkit-mask:conic-gradient(from 15deg,#0000,#000);animation:l26 1s infinite steps(12)}.loader,.loader:before,.loader:after{background:radial-gradient(closest-side at 50% 12.5%,#f03355 96%,#0000) 50% 0/20% 80% repeat-y,radial-gradient(closest-side at 12.5% 50%,#f03355 96%,#0000) 0 50%/80% 20% repeat-x}.loader:before,.loader:after{content:"";grid-area:1/1;transform:rotate(30deg)}.loader:after{transform:rotate(60deg)}@keyframes l26{to{transform:rotate(1turn)}}.details-section{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;gap:40px;padding-top:20px}.customer-details{width:100%;text-align:center}.customer-details>:first-child{font-size:25px;font-weight:700;margin-bottom:10px}.photos-section{max-width:1200px;height:fit-content;display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.photos-section>img{width:200px;height:200px;border-radius:20px;box-shadow:#63636333 0 2px 8px}.error-info{display:flex;flex-direction:column;align-items:center;color:red}.error-image{width:300px}.list-parentBox{display:flex;flex-direction:column;align-items:center;justify-content:center}.list-childBox{width:100%;padding:20px;height:fit-content;display:flex;justify-content:center;flex-direction:column;gap:10px;cursor:pointer;border:1px solid lightgray;transition:background-color .3s ease,box-shadow .3s ease}.list-childBox>:first-child{font-weight:700;font-size:20px}.selected{box-shadow:0 0 10px 2px #0003;background-color:#adb5bd}.loader-box{width:100%;height:100vh;display:flex;align-items:center;justify-content:center}.container{min-width:100%;max-height:115vh;overflow:hidden;display:flex;justify-content:center;background-color:#fff;box-shadow:#63636333 0 2px 8px}.list-section{min-width:320px;overflow-x:hidden;overflow-y:auto;padding-left:20px;box-shadow:#63636333 0 2px 8px}.details-section{display:flex;align-items:center;max-width:calc(100% - 320px);min-height:115vh;padding-bottom:20px;background-color:#e5e5e5}.list-section::-webkit-scrollbar{width:6px}.list-section::-webkit-scrollbar-track{background:#f1f1f1}.list-section::-webkit-scrollbar-thumb{background:#888}.list-section{scrollbar-width:thin;scrollbar-color:#888 #f1f1f1}