body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion: no-preference){.App-logo{animation:App-logo-spin infinite 20s linear}}.App-header{background-color:#282c34;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}button{font-size:calc(10px + 2vmin)}.Header{height:180px;padding:0 30px;position:relative;grid-area:header;width:calc(100% - 60px);z-index:2;box-shadow:0 3px 6px #00000029;background-color:#fff;display:flex;flex-direction:column;justify-content:center}.Header:before{content:"";display:block;height:2px;width:100%;background:linear-gradient(90deg,#24c9c3 0%,#424268 100%);position:absolute;top:50%;left:0;z-index:-1}.Header__inside{display:flex;justify-content:space-between;width:100%;max-width:1440px;margin:0 auto}.Header__inside .logo{display:flex;align-items:center;justify-content:center;background-color:#fff;position:relative;max-width:186px;margin-left:2rem}.Header__inside .logo:after,.Header__inside .logo:before{content:"";display:block;height:50px;width:20px;background:#fff;position:absolute;top:20px;right:-20px;z-index:0}.Header__inside .logo:before{right:unset;left:-20px}.Header__inside .logo img{width:100%;height:auto}.Header__Navi{margin-top:5rem}.Header__Navi button{margin-left:1rem}.Login{margin-top:5rem}.Login__Inputs{display:flex;flex-direction:row;justify-content:center}.Login__Inputs>div,.Login__Inputs>button{margin:0 1rem}.Orders{max-width:1440px;margin:40px auto 0}.Orders .Cancel.hidden{display:none}.Details__Expand{position:fixed;top:5vh;left:5vw;width:90vw;background-color:#fff;border-radius:10px;z-index:10;box-shadow:0 3px 6px #00000029;padding-bottom:2rem}.Details__Expand.visible{display:block}.Details__Expand.hidden{display:none}.Details__Content--total{border-left:1px solid #24c9c3;border-right:1px solid #24c9c3;border-bottom:1px solid #24c9c3;border-radius:0 0 10px 10px;display:block;margin:0 4rem;font-weight:bold}.Details__Content--id,.Details__Content--invoice,.Details__Content--order,.Details__Content--date{margin:0;font-size:12px;line-height:14px}.Details__Content--customer{font-size:12px;line-height:14px;display:flex;flex-direction:column;align-items:flex-end}.Details__Head{background-color:#24c9c3;margin:0 4rem;border-radius:10px 10px 0 0;color:#fff;display:flex;padding:2rem;flex-direction:row;align-items:self-start}.Details__Head--numbers{display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;max-width:800px;margin:0 auto}.Details__Products{margin:0 4rem;border:1px solid #24c9c3;text-align:left;max-height:60vh;overflow-y:scroll}.Details__Products span{margin:0 1rem}.Details__Products--image{height:50px;width:auto}.Details__Products--image img{width:auto;height:100%}.Details__Products--row{background-color:gray}.Details__Products--row .text{display:block}