@import url(https://fonts.googleapis.com/css2?family=Montserrat&display=swap);:root{--bk-light:#eee;--bk-light2:#ddd;--green:#00af80;--primary:#00af80;--red:#e2243b;--articolo-item-height:69px;--nav-btn-height:95px}*{box-sizing:border-box;margin:0;padding:0;-webkit-user-select:none;user-select:none}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#eee;background-color:var(--bk-light);font-family:Montserrat,sans-serif;font-size:18px;overflow-x:hidden;width:100vw}.background{height:100vh;position:fixed;top:0;width:100vw;z-index:-10}.background>svg:first-child{left:0;position:fixed;top:0;z-index:-1}.background>div:nth-child(2){background-color:var(--green);height:88px;left:0;position:fixed;top:0;width:600px;z-index:-2}.background>svg:nth-child(2){bottom:0;left:0;position:fixed;z-index:-1}.sidebar-wrap i{align-items:center;background-color:var( --bk-light2);border-radius:50%;box-shadow:0 2px 5px rgba(0,0,0,.2);cursor:pointer;display:flex;font-size:2.2rem;justify-content:center;min-height:50px;min-width:50px;padding:17px;position:fixed;right:30px;top:30px;transition:-webkit-transform .2s ease-out;transition:transform .2s ease-out;transition:transform .2s ease-out,-webkit-transform .2s ease-out;z-index:10}.sidebar-wrap i:active{-webkit-transform:scale(90%);transform:scale(90%)}.sidebar{background-color:var(--bk-light2);border-bottom:4px ridge #ddd;border-radius:10px;border-right:4px ridge #ddd;border-top-left-radius:0;box-shadow:0 2px 5px rgba(0,0,0,.2);height:90vh;left:-105%;position:absolute;top:0;transition:left .3s ease;width:250px;z-index:10}.sidebar-active{left:0}.sidebar>div{align-items:center;display:flex;height:200px;justify-content:center;width:100%}.sidebar li:first-child{border-top:1px solid}.sidebar li{border-bottom:1px solid;cursor:pointer;height:73px;padding-left:13px}.sidebar li,.switch-wrap{align-items:center;display:flex}.switch-wrap{gap:35px;justify-content:center}.switch-wrap>span{color:var(--green);text-transform:capitalize;-webkit-transform:scale(90%);transform:scale(90%)}.text-area{border-radius:10px;min-height:100px;padding:13px;resize:none;width:100%}.text-area-wrap{align-items:center;display:flex;justify-content:center;min-width:249px;position:relative;z-index:2}.text-area-label{color:var(--green );left:0;position:absolute;top:-23px;-webkit-transform:scale(90%);transform:scale(90%)}.digit-input{align-items:center;display:flex;flex-direction:column;gap:4px}.label-fix{color:var( --green);left:10px;overflow:hidden;padding-left:5px;padding-right:5px;position:absolute;text-overflow:ellipsis;-webkit-transform:translate(-17px,-27px) scale(90%);transform:translate(-17px,-27px) scale(90%);transition:transform .3s ease,color .3s ease;white-space:nowrap;width:auto;z-index:4}.digit-label{color:var(--senape);display:block;font-size:1.2rem;text-align:center;width:100%}.text-input-wrap{align-items:center;display:flex;justify-content:center;position:relative;width:-webkit-min-content;width:min-content;z-index:2}.text-input{background-color:initial;border:none;border-bottom:1px solid var( --bk-light2 );font-size:1rem;height:40px;max-width:200px;padding:0 28px 0 13px;position:relative;transition:background-color .3s ease,color .3s ease;-webkit-user-select:text;user-select:text;width:200px;z-index:0}.text-input:disabled{color:#fff;font-size:1.3rem}.text-input:disabled~.text-input-icon{color:#fff}.short{width:130px}.shorter{width:70px}.text-input-label{background-color:#fff;color:var( --bk-light2 );font-family:Montserrat,sans-serif;font-weight:400;left:10px;padding-left:5px;padding-right:5px;position:absolute;-webkit-transform:translateX(13px);transform:translateX(13px);transition:transform .3s ease,color .3s ease,font-weight .3s ease,left .3s ease;width:auto;z-index:4}.text-input-label-active{color:var( --primary );font-weight:bolder;left:10px;-webkit-transform:translate(-11px,-22px) scale(90%);transform:translate(-11px,-22px) scale(90%)}.border-wrap{background:none;height:43px;pointer-events:none;position:absolute;width:206px;z-index:1}.border-wrap.short{width:130px}.border-wrap.shorter{width:70px}.border{border:none;border-radius:10px;height:0;position:absolute;transition:height .3s ease,width .3s ease,max-width .3s ease;width:0;z-index:2}.border-top{border-top:3px solid var( --primary );right:0;top:0}.border-bottom{border-bottom:3px solid var( --primary );bottom:0;left:0}.border-left{border-left:3px solid var( --primary );bottom:0;left:0}.border-right{border-right:3px solid var( --primary );right:0;top:0}.border-lr-active{height:100%}.border-tb-active{width:100%}.text-input:focus{outline:none}.text-input-border-active{outline:2px solid var( --primary )}.text-input-icon{bottom:8px;position:absolute;right:0;right:9px;z-index:3}.text-input-icon-active{color:var( --background )}input[data-number=number]::-webkit-inner-spin-button,input[data-number=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[data-number=number],input[type=number]{-moz-appearance:textfield;padding-right:3px}.quantity-nav{float:left;height:62px;position:relative}.quantity-button{align-items:center;color:var(--primary);cursor:pointer;display:flex;flex-direction:column;float:right;font-family:Trebuchet MS,Helvetica,sans-serif!important;font-size:2rem;height:calc(100% + 10px);justify-content:space-between;position:absolute;right:-9px;text-align:center;top:-33px;-webkit-transform:translate(20px,5px);transform:translate(20px,5px);-webkit-user-select:none;-o-user-select:none;user-select:none;width:20px;z-index:0}.quantity-down,.quantity-up{height:2%;z-index:1}.quantity-down:active,.quantity-up:active{-webkit-transform:scale(90%);transform:scale(90%)}@media only screen and (max-width:350px){.text-input-label-active{-webkit-transform:translate(-9px,-20px) scale(90%);transform:translate(-9px,-20px) scale(90%)}}.card{background-color:#fff;border-radius:10px;box-shadow:0 2px 5px rgba(0,0,0,.2);justify-content:center;max-width:700px;padding:30px 50px;text-align:center}.card,.dialog{align-items:center;display:flex}.dialog{flex-direction:column;gap:20px;height:100%;justify-content:space-between;position:relative}.dialog>i{align-items:center;color:var( --green );display:flex;font-size:60px;justify-content:center;position:absolute;top:-63px}.dialog.error-dialog>i{color:var( --red )}.dialog>i>div{background-color:#fff;border-radius:50%;height:50px;position:absolute;width:50px;z-index:-1}.dialog>div{align-items:inherit;display:inherit;justify-content:space-evenly;width:100%}.dialog details{width:100%}.btn{min-height:40px;min-width:200px;padding:0 22px}.btn-icon{align-items:center;display:flex;font-size:1rem;gap:13px;justify-content:space-between;padding:0 20px 0 34px}.button i *{stroke:#fff!important;align-items:center;color:#fff;display:inherit;flex-direction:column;justify-content:center}.button-wrap{border-radius:20px;z-index:2}.button,.button-wrap{min-width:120px;position:relative}.button{align-items:center;background-color:var(--green );border-radius:13px;color:#fff;cursor:pointer;display:flex;font-size:large;gap:13px;height:100%;justify-content:center;max-width:220px;overflow:hidden;padding:12px 22px;text-align:left;text-align:center;transition:color .2s ease;width:100%;z-index:1}.btn-multi{height:auto;max-height:none;max-width:none;min-height:0;min-height:auto;width:25%}.btn-multi,.btn-multi *{min-width:0;min-width:auto}.btn-back{background:var( --primary );border-radius:50%;position:absolute;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:-1}.red{border:2px solid var( --red );color:#fff}.red,.red~.btn-back-active,.red~.btn-back-deactive{background:var( --red )}.blue{border:2px solid var( --blue );color:var( --blue )}.blue~.btn-back-active,.blue~.btn-back-deactive{background:var( --blue )}.orange{border:2px solid var( --orange );color:var( --orange )}.orange~.btn-back-active,.orange~.btn-back-deactive{background:var( --orange )}.green{border:2px solid green;color:#fff}.green,.green~.btn-back-active,.green~.btn-back-deactive{background:green}.button:active{-webkit-transform:scale(95%);transform:scale(95%)}.btn-back-active{-webkit-animation:open-circle .2s ease forwards;animation:open-circle .2s ease forwards}.btn-back-deactive{-webkit-animation:close-circle .2s ease forwards;animation:close-circle .2s ease forwards}.nav-button-wrap{align-items:center;background:hsla(0,0%,100%,.35);border:1px solid hsla(0,0%,100%,.18);border-radius:10px;bottom:0;display:flex;gap:23px;height:var( --nav-btn-height );justify-content:center;position:fixed;width:100%;z-index:5}.nav-button-wrap,.nav-button-wrap>label{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(20px);box-shadow:0 8px 32px 0 rgba(31,38,135,.37)}.nav-button-wrap>label{background:hsla(0,0%,100%,.55);border:1px solid hsla(0,0%,100%,.18);border-radius:5px;font-weight:700;padding:3px 5px}@-webkit-keyframes open-circle{0%{height:0;width:0}to{height:50vh;width:50vh}}@keyframes open-circle{0%{height:0;width:0}to{height:50vh;width:50vh}}span.ripple{-webkit-animation:ripple .5s linear;animation:ripple .5s linear;background:var( --primary );border-radius:50%;position:absolute;-webkit-transform:translate(-50%,-50%) scale(0);transform:translate(-50%,-50%) scale(0)}@-webkit-keyframes ripple{0%{opacity:1;-webkit-transform:translate(-%50,-50%) scale(0);transform:translate(-%50,-50%) scale(0)}to{opacity:0;-webkit-transform:translate(-50%,-50%) scale(4);transform:translate(-50%,-50%) scale(4)}}@keyframes ripple{0%{opacity:1;-webkit-transform:translate(-%50,-50%) scale(0);transform:translate(-%50,-50%) scale(0)}to{opacity:0;-webkit-transform:translate(-50%,-50%) scale(4);transform:translate(-50%,-50%) scale(4)}}@-webkit-keyframes close-circle{0%{height:50vh;width:50vh}to{height:0;width:0}}@keyframes close-circle{0%{height:50vh;width:50vh}to{height:0;width:0}}.loader{display:inline-block;height:48px;position:relative;width:48px}.loader:after,.loader:before{-webkit-animation:rotationBreak 3s ease-in-out infinite alternate;animation:rotationBreak 3s ease-in-out infinite alternate;border:2px solid #fff;box-sizing:border-box;content:"";height:48px;left:0;position:absolute;top:0;width:48px}.loader:after{animation-direction:alternate-reverse;border-color:#ff3d00}@-webkit-keyframes rotationBreak{0%{-webkit-transform:rotate(0);transform:rotate(0)}25%{-webkit-transform:rotate(90deg);transform:rotate(90deg)}50%{-webkit-transform:rotate(180deg);transform:rotate(180deg)}75%{-webkit-transform:rotate(270deg);transform:rotate(270deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes rotationBreak{0%{-webkit-transform:rotate(0);transform:rotate(0)}25%{-webkit-transform:rotate(90deg);transform:rotate(90deg)}50%{-webkit-transform:rotate(180deg);transform:rotate(180deg)}75%{-webkit-transform:rotate(270deg);transform:rotate(270deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.page{height:100vh;position:relative}ul{list-style:none}.page.accounts{gap:clamp(30px,53px,10vh)}.page.accounts,.page.orders-page{align-items:center;display:flex;flex-direction:column;justify-content:center;width:100vw}.page.orders-page{gap:clamp(23px,5vw,230px);padding:0 53px}.page .orders{gap:clamp(23px,10vw,230px);justify-content:flex-start;padding:0 53px;width:100vw}.page .orders,.page.login{align-items:center;display:flex}.page.login{justify-content:center}.page.menu{height:calc(100vh - var(--nav-btn-height));padding-bottom:var(--nav-btn-height)}.page.menu,.page.payment{height:100vh;overflow-y:auto}.page.payment{align-items:center;display:flex;flex-direction:column;padding-bottom:34px;padding-top:var(--nav-btn-height)}.header-over{background-color:rgba(0,0,0,.25);height:250px;left:0;position:absolute;top:0;width:100%}.page>header{-webkit-backdrop-filter:blur(50%);backdrop-filter:blur(50%);background-position:50%;background-repeat:no-repeat;background-size:cover;height:250px;width:100%;z-index:0}.brand{background-color:#fff;box-sizing:border-box;min-height:100px;position:relative;width:100%;z-index:2}.brand img{max-width:15vw}.brand>div{align-items:center;display:flex;justify-content:space-between;padding:20px}.brand>div:first-child{border-bottom:1px solid #e3e3e3}.login-card{flex-direction:column;gap:53px;padding:34px}.login-card,.modal-back{align-items:center;display:flex;justify-content:center}.modal-back{background-color:rgba(0,0,0,.5);height:100vh;left:0;position:fixed;top:0;width:100vw;z-index:100}.modal-card{background-color:var( --bk-light2 );background-color:#fff;border-radius:10px;box-shadow:0 2px 5px rgba(0,0,0,.2);color:var( --light-text );max-width:600px;max-width:700px;min-width:300px;padding:20px;text-align:center;width:60vw;width:60%}.modal-card .text-input-wrap input{color:#fff}.cat-list{display:flex;flex-direction:column;gap:10px;padding:23px 13px}.categoria *{cursor:pointer}.categoria{align-content:center;box-shadow:0 0 25px -10px rgba(0,0,0,.45);height:120px;justify-content:space-between;overflow:hidden;width:100%}.categoria,.categoria .nome-wrap{border-radius:13px;display:flex;position:relative;transition:all .2s linear}.categoria .nome-wrap{align-items:center;color:#fff;display:block;height:100%;overflow-wrap:normal;width:60%;z-index:1}.categoria .nome-wrap:before{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background-color:inherit;border-radius:13px;content:"";height:100%;position:absolute;-webkit-transform:skewX(-14deg) translateX(50px);transform:skewX(-14deg) translateX(50px);width:100%;z-index:0}.categoria .nome-cat label{font-size:1.7rem}.categoria .nome-cat{align-items:center;display:flex;height:100%;padding-left:43px;position:relative}.img-container{background-position:50%;background-repeat:no-repeat;background-size:cover;max-width:400px;padding-right:15px;width:40%}.arrow-container{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background-color:hsla(0,0%,100%,.5);border-radius:13px;height:100%;position:absolute;right:-15px;-webkit-transform:skewX(-14deg);transform:skewX(-14deg);width:42px;z-index:2}i.arrow{bottom:0;font-size:1.3rem;position:absolute;right:8px;z-index:3}.cat-tot-qt{border-bottom-left-radius:13px;border-top-left-radius:13px;bottom:50%;color:#fff;padding:8px 12px;position:absolute;right:0;z-index:4}.articoli-list-wrap{height:0;overflow:hidden;position:relative;top:0;transition:height .5s cubic-bezier(.61,-.01,.29,1.28)}.articoli-list-wrap ul{list-style:none}.articolo-item{align-items:stretch;align-items:center;background-color:#fff;border-bottom:1px solid rgba(0,0,0,.06);border-radius:13px;cursor:pointer;display:flex;gap:23px;height:var( --articolo-item-height );justify-content:space-between;justify-content:flex-start;margin:10px 0;padding:11px 0 11px 20px;position:relative;transition:border-radius .2s ease;width:100%}.articolo-item-text label{font-size:.75rem}.articolo-item-text>span{align-items:center;display:flex;gap:45px;justify-content:flex-start}.articolo-item i{align-items:center;color:var( --red );display:flex;font-size:1.5rem;height:100%;padding:0 10px;position:absolute;right:10px}.articolo-item-qt{color:var( --green )}.articolo-item-qt:before{border-left:3px solid var(--green );border-radius:50px;content:"";height:80%;left:0;position:absolute;top:10%}@media only screen and (max-width:500px){.articolo-item i{position:relative}}.orders-page>div:first-child{align-items:center;display:flex;gap:86px;justify-content:center}.order-list{height:clamp(300px,500px,70vh);width:40vw}.order-list ul{align-items:flex-start;display:flex;flex-direction:column;gap:23px;height:100%;justify-content:flex-start;list-style:none;overflow-y:auto;padding:23px 0;width:100%}.order-item{align-content:center;background-color:#eee;border-bottom:1px solid rgba(0,0,0,.06);border-radius:13px;cursor:pointer;display:grid;grid-template-columns:2fr 1fr 1fr;height:65px;margin:10px 0;min-height:65px;padding:11px 0 6px 20px;place-items:center;justify-items:flex-start;position:relative;transition:border-radius .2s ease;width:100%}.order-item>span:nth-child(2){font-size:.9rem}.order-item label{background-color:var(--green);border-radius:50px;color:#fff;left:5px;padding:3px 14px;position:absolute;top:-25%}.order-item>i{justify-self:center}.riepilogo-ordine{flex-direction:column;gap:23px;max-height:70vh;position:relative;width:clamp(200px,20vw,400px)}.riepilogo-ordine,.riepilogo-ordine>div:nth-child(2){align-items:center;display:flex;justify-content:space-between}.riepilogo-ordine>div:nth-child(2){width:100%}.riepilogo-ordine>div:nth-child(2)>span{color:var(--green);font-size:.95rem}.riepilogo-ordine ul{overflow-y:auto;width:100%}.riepilogo-ordine>div:nth-child(4){width:100%}.riepilogo-ordine>div:nth-child(4)>p{border:1px solid var(--bk-light );border-radius:10px;font-size:.95rem;line-height:1.4rem;max-width:20vw;padding:5px;text-align:start}.riepilogo-ordine>div:nth-child(4)>label{color:var(--green);display:block;font-size:.9rem;text-align:start;width:100%}.riepilogo-ordine>label{background-color:var(--green);border-radius:50px;color:#fff;font-size:1.7rem;padding:3px 20px;position:absolute;-webkit-transform:translateY(-120%);transform:translateY(-120%);z-index:2}.select-input select{background-color:#fff;border-color:var(--green);border-radius:13px;color:#000;font-size:1.1rem;padding:7px 17px}.payment section{min-width:100%;padding:23px 12px}.payment section h3{margin-bottom:13px}.payment section textarea{border:none;border-radius:13px;font-family:Montserrat,sans-serif;font-size:14px;font-weight:300;height:100px;min-height:45px;padding:12px 20px;resize:none;resize:vertical;-webkit-user-select:text;user-select:text;width:100%}.articolo-item.riepilogo{cursor:default;margin:0}.articolo-item.riepilogo>div:nth-child(3){align-items:center;display:flex;gap:34px;height:100%;justify-content:center;position:absolute;right:20px;width:100px}.articolo-item.riepilogo>div:nth-child(3) i{color:var(--green);cursor:pointer;position:relative;transition:-webkit-transform .3s ease-out;transition:transform .3s ease-out;transition:transform .3s ease-out,-webkit-transform .3s ease-out}.articolo-item.riepilogo>div:nth-child(3) i:active{-webkit-transform:scale(90%);transform:scale(90%)}@media only screen and (max-width:500px){.articolo-item.riepilogo>div:nth-child(3){position:relative}}.radio-inputs{align-items:center;display:flex;gap:34px;justify-content:center;max-width:350px;-webkit-user-select:none;user-select:none}.radio-inputs>*{margin:6px}.radio-input:checked+.radio-tile{border-color:#2260ff;box-shadow:0 5px 10px rgba(0,0,0,.1);color:#2260ff}.radio-input:checked+.radio-tile:before{background-color:#2260ff;border-color:#2260ff;opacity:1;-webkit-transform:scale(1);transform:scale(1)}.radio-input:checked+.radio-tile .radio-icon svg{fill:#2260ff}.radio-input:checked+.radio-tile .radio-label{color:#2260ff}.radio-input:focus+.radio-tile{border-color:#2260ff;box-shadow:0 5px 10px rgba(0,0,0,.1),0 0 0 4px #b5c9fc}.radio-input:focus+.radio-tile:before{opacity:1;-webkit-transform:scale(1);transform:scale(1)}.radio-tile{align-items:center;border-radius:.5rem;box-shadow:0 5px 10px rgba(0,0,0,.1);cursor:pointer;display:flex;flex-direction:column;justify-content:center;min-height:80px;position:relative;transition:.15s ease;width:80px}.radio-tile,.radio-tile:before{background-color:#fff;border:2px solid #b5bfd9}.radio-tile:before{border-radius:50%;content:"";display:block;height:.75rem;left:.25rem;opacity:0;position:absolute;top:.25rem;-webkit-transform:scale(0);transform:scale(0);transition:.25s ease;width:.75rem}.radio-tile:hover{border-color:#2260ff}.radio-tile:hover:before{opacity:1;-webkit-transform:scale(1);transform:scale(1)}.radio-icon svg{fill:#494949;height:2rem;width:2rem}.radio-label{color:#707070;font-size:13px;text-align:center;transition:.375s ease}.radio-input{clip:rect(0 0 0 0);-webkit-clip-path:inset(100%);clip-path:inset(100%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}.account-list{display:flex;flex-direction:column;gap:23px;max-height:70vh;overflow-y:auto}.account-row{min-width:60vw}.account-row,.account-row>div{align-items:center;display:flex;justify-content:space-between}.account-row>div{width:clamp(50px,100px,30%)}.account-row>div>i{font-size:1.5rem}.account-row>div>i:first-child{color:var(--green)}.account-row>div>i:nth-child(2){color:var(--red)}.user-form{align-items:center;display:flex;flex-direction:column;gap:32px;justify-content:space-between}.user-form input{color:#000!important}.user-form .btn-group{display:flex;gap:38px}.gestione-menu{align-items:center;display:flex;flex-direction:column;gap:5vh;justify-content:center}.articolo-form li{cursor:pointer}.articolo-form>p{margin:45px 0}.articolo-form input{color:#000!important}.selected-portata{background:linear-gradient(145deg,#cdccc9,#d2b767)!important}.articolo-form,.articolo-form .input-group{display:flex;flex-direction:column}.articolo-form .input-group{gap:53px;padding:43px 13px}.articolo-form .btn-group{align-items:center;display:flex;gap:54px;justify-content:center}.menu-sec{display:flex;flex-direction:column;gap:20px;max-height:60vh;overflow-y:auto;width:60vw}.menu-cat{overflow-y:hidden;width:100%}.menu-cat .articoli-wrap{display:flex;flex-direction:column;gap:20px;padding:0 5px;transition:height .2s ease-out}.menu-cat>div:first-child>span{align-items:center;display:flex;gap:40px;justify-content:center}.menu-cat>div:first-child i{color:var(--red);font-size:1.5rem}.menu-cat>div:first-child i:first-child{color:var(--green)}.menu-cat>div:first-child{grid-gap:34px;display:grid;gap:34px;grid-template-columns:.5fr 1fr .7fr auto;padding:13px;place-items:center;width:100%}.menu-cat>div:first-child>label{font-size:1.5rem;text-transform:uppercase}.starfood-art{display:flex;justify-content:center;max-height:40vh;max-width:55vw;width:100%}.menu-art{align-items:center;display:flex;justify-content:space-between;width:100%}.menu-art i{color:var( --red );font-size:1.5rem}.menu-art>div:first-child{line-height:23px;text-align:left}.menu-art>div:nth-child(2){align-items:center;display:flex;justify-content:space-evenly;width:50%}.menu-art>div:nth-child(2)>i:first-child{color:var(--green)}.piatti-sec .variante-item{display:flex;justify-content:space-between;padding:35px 20px;width:50%}.floating-menu{background-color:var(--light-background );bottom:0;display:flex;flex-direction:column;height:100%;left:0;overflow-y:hidden;position:absolute;width:100%;z-index:10}.floating-menu>ul{color:var( --light-text)}.articoli-page{display:grid;grid-template-columns:repeat(5,20vw);grid-template-rows:repeat(2,auto);height:calc(100vh - 120px)}.quantita-sec{align-items:center;display:flex;flex-direction:column;gap:30px;height:140px;padding-bottom:25px;padding-left:10px;width:50%}.insert-sec{align-items:center;display:grid;grid-template-columns:1fr 1fr .3fr;place-items:center;width:100%}.insert-sec>div{align-items:center;display:flex;flex-direction:column;gap:10px;justify-content:space-evenly;padding:10px}.multi-sec{display:inherit;height:50%;width:100%}.portate-sec{display:flex;flex-direction:column;grid-column:1}.nome-variante p:nth-child(2){font-size:.8rem;margin-top:4px}.piatti-sec{background-color:var(--light-background );grid-column:2/6;overflow-y:hidden;position:relative;width:100%}.piatti-sec>ul{color:var( --light-text);height:40vh;overflow-y:auto;text-align:right}.piatti-sec li{border-bottom:1px solid;color:#000;padding:10px 20px;position:relative}.articoli-page ul{height:100%;list-style:none;overflow-y:auto}.portate-sec>div{height:40vh}.portate-sec ul{display:flex;flex-direction:column;gap:8px;height:75%;overflow-y:auto;padding:4px}.portate-sec li{background-color:#fdfdfd;background:linear-gradient(145deg,#cdccc9,#adaca9);border-bottom:1px solid #000;border-radius:10px;box-shadow:inset -6px 0 29px -6px #000;box-shadow:5px 5px 2px var(--background),-5px -5px 8px #868686;padding:10px 5px 10px 10px}.portate-sec li:active{box-shadow:inset 0 0 10px -4px #000}.bottom-floating{background-color:var(--light-background);bottom:0;display:flex;justify-content:space-around;min-height:180px;padding-top:20px;position:absolute;width:100%}.name-sec{width:50%}.name-sec .button-wrap{max-width:70px}@media only screen and (max-width:830px){.btn-multi{min-width:70px}.quantita-sec .text-input-wrap{margin-right:25px}.portate-sec{grid-column:1/3}.piatti-sec{grid-column:3/6}.insert-sec{grid-column:4/6}.insert-sec .select-input{width:150px}}@media only screen and (max-width:500px){.multi-sec{grid-gap:2px;display:grid;gap:2px;grid-template-columns:1fr 1fr;height:200px;place-items:center}.insert-sec .select-input{width:100px}.portate-sec li{font-size:.9rem}}
/*# sourceMappingURL=main.db86eb83.css.map*/