:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}#root{max-width:1280px;margin:0 auto;text-align:center}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(prefers-reduced-motion:no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}.app_26{--main-background: white;--second-background: #94d346;--main-color: black;--second-color: white;--disabled-color: gray}.content{display:flex;flex-grow:1;max-height:calc(100vh - 120px);overflow:scroll;background-color:var(--main-background);padding:10px 20px}.footer{width:calc(100% - 40px);height:50px;background-color:var(--second-background);display:flex;justify-content:space-between;padding:0 20px;align-items:center;color:var(--main-color);font-size:18px;font-weight:600}.header{width:100%;height:50px;background-color:var(--second-background);color:var(--second-color);font-size:30px;font-weight:800;display:flex;justify-content:center;align-items:center}.page-wrapper{width:100vw;height:100vh;max-height:100vh;display:flex;flex-direction:column}.menu{width:100%}.menu__category{margin-bottom:10px}.menu__category-name{color:var(--main-color);display:flex;font-size:25px;font-weight:600;margin-top:20px}.image-button{border:2px solid var(--second-background);border-radius:10px;background-position:center;background-repeat:no-repeat;background-size:contain}.image-button_normal{width:40px;height:40px}.image-button_small{width:20px;height:20px}.image-button_add{background-image:url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='utf-8'?%3e%3c!--%20Uploaded%20to:%20SVG%20Repo,%20www.svgrepo.com,%20Generator:%20SVG%20Repo%20Mixer%20Tools%20--%3e%3csvg%20width='800px'%20height='800px'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M6%2012H18M12%206V18'%20stroke='%2394d346'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/svg%3e")}.image-button_remove{background-image:url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='utf-8'?%3e%3c!--%20Uploaded%20to:%20SVG%20Repo,%20www.svgrepo.com,%20Generator:%20SVG%20Repo%20Mixer%20Tools%20--%3e%3csvg%20width='800px'%20height='800px'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M6%2012L18%2012'%20stroke='%2394d346'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/svg%3e")}.plate-card{width:calc(100% - 20px);margin:10px 0;border:2px solid var(--second-background);border-radius:5px;padding:10px;display:flex;flex-direction:row}.plate-card__info{display:flex;flex-direction:column;flex-grow:1}.plate-card__name{font-family:Lucida Sans,Lucida Sans Regular,Lucida Grande,Lucida Sans Unicode,Geneva,Verdana,sans-serif;font-size:20px;font-weight:600;text-align:left;margin-bottom:10px;text-decoration:underline;width:max-content;max-width:266px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.plate-card__name:first-letter{text-transform:uppercase}.plate-card__sub-info{display:flex;flex-direction:row;align-items:center}.plate-card__img{height:100px;width:100px;background-repeat:no-repeat;background-position:center;background-size:contain}.plate-card__price{flex-grow:1;font-size:20px;font-weight:600}.plate-card__order{display:flex;flex-direction:column;justify-content:space-between;font-size:20px;font-weight:600;margin-left:20px}.modal-window__wrapper{position:fixed;top:0;left:0;height:100vh;width:100vw;z-index:100;background-color:#ffffffb3;display:flex;flex-direction:column;justify-content:center;align-items:center}.modal-window{width:80%;min-height:100px;padding:30px;background-color:var(--main-background);border-radius:10px;border:2px solid var(--second-background);position:relative}.modal-window__close{position:absolute;height:20px;width:20px;border:1px solid var(--second-background);right:8px;top:8px;border-radius:10px;background-image:url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='utf-8'?%3e%3c!--%20Uploaded%20to:%20SVG%20Repo,%20www.svgrepo.com,%20Generator:%20SVG%20Repo%20Mixer%20Tools%20--%3e%3csvg%20width='800px'%20height='800px'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M6%2012H18M12%206V18'%20stroke='%2394d346'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/svg%3e");background-position:center;background-repeat:no-repeat;background-size:contain;transform:rotate(45deg)}.modal-window__info{display:flex;flex-direction:column;align-items:flex-start}.modal-window__info-row{margin-bottom:10px;display:flex;flex-direction:column;align-items:flex-start}.modal-window__info-row_row{flex-direction:row;align-items:center}.modal-window__lable{font-size:20px;font-weight:600;margin-bottom:5px;margin-right:10px}.modal-window__img{width:100%;height:50vh;background-position:center;background-repeat:no-repeat;background-size:contain}.order-table{width:100%;height:fit-content}.order-table-cell{padding:5px 0}.order-table-cell_left{text-align:left}.order-table-cell_center{text-align:center}.order-table-cell_50{width:50%}.order-table-cell_25{width:25%}.order-table-row_bold{font-weight:600;font-size:20px}.order-table-cell__content{display:flex;align-items:center;width:100%;justify-content:space-between}.link{text-decoration:underline;color:var(--second-color)}.link_disabled{color:var(--disabled-color)}
