.item-dialog{scrollbar-color:var(--gray-alpha-300)#0000}.item-dialog.edit .content .image-wrapper img{filter:brightness(.75)}.item-dialog.edit .content .image-wrapper .edit-btn{text-shadow:0 0 1px var(--foreground);pointer-events:none;color:var(--background);flex-direction:column;align-items:center;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.item-dialog.edit .content .item-detail-wrapper .required-info{opacity:.7;-webkit-user-select:none;user-select:none;margin-top:-.5rem;margin-bottom:1rem;font-size:.875rem}.item-dialog.edit .content .item-detail-wrapper .input-label{align-content:center;min-width:100px;font-weight:700}.item-dialog.edit .content .item-detail-wrapper .input-label.required:after{content:"*";color:var(--primary-color)}.item-dialog.edit .content .item-detail-wrapper .item-category{justify-content:space-between;margin-bottom:.5rem;display:flex}.item-dialog.edit .content .item-detail-wrapper .item-category .selector{width:100%}.item-dialog.edit .content .item-detail-wrapper .item-name-rating{margin-bottom:.5rem}.item-dialog.edit .content .item-detail-wrapper .item-name-rating .item-name{width:100%;font-size:1rem;font-weight:400}.item-dialog.edit .content .item-detail-wrapper .price-wrapper{gap:0}.item-dialog.edit .content .item-detail-wrapper .price-wrapper .current-price{text-align:left;width:100%;font-size:1rem;font-weight:400}.item-dialog.edit .content .item-detail-wrapper .description-wrapper .description{resize:vertical;font-size:1rem}.item-dialog.edit .content .item-detail-wrapper .allergen-list .allergen{cursor:pointer}.item-dialog .title-wrapper{z-index:1;width:100%;margin-bottom:calc(var(--header-height)*-1 - 4px);justify-content:space-between;align-items:center;padding:1rem;font-size:1rem;display:flex;position:sticky;top:0}.item-dialog .title-wrapper .title{align-items:center;gap:.5rem;display:flex}.item-dialog .title-wrapper .close-icon{cursor:pointer;-webkit-backdrop-filter:blur(20px)saturate(180%);backdrop-filter:blur(20px)saturate(180%);border:1px solid var(--gray-alpha-300);background-color:#ffffffb3;border:none;border-radius:50%;padding:.25rem;font-size:2.25rem;box-shadow:0 1px 2px #00000012,0 2px 4px #00000012}.item-dialog .content{overflow-y:overlay;flex-direction:column;padding:0;display:flex}.item-dialog .content .image-wrapper{flex:1;position:sticky;top:0}.item-dialog .content .image-wrapper img{width:100%;height:100%;max-height:400px}.item-dialog .content .item-detail-wrapper{z-index:1;background:var(--background);box-shadow:0px -4px 4px 2px var(--gray-alpha-200);border-radius:.5rem .5rem 0 0;flex-direction:column;flex:1.5;margin-top:-1rem;padding:1.5rem 1rem;display:flex}.item-dialog .content .item-detail-wrapper .item-name-rating{justify-content:space-between;display:flex}.item-dialog .content .item-detail-wrapper .item-name-rating .item-name{align-items:center;gap:.5rem;font-size:1.5rem;font-weight:700;display:flex}.item-dialog .content .item-detail-wrapper .item-name-rating .item-name .sale-tag{background:var(--primary-color);text-align:center;color:var(--background);box-shadow:0px 0px 4px var(--gray-alpha-400);border-radius:.5rem;padding:.125rem .5rem;font-size:.875rem;font-weight:700}.item-dialog .content .item-detail-wrapper .item-name-rating .rating{letter-spacing:-1px;color:var(--gray-alpha-500);align-items:center;gap:.25rem;font-size:1rem;display:flex}.item-dialog .content .item-detail-wrapper .price-wrapper{align-items:baseline;gap:.25rem;display:flex}.item-dialog .content .item-detail-wrapper .price-wrapper .current-price{font-size:1.5rem;font-weight:700}.item-dialog .content .item-detail-wrapper .price-wrapper .current-price.on-sale{color:var(--primary-color)}.item-dialog .content .item-detail-wrapper .price-wrapper .current-price .unit{font-size:1rem}.item-dialog .content .item-detail-wrapper .price-wrapper .origin-price{color:var(--gray-alpha-300);font-size:.875rem;font-weight:700;text-decoration:line-through}.item-dialog .content .item-detail-wrapper .description-wrapper{display:flex}.item-dialog .content .item-detail-wrapper .description-wrapper .description{width:100%;min-height:5rem;margin:1rem 0;padding:1rem .5rem}.item-dialog .content .item-detail-wrapper .description-wrapper .description:not(textarea){color:var(--gray-alpha-500)}.item-dialog .content .item-detail-wrapper .allergen-title{margin-bottom:1rem;font-weight:700}.item-dialog .content .item-detail-wrapper .allergen-list{flex-wrap:wrap;gap:.25rem;padding:0 .5rem;display:flex}.item-dialog .content .item-detail-wrapper .allergen-list .allergen{opacity:.15;background-color:var(--foreground);border-radius:.5rem;flex-direction:column;flex:1;align-items:center;padding:.125rem;transition:opacity .2s;display:flex}.item-dialog .content .item-detail-wrapper .allergen-list .allergen.active{opacity:1}.item-dialog .content .item-detail-wrapper .allergen-list .allergen img{filter:invert()}.item-dialog .content .item-detail-wrapper .allergen-list .allergen .allergen-name{color:var(--background);text-align:center;width:100%;padding-bottom:.25rem;font-size:.875rem;line-height:1}.item-dialog .content .item-detail-wrapper .option-wrapper{border-top:1px dashed var(--gray-alpha-300);flex-direction:column;gap:.75rem;margin-top:2rem;padding-top:1.5rem;display:flex}.item-dialog .content .item-detail-wrapper .option-wrapper .option-title-wrapper{justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:1rem;display:flex}.item-dialog .content .item-detail-wrapper .option-wrapper .option-title-wrapper .option-title{margin:0;font-weight:700}.item-dialog .content .item-detail-wrapper .option-wrapper .option-title-wrapper .add-option-group-btn{color:var(--icon-color);border:1px solid var(--icon-color);border-radius:.5rem;align-items:center;padding:.5rem 1rem .5rem .75rem;font-size:.875rem;font-weight:700;display:flex}.item-dialog .content .item-detail-wrapper .option-wrapper .option-groups-list{flex-direction:column;gap:.75rem;display:flex}.item-dialog .content .item-detail-wrapper .option-wrapper .option-groups-list .no-groups-message{text-align:center;color:var(--gray-alpha-500);padding:1rem;font-size:.875rem}.item-dialog .content .item-detail-wrapper .option-wrapper .option-groups-list .option-group-item{border:1px solid var(--gray-alpha-300);background:var(--background);border-radius:.5rem}.item-dialog .content .item-detail-wrapper .option-wrapper .option-groups-list .option-group-item .option-group-header{align-items:flex-start;gap:.5rem;padding:.75rem .5rem .75rem 2.75rem;display:flex;position:relative}.item-dialog .content .item-detail-wrapper .option-wrapper .option-groups-list .option-group-item .option-group-header .option-group-index{z-index:1;background-color:var(--primary-color);color:var(--background);border:3px solid var(--background);cursor:grab;border-radius:.75rem;justify-content:flex-end;align-items:flex-end;width:2.5rem;height:2.5rem;padding:.5rem .1rem 0 .5rem;font-size:1.5rem;font-weight:700;display:flex;position:absolute;top:.55rem;left:.125rem}.item-dialog .content .item-detail-wrapper .option-wrapper .option-groups-list .option-group-item .option-group-header .option-group-title-wrapper{flex-direction:column;flex:1;gap:.5rem;min-width:0;display:flex}.item-dialog .content .item-detail-wrapper .option-wrapper .option-groups-list .option-group-item .option-group-header .option-group-title-wrapper .option-group-name{width:100%}.item-dialog .content .item-detail-wrapper .option-wrapper .option-groups-list .option-group-item .option-group-header .option-group-title-wrapper .option-group-badges{flex-wrap:wrap;gap:.25rem;display:flex}.item-dialog .content .item-detail-wrapper .option-wrapper .option-groups-list .option-group-item .option-group-header .option-group-title-wrapper .option-group-badges .badge{white-space:nowrap;border-radius:.25rem;padding:.125rem .5rem;font-size:.75rem;font-weight:400}.item-dialog .content .item-detail-wrapper .option-wrapper .option-groups-list .option-group-item .option-group-header .option-group-title-wrapper .option-group-badges .badge.required{background-color:var(--false-color);color:var(--background)}.item-dialog .content .item-detail-wrapper .option-wrapper .option-groups-list .option-group-item .option-group-header .option-group-title-wrapper .option-group-badges .badge.select-count{background-color:var(--primary-color-bg);color:var(--primary-color)}.item-dialog .content .item-detail-wrapper .option-wrapper .option-groups-list .option-group-item .option-group-header .option-group-actions{flex-shrink:0;align-items:center;gap:.25rem;display:flex}.item-dialog .content .item-detail-wrapper .option-wrapper .option-groups-list .option-group-item .option-group-content{padding:.75rem}.item-dialog .content .item-detail-wrapper .option-wrapper .option-groups-list .option-group-item .option-group-content .option-group-settings{border-bottom:1px solid var(--gray-alpha-200);margin-top:-.75rem;margin-bottom:.75rem;padding-bottom:.75rem;padding-left:2rem}.item-dialog .content .item-detail-wrapper .option-wrapper .option-groups-list .option-group-item .option-group-content .option-group-settings .settings-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.item-dialog .content .item-detail-wrapper .option-wrapper .option-groups-list .option-group-item .option-group-content .option-group-settings .settings-row .required-badge{background:var(--background-hover);color:var(--gray-alpha-500);box-shadow:0px 0px 0 1px var(--gray-alpha-200)inset;border-radius:.5rem;padding:.25rem .75rem;font-size:.875rem;font-weight:700;transition:all .2s}.item-dialog .content .item-detail-wrapper .option-wrapper .option-groups-list .option-group-item .option-group-content .option-group-settings .settings-row .required-badge.active{background:var(--false-color-bg);color:var(--false-color)}.item-dialog .content .item-detail-wrapper .option-wrapper .option-groups-list .option-group-item .option-group-content .option-group-settings .settings-row .select-count-range{flex:1;justify-content:flex-end;align-items:center;gap:.25rem;display:flex}.item-dialog .content .item-detail-wrapper .option-wrapper .option-groups-list .option-group-item .option-group-content .option-group-settings .settings-row .select-count-range .range-label{color:var(--gray-alpha-500);white-space:nowrap;margin-right:.25rem;font-size:.875rem;font-weight:700}.item-dialog .content .item-detail-wrapper .option-wrapper .option-groups-list .option-group-item .option-group-content .option-group-settings .settings-row .select-count-range .range-separator{color:var(--gray-alpha-500);font-size:.875rem;font-weight:700}.item-dialog .content .item-detail-wrapper .option-wrapper .option-groups-list .option-group-item .option-group-content .option-group-settings .settings-row .required-toggle{border:1px solid var(--gray-alpha-300);background:var(--background);color:var(--gray-alpha-500);cursor:pointer;white-space:nowrap;border-radius:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:700}.item-dialog .content .item-detail-wrapper .option-wrapper .option-groups-list .option-group-item .option-group-content .option-group-settings .settings-row .required-toggle.active{background:var(--false-color);color:var(--background);border-color:var(--false-color)}.item-dialog .content .item-detail-wrapper .option-wrapper .option-groups-list .option-group-item .option-group-content .option-list{flex-direction:column;padding:0 0 0 2rem;display:flex}.item-dialog .content .item-detail-wrapper .option-wrapper .option-groups-list .option-group-item .option-group-content .option-list .no-options-message{background:var(--gray-alpha-100);text-align:center;color:var(--gray-alpha-500);padding:.5rem;font-size:.75rem}.item-dialog .content .item-detail-wrapper .option-wrapper .option-groups-list .option-group-item .option-group-content .option-list .option-table-header{color:var(--gray-alpha-500);grid-template-columns:4rem 1fr 6rem 3rem;gap:.5rem;padding:.125rem .5rem;font-size:.75rem;font-weight:700;display:grid}.item-dialog .content .item-detail-wrapper .option-wrapper .option-groups-list .option-group-item .option-group-content .option-list .option-table-header .option-order-header,.item-dialog .content .item-detail-wrapper .option-wrapper .option-groups-list .option-group-item .option-group-content .option-list .option-table-header .option-name-header,.item-dialog .content .item-detail-wrapper .option-wrapper .option-groups-list .option-group-item .option-group-content .option-list .option-table-header .option-price-header,.item-dialog .content .item-detail-wrapper .option-wrapper .option-groups-list .option-group-item .option-group-content .option-list .option-table-header .option-actions-header{align-items:center;display:flex}.item-dialog .content .item-detail-wrapper .option-wrapper .option-groups-list .option-group-item .option-group-content .option-list .option-table-row{background:var(--gray-alpha-100);border-radius:.25rem;grid-template-columns:4rem 1fr 6rem 3rem;align-items:center;gap:.5rem;padding:.5rem;transition:background-color .2s;display:grid}.item-dialog .content .item-detail-wrapper .option-wrapper .option-groups-list .option-group-item .option-group-content .option-list .option-table-row:hover{background:var(--gray-alpha-200)}.item-dialog .content .item-detail-wrapper .option-wrapper .option-groups-list .option-group-item .option-group-content .option-list .option-table-row .option-order{align-items:center;gap:.25rem;display:flex}.item-dialog .content .item-detail-wrapper .option-wrapper .option-groups-list .option-group-item .option-group-content .option-list .option-table-row .option-order .option-drag-handle{cursor:grab;color:var(--icon-color);align-items:center;display:flex}.item-dialog .content .item-detail-wrapper .option-wrapper .option-groups-list .option-group-item .option-group-content .option-list .option-table-row .option-order .option-drag-handle:active{cursor:grabbing}.item-dialog .content .item-detail-wrapper .option-wrapper .option-groups-list .option-group-item .option-group-content .option-list .option-table-row .option-order .option-drag-handle svg{font-size:1rem}.item-dialog .content .item-detail-wrapper .option-wrapper .option-groups-list .option-group-item .option-group-content .option-list .option-table-row .option-order .order-number{font-size:.875rem;font-weight:700}.item-dialog .content .item-detail-wrapper .option-wrapper .option-groups-list .option-group-item .option-group-content .option-list .option-table-row .option-name-cell .option-name{border:1px solid var(--gray-alpha-300);border-radius:.5rem;width:100%;padding:.5rem;font-size:1rem}.item-dialog .content .item-detail-wrapper .option-wrapper .option-groups-list .option-group-item .option-group-content .option-list .option-table-row .option-price-cell{align-items:center;gap:.25rem;display:flex}.item-dialog .content .item-detail-wrapper .option-wrapper .option-groups-list .option-group-item .option-group-content .option-list .option-table-row .option-price-cell .option-price{border:1px solid var(--gray-alpha-300);text-align:right;border-radius:.5rem;width:100%;padding:.5rem;font-size:1rem}.item-dialog .content .item-detail-wrapper .option-wrapper .option-groups-list .option-group-item .option-group-content .option-list .option-table-row .option-price-cell .price-unit{color:var(--gray-alpha-500);white-space:nowrap;font-size:.75rem}.item-dialog .content .item-detail-wrapper .option-wrapper .option-groups-list .option-group-item .option-group-content .option-list .option-table-row .option-actions{justify-content:flex-end;display:flex}.item-dialog .content .item-detail-wrapper .option-wrapper .option-groups-list .option-group-item .option-group-content .option-list .add-option-btn{background:var(--background);color:var(--foreground);border:1px solid var(--gray-alpha-300);border-radius:0 0 .5rem .5rem;width:100%;padding:.75rem 1rem;font-size:.875rem}.item-dialog .content .item-detail-wrapper .option-wrapper .option-group-display{border:1px solid var(--gray-alpha-300);background:var(--background);border-radius:.5rem;padding:.75rem}.item-dialog .content .item-detail-wrapper .option-wrapper .option-group-display .option-group-display-header{justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.75rem;display:flex}.item-dialog .content .item-detail-wrapper .option-wrapper .option-group-display .option-group-display-header .group-name{font-size:1rem;font-weight:700}.item-dialog .content .item-detail-wrapper .option-wrapper .option-group-display .option-group-display-header .group-badges{flex-wrap:wrap;gap:.25rem;display:flex}.item-dialog .content .item-detail-wrapper .option-wrapper .option-group-display .option-group-display-header .group-badges .badge{border-radius:.25rem;padding:.125rem .5rem;font-size:.75rem;font-weight:400}.item-dialog .content .item-detail-wrapper .option-wrapper .option-group-display .option-group-display-header .group-badges .badge.required{background-color:var(--false-color);color:var(--background)}.item-dialog .content .item-detail-wrapper .option-wrapper .option-group-display .option-group-display-header .group-badges .badge.select-count{background-color:var(--primary-color-bg);color:var(--primary-color)}.item-dialog .content .item-detail-wrapper .option-wrapper .option-group-display .option-group-display-options{padding-left:.5rem}.item-dialog .actions{flex-direction:column;padding:0;display:flex}.item-dialog .actions .stock-alert{background-color:var(--false-color);color:var(--background);text-align:center;width:100%;padding:.5rem 1rem}.item-dialog .actions .stock-alert .count{color:var(--gray-alpha-500)}.item-dialog .actions .stock-alert .count:after{content:"|";margin:0 .5rem}.item-dialog .actions .actions-group{width:100%;margin:0;display:flex}.item-dialog .actions .actions-group .item-quantity-btn{min-width:180px;padding-bottom:calc(env(safe-area-inset-bottom));border-radius:0;justify-content:space-around}.item-dialog .actions .actions-group .add-btn{width:100%;padding:1.25rem 1rem calc(env(safe-area-inset-bottom) + 1.25rem)1rem;border-radius:0;margin:0;font-size:1.125rem;position:relative;overflow:hidden}.item-dialog .actions .actions-group .confirm-btn{width:100%;padding:1.25rem 1rem calc(env(safe-area-inset-bottom) + 1.25rem)1rem;border-radius:0;margin:0;font-size:1.125rem}@media (hover:hover) and (pointer:fine){.item-dialog.edit .content .item-detail-wrapper .allergen-list .allergen:hover{opacity:.8}}@media (min-width:1180px){.item-dialog .title{min-width:500px}}@media (max-width:1179px){.item-dialog .content .image-wrapper{flex:1;max-height:35dvh}.item-dialog .content .item-detail-wrapper{flex:5}}