@import"https://fonts.googleapis.com/css2?family=Cinzel&family=Genos:ital,wght@0,100..900;1,100..900&family=Raleway:ital,wght@0,100..900;1,100..900&family=Ubuntu&display=swap";@media (width >= 768px){:root{--device-type: "desktop"}}@media (width < 768px){:root{--device-type: "mobile"}}:root{--text-color: #3f3f3f;--background-color: #FFFFFF;--info-color: white;--error-color: #dc3545;--warning-color: #ffc107;--success-color: #198754;--crnacokolada-color: #693524;--kakao-color: #D2B48C;--tiramisu-color: #F6E2D6;--pistaccio-color: #93C572;--bottlegreen-color: #283424}*{box-sizing:border-box}.raleway-regular{font-family:Raleway,sans-serif;font-optical-sizing:auto;font-weight:400;font-style:normal}.raleway-medium{font-family:Raleway,sans-serif;font-optical-sizing:auto;font-weight:500;font-style:normal}.raleway-inverse-regular{font-family:Raleway,sans-serif;font-optical-sizing:auto;font-weight:700;font-style:normal}.raleway-inverse-medium{font-family:Raleway,sans-serif;font-optical-sizing:auto;font-weight:800;font-style:normal}.cinzel-regular{font-family:Cinzel,Lusitana,serif;font-optical-sizing:auto;font-weight:400;font-style:normal}html,body{font-family:UbuntuMono,monospace;min-height:100%;max-height:100%;min-width:100%;max-width:100%;overflow:hidden;width:100%;height:100%;margin:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--background-color);color:var(--text-color);font-size:calc(14px + .5vmin)}@media (width < 768px){html,body{font-size:14px}}#root{max-width:100%;max-height:100%;min-height:100%;overflow:hidden;width:100%;height:100%;padding:.1em;display:flex;justify-content:center}.tip{font-size:80%;font-style:italic;--color: silver;padding-bottom:.5em}.caption,.toolbar{position:absolute;top:-.5em;font-size:small;font-weight:700;border-radius:.5em}.caption{border:1px dotted var(--text-color);background-color:var(--background-color);padding-left:1em;padding-right:1em}.caption{left:1em;font-size:small}.toolbar{right:1em;display:flex;gap:.25em}.standalone-toolbar{display:flex;gap:.2em;align-items:end;padding:.2em}.toolbar>span,.toolbar>label,.standalone-toolbar>span{cursor:pointer;--font-size: 110%;text-align:center;padding-left:.5em;padding-right:.5em;border:1px dotted var(--text-color);border-radius:.2em;background-color:var(--background-color);height:1.5em;display:flex;align-items:center}.toolbar>span:hover,.toolbar>label:hover,.standalone-toolbar>span:hover{transition:all .5s;background-color:var(--text-color);color:var(--background-color)}.has-caption{padding:.75em .25em .25em;border:1px dotted var(--text-color);border-radius:.2em;position:relative;margin-top:.5em}.context-toolbar{position:absolute;right:2px;top:2px;display:flex;flex-flow:column;padding:1px;gap:2px}.context-menu{display:inline-flex;gap:1px}.context-toolbar>span,.context-menu-button{display:inline-block;background-color:var(--background-color);border:1px solid var(--text-color);border-radius:5px;--opacity: .7;text-align:center;cursor:pointer;--max-width: fit-content;min-width:fit-content;width:1.2em;height:min-content}.context-toolbar>span:hover,.context-menu-button:hover{transition:all .5s;opacity:1;background-color:var(--text-color);color:var(--background-color)}.has-context-toolbar{position:relative}.tab-list-tab-selected{font-weight:700;border-bottom:0px}.tabs-list{--border-left: 1px solid}.tabs-list+div{border-left:1px solid;border-right:1px solid;border-bottom:1px solid}.tabs-list>span:first-child{border-left:1px solid}.tabs-list>span{border-top:1px solid;border-top-left-radius:5px;border-top-right-radius:5px;padding:5px;border-right:1px solid;cursor:pointer}.tabs-list>span:not(.tab-list-tab-selected){border-bottom:1px solid}@keyframes ready-to-drop-animation{0%{background-color:var(--background-color);color:var(--text-color)}50%{color:var(--background-color);background-color:var(--text-color)}to{background-color:var(--background-color);color:var(--text-color)}}.drop-zone{display:flex;align-items:center;justify-content:center;border:5px double;border-radius:1em}.drop-zone:before{content:">"}.drop-zone:after{content:"<"}.ready-to-drop{animation:ready-to-drop-animation 2s infinite}.badge{background-color:navy;color:#fff;border-radius:1.5vh;display:inline-block;text-align:center;min-width:3vh;width:auto;border:2px solid white}button{border-width:1px}input{font-family:Raleway,sans-serif;border-color:var(--crnacokolada-color);border-width:1px;color:var(--crnacokolada-color);text-align:center;font-size:120%}input::placeholder{color:var(--crnacokolada-color);opacity:.5}textarea{font-family:Raleway,sans-serif;border-color:var(--crnacokolada-color);border-width:1px;color:var(--crnacokolada-color);resize:vertical}button,.button{font-family:UbuntuMono,monospace;background-color:var(--background-color);color:var(--text-color);border:1px solid var(--text-color);border-radius:.2em;cursor:pointer;box-shadow:0 0 .5em silver;display:flex;align-items:center;padding:.2em;text-align:center;justify-content:center}button.default,.button.default{font-weight:700}.has-label{position:relative;margin-top:.8em}.label,.tooltip{color:#afafaf;--font-size: 80%;font-style:italic}.tooltip{margin-bottom:.5em;text-align:justify}.label{position:absolute;left:.5em;top:-1.1em}.circle-img-container{width:2.5em;height:2.5em;padding:5px}.circle-img-container>img{width:100%;height:100%;object-fit:contain;border-radius:50%;box-shadow:0 0 4px silver}@keyframes red-blink-shadow{0%{box-shadow:0 0 4px silver}50%{box-shadow:0 0 4px red}to{box-shadow:0 0 4px silver}}.circle-img-container.red-blink>img{animation:red-blink-shadow 1s infinite}span.df-button-tiramisu,span.df-button-bottlegreen,span.df-button-tiramisu-inverse,span.df-button-bottlegreen-inverse{font-family:Raleway,sans-serif;border-radius:2px;padding:5px 10px;font-size:24px;font-weight:600;width:max-content;cursor:pointer}@media (width <= 768px){span.df-button-tiramisu,span.df-button-bottlegreen,span.df-button-tiramisu-inverse,span.df-button-bottlegreen-inverse{padding:5px 10px;font-size:1em}}span.df-button-tiramisu{background-color:var(--kakao-color);color:var(--crnacokolada-color)}span.df-button-bottlegreen-inverse{background-color:var(--bottlegreen-color);color:var(--pistaccio-color)}span.df-button-tiramisu-inverse{color:var(--kakao-color);background-color:var(--crnacokolada-color)}span.df-button-bottlegreen{color:var(--bottlegreen-color);background-color:var(--pistaccio-color)}a.df-call{font-family:Raleway,sans-serif;color:var(--crnacokolada-color);font-size:1em;text-decoration:none}a.df-call:before{content:"☎";margin-right:.2em;font-size:1em}.toasts-container,.toasts-container-modal{width:80%;height:fit-content;background-color:var(--background-color);position:fixed;display:flex;align-items:center;inset:0;margin:auto;background-color:transparent}.toasts-container-modal{width:100%;height:100%;z-index:100}.toasts-fade{opacity:.8;width:100%;height:100%;position:absolute;background-color:gray}.toast-container-center{inset:0;margin:auto;--width: 100%;max-width:768px;position:relative;padding:1em 0 0}.toast-container-count-label{position:absolute;right:0;top:-0em;border:1px solid;border-radius:.5em;padding:.25em;font-size:small;background-color:navy;color:#fff;border-color:#00f;cursor:pointer}.toast-container-error,.toast-container-warning,.toast-container-info,.toast-container-success{border-width:1px;border-style:solid;padding:1em .5em .5em;border-radius:.2em;margin:10px;position:relative}.toast-container-error{color:#fff;background-color:var(--error-color)}.toast-container-warning{color:#fff;background-color:var(--warning-color)}.toast-container-success{color:#fff;background-color:var(--success-color)}.toast-container-info{color:var(--text-color);background-color:var(--info-color)}.toast-close-button,.toast-copy-button,.toast-description-button,.toast-description-button-selected{position:absolute;top:0;border-style:solid;border-left-width:0px;border-bottom-width:0px;border-top-width:0px;border-right-width:0px;--border-radius: .5em;width:1em;height:1em;cursor:pointer;text-align:center}.toast-close-button{right:0}.toast-copy-button{right:2em}.toast-description-button,.toast-description-button-selected{right:1em}.toast-description-button-selected>span{transform:rotate(180deg);width:100%;text-align:center;display:block}.toast-close-button>span{transform:rotate(45deg);width:100%;text-align:center;display:block}.toast-message{text-wrap:wrap;margin-bottom:1em}.toast-description{font-size:small;max-height:4em;overflow:auto}.toast-buttons-container{width:100%;display:flex;justify-content:center;gap:1em}.toast-buttons-container>button{flex-grow:.2}.customerapp-container{max-width:100%;height:100%;position:relative;overflow:hidden}.customerapp-main{width:100%;height:100%;display:grid;grid-template-rows:auto auto auto 1fr auto}.customerapp-navi{padding:2px 16px;font-family:Cinzel,Cormorant Garamond,serif;display:flex;align-items:center;justify-content:space-between}.customerapp-orderitem{display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto;gap:.5em}.customerapp-orderitem textarea:last-child{grid-column:span 2}.pending-container{position:absolute;display:flex;justify-content:center;align-items:center;width:100%;height:100%;z-index:1000}.pending-container span{background-color:var(--background-color);position:absolute}.pending-container span:first-child{opacity:.8;width:100%;height:100%}.pending-container span:not(:first-child){padding:1em;border:1px solid;border-radius:1em;z-index:1001}.pinger-container{position:absolute;right:0;top:0;font-size:xx-small;cursor:pointer}.login-create-account{display:grid;grid-template-columns:auto 1fr}.login-create-account h2{grid-column:span 2}.login-create-account span{grid-row:span 7}.customerapp-signin{display:flex;flex-direction:column;align-items:center;padding:20px}.avatar-container{width:100px;height:100px;border:1px solid var(--text-color);border-radius:50%;border-style:ridge;display:flex;align-items:center;justify-content:center;box-shadow:0 0 .5em silver;text-align:center}.user-container{text-align:center;display:flex;align-items:center;cursor:pointer;font-weight:700}.lang-selector-container{font-family:Raleway,sans-serif;display:flex;gap:.2em;position:absolute;top:.2em;right:.2em;color:var(--tiramisu-color);font-size:.8em}.lang-selector-container span{border:1px solid transparent;border-radius:5px;transition:background-color .3s,border-color .3s}.lang-selector-container span.selected{font-weight:900;color:var(--crnacokolada-color)}.lang-selector-container span:hover:not(.selected){background-color:var(--kakao-color);border-color:var(--kakao-color);cursor:pointer}.logo-container{--padding: 1em;cursor:pointer;width:100%;height:100%;overflow:hidden;display:grid;grid-template-columns:100px 1fr;text-align:left;gap:.2em;min-height:100px}.logo-container>div{display:flex;width:100%;overflow:hidden;margin:auto;--box-shadow: 0 0 .5em .2em silver;font-size:4rem;color:var(--crnacokolada-color);text-align:center}@media (width < 768px) or (height < 768px){.logo-container{grid-template-columns:50px 1fr;min-height:50px}.logo-container>div{font-size:2rem}}.logo-container>div>img{max-height:100%;max-width:100%}.menuitem-container{display:grid;grid-template-rows:auto auto auto auto 1fr;width:100%;height:100%;overflow:auto;font-family:Raleway,Cormorant Garamond,serif;color:var(--crnacokolada-color)}.menuitem-option-include-item{display:flex;color:var(--crnacokolada-color);font-family:Cinzel,Cormorant Garamond,serif;gap:.5em}.menuitem-containers-list,.menuitem-option-include{display:flex;flex-direction:row;flex-wrap:wrap;column-gap:1em}@media (height > 600px) and (width > 600px){.menuitem-containers-list,.menuitem-option-include{flex-direction:column}}.menuitem-option{border-bottom:1px solid var(--crnacokolada-color);cursor:pointer;font-family:Cinzel,Cormorant Garamond,serif;color:var(--crnacokolada-color)}.menuitem-option-name{font-size:120%;font-weight:700}.menuitem-title{font-size:150%;font-weight:700;font-family:Raleway,sans-serif;color:var(--crnacokolada-color)}.menuitem-containers-container>div:first-child{font-size:120%;font-family:Cinzel,Cormorant Garamond,serif;color:var(--crnacokolada-color)}.menuitem-article{font-family:Raleway,Cormorant Garamond,serif;color:var(--crnacokolada-color);display:grid;grid-template-rows:auto 1fr;overflow:hidden;padding:.2em 0;min-height:6em}.menuitem-article>div{width:100%;height:100%;display:flex;align-items:center;overflow:hidden;justify-content:center}.menuitem-article>div>img{width:100%;height:100%;object-fit:cover;border-radius:1em;display:block}.radio{display:flex;--align-items: center}.radio>svg{margin-right:.2em;width:1em;height:1em}.radio-inner-circle{fill:var(--crnacokolada-color)}.radio-circle{fill:none;stroke:var(--crnacokolada-color);stroke-width:2}.order-detailed-table{display:table;width:100%}.order-detailed-table>div{display:table-row}.order-detailed-table span{display:table-cell;--padding: 8px;border-bottom:1px solid #eee}.order-detailed-table span:nth-child(3),.order-detailed-table span:nth-child(4),.order-detailed-table span:nth-child(6){text-align:right}.preview-container{padding:5px;width:100%;height:100%;overflow:hidden;max-width:768px;display:grid;grid-template-rows:100px auto auto 1fr;border:1px solid var(--tiramisu-color);border-radius:5px;box-shadow:0 0 10px var(--tiramisu-color);position:relative;gap:.2em}@media (width < 768px) or (height < 768px){.preview-container{grid-template-rows:50px auto auto 1fr}}.preview-contacts{display:flex;--flex-flow: column nowrap;--align-items: end;justify-content:end;gap:1em}@media (orientation: landscape){.preview-contacts{flex-flow:row nowrap;align-items:center}}.preview-navi{display:flex;flex-flow:row nowrap;justify-content:space-around}.preview-content{display:flex;justify-content:center;flex-flow:row nowrap;align-items:baseline;--padding: 10px;overflow:hidden;gap:.5em;width:100%;height:100%;--scrollbar-width: thin;--scrollbar-color: var(--kakao-color) var(--tiramisu-color)}.button-left-right{color:var(--kakao-color);cursor:pointer;width:2em;height:100%;text-align:center;display:flex;align-items:center;justify-content:center}.button-left-right:hover{border:1px solid var(--tiramisu-color)}.meal-container{display:grid;grid-template-areas:"meal-name" "meal-description" "photos" "meal-price-notice";max-width:100%;max-height:100%;--min-width: max-content;--min-height: fit-content;position:relative;overflow:hidden;--border: 1px dotted var(--text-color);border-radius:5px;padding:2px;gap:.5em;align-content:center}@media (height < 600px){.meal-container{grid-template-areas:"photos meal-name" "photos meal-description" "photos meal-price-notice";--min-height: 65vh}}@media (width < 768px){.meal-container{--min-width: fit-content;--min-height: 70vh}}.meal-container.maximized{width:20em;height:14em;font-size:120%}.meal-meal-description{font-size:1em;text-align:center;display:-webkit-box;line-clamp:2;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;font-family:Cinzel,Cormorant Garamond,serif;color:var(--crnacokolada-color);grid-area:meal-description}.meal-meal-name{text-align:center;font-weight:700;font-family:Cinzel,Cormorant Garamond,serif;font-size:2em;color:var(--crnacokolada-color);grid-area:meal-name}.meal-price-notice{text-align:center;font-weight:700;font-family:Cinzel,Cormorant Garamond,serif;font-size:1.2em;color:var(--kakao-color);grid-area:meal-price-notice;display:flex;flex-flow:column nowrap;gap:.5em;justify-content:center;align-items:center}.meal-admin-container{max-height:100%;height:fit-content;display:grid;grid-template-rows:auto 1fr;--overflow: hidden;gap:.5em}.meal-admin-requisites-container{width:100%;height:100%;display:grid;--flex-flow: column;grid-template-columns:1fr 1fr;gap:.5em}.meal-admin-requisites-description{grid-column:span 2}.mlstring-editor-container{width:100%;display:grid;gap:.1em;--font-size: 50%}.mlstring-editor-default{width:100%;overflow:hidden}.mlstring-editor-default>input,.mlstring-editor-value>input{width:100%}.mlstring-editor-value{display:grid;grid-template-columns:auto auto 1fr;gap:.5em;width:100%;overflow:hidden}.mlstring-editor-value-toolbar{cursor:pointer}.mlstring-editor-compact{display:grid;grid-template-columns:auto 1fr;grid-template-rows:min-content min-content}.mlstring-editor-compact>input,.mlstring-editor-compact>input:focus{grid-column:span 2;border-bottom:1px solid;border-left:1px solid;border-right:1px solid;border-top:0px solid;outline:none}.mlstring-editor-compact>span:first-child{font-size:80%;border-left:1px solid;border-top:1px solid;border-bottom:1px dashed;border-top-left-radius:.2em;padding-left:.2em;padding-right:.2em;font-weight:700}.mlstring-editor-compact>span:nth-child(2){font-size:80%;border-bottom-left-radius:.2em;border-left:1px solid;border-bottom:1px solid;--padding: .2em;padding-right:.2em;justify-content:right;display:flex;gap:.2em;border-right:1px dashed;border-top:1px dashed;border-top-right-radius:.2em}.mlstring-editor-compact>span:nth-child(2)>span{border-radius:.2em;min-width:1em;text-align:center;padding-left:.1em;padding-right:.1em;cursor:pointer;text-wrap:nowrap}.mlstring-editor-compact>span:nth-child(2)>span.selected,.mlstring-editor-compact>span:nth-child(2)>span:hover{font-weight:700}.photos-admin-edit-container{width:100%;display:flex;height:fit-content}.photos-admin-list-container{display:flex;flex-flow:row;flex-wrap:wrap;overflow:auto;height:100%;max-height:15em;justify-content:left;gap:.5em;width:100%;align-items:center}.photo-admin-container{width:8em;--height: 100%;display:block;text-align:center}.photo-admin-container>img{max-height:100%;max-width:100%;border-radius:5px;margin:auto}.photos-container{width:100%;--height: 100%;--padding: 5px;display:grid;grid-template-rows:1fr auto;text-align:center;overflow:hidden;grid-area:photos}.photo-container{width:100%;height:100%;display:flex;overflow:hidden}.photo-container>img{max-height:100%;max-width:100%;border-radius:20px;margin-left:auto;margin-right:auto;object-fit:contain}.photos-scroll{display:flex;flex-flow:row;justify-content:center;gap:.5em;padding:1px}.photos-scroll>span{cursor:pointer}
