.product-quick-view-modal-wrapper{z-index:2050!important}.product-quick-view-modal{gap:unset;flex-direction:column;height:100%;min-height:0;max-height:100%;padding:56px 0 0;display:flex;position:relative;overflow:hidden}.product-quick-view-modal .modal-header{flex:none;padding:0 24px 14px}.product-quick-view-modal .modal-header .title-container .title{font-family:Rubik,-apple-system,system-ui,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,Arial,sans-serif}.product-quick-view-modal .nutrition-subtitle{align-items:center;gap:4px;display:flex}.product-quick-view-modal .nutrition-subtitle svg{width:16px;height:16px}.product-quick-view-modal .modal-body{flex:1;min-height:0;padding:8px 24px 16px;overflow-y:auto}.product-quick-view-modal .modal-body,.product-quick-view-modal .modal-body .description-container,.product-quick-view-modal .modal-body .nutrition-facts-container{flex-direction:column;gap:16px;display:flex}.product-quick-view-modal .modal-body .image-container{position:relative}.product-quick-view-modal .modal-body .image-container .pqv-arrow{z-index:5;background:#ffffffe6;border:1px solid #00000014;border-radius:50%;position:absolute;top:50%;transform:translateY(-50%)}.product-quick-view-modal .modal-body .image-container .pqv-arrow-left{background:#5c5c5c;left:10px}.product-quick-view-modal .modal-body .image-container .pqv-arrow-right{background:#5c5c5c;right:10px}.product-quick-view-modal .modal-body .image-container .product-image{width:100%}html:has(.is-desktop) .product-quick-view-modal .modal-body .image-container .product-image{height:234px}html:has(.is-mobile) .product-quick-view-modal .modal-body .image-container .product-image{height:158px}.product-quick-view-modal .modal-body .image-container .product-image img{object-fit:cover}.product-quick-view-modal .modal-body .description-container .custom.text-md{color:#333}.product-quick-view-modal .modal-body .nutrition-facts-container .nutrition-facts-header{flex-direction:column;margin-bottom:16px;display:flex}.product-quick-view-modal .modal-body .nutrition-facts-container .nutrition-facts-header .section-title{margin-bottom:4px;font-family:Rubik,-apple-system,system-ui,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,Arial,sans-serif}.product-quick-view-modal .modal-body .nutrition-facts-container .nutrition-facts-header .section-subtitle{align-items:center;gap:4px;display:flex}.product-quick-view-modal .modal-body .nutrition-facts-container .nutrition-facts-header .section-subtitle svg{width:18px}.product-quick-view-modal .modal-body .nutrition-facts-container .nutrition-facts-header .text-gray-300{color:#d1d1d1}.product-quick-view-modal .modal-body .nutrition-facts-container .nutrition-badges{flex-wrap:wrap;gap:12px;display:flex}html:has(.is-mobile) .product-quick-view-modal .modal-body .nutrition-facts-container .nutrition-badges{gap:8px}.product-quick-view-modal .modal-body .nutrition-facts-container .nutrition-badges .nutrition-badge{background-color:#f7f7f7;border-radius:10px;flex-direction:column;flex:1;align-items:center;min-width:125px;padding:8px 16px;display:flex}html:has(.is-mobile) .product-quick-view-modal .modal-body .nutrition-facts-container .nutrition-badges .nutrition-badge{max-width:calc(50% - 4px)}.product-quick-view-modal .modal-body .nutrition-facts-container .nutrition-badges .nutrition-badge .label{color:#5c5c5c}.product-quick-view-modal .modal-body .nutrition-facts-container .nutrition-badges .nutrition-badge .value{color:#1c1c1c;font-family:Rubik,-apple-system,system-ui,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,Arial,sans-serif}.product-quick-view-modal .modal-body .pqv-thumbnails{gap:8px;min-height:60px;margin-top:10px;padding-bottom:6px;display:flex;overflow-x:auto}.product-quick-view-modal .modal-body html:has(.is-mobile) .product-quick-view-modal.is-mobile .modal-body{overflow-anchor:none}.product-quick-view-modal .modal-body html:has(.is-mobile) .product-quick-view-modal.is-mobile .pqv-thumbnails{z-index:6;-webkit-overflow-scrolling:touch;background:#fff;border-bottom:1px solid #ebebeb;margin-top:0;padding-top:6px;padding-bottom:8px;position:sticky;top:0}:is(.product-quick-view-modal .modal-body html:has(.is-mobile) .product-quick-view-modal.is-mobile .description-container,.product-quick-view-modal .modal-body html:has(.is-mobile) .product-quick-view-modal.is-mobile .substitutions-container,.product-quick-view-modal .modal-body html:has(.is-mobile) .product-quick-view-modal.is-mobile .nutrition-facts-container){scroll-margin-top:72px}.product-quick-view-modal .modal-body html:has(.is-mobile) .product-quick-view-modal.is-mobile .substitutions-container .substitutions-list{gap:8px}.product-quick-view-modal .modal-body html:has(.is-mobile) .product-quick-view-modal.is-mobile .substitutions-container .substitutions-list{-webkit-overflow-scrolling:touch;max-height:40vh;overflow-y:auto}.product-quick-view-modal .modal-body .pqv-thumb{cursor:pointer;background:#fff;border:1px solid #00000014;border-radius:10px;flex:none;width:48px;height:48px;padding:0;overflow:hidden}.product-quick-view-modal .modal-body .pqv-thumb img{object-fit:cover;width:100%;height:100%;display:block}.product-quick-view-modal .modal-body .pqv-thumb.active{border:2px solid #00000038}.product-quick-view-modal.is-mobile{height:100%;margin-top:0}.product-quick-view-modal.is-mobile .modal-body{flex:1}html:has(.is-mobile) .product-quick-view-modal.is-mobile{height:100dvh;max-height:100dvh;padding-top:48px;padding-bottom:env(safe-area-inset-bottom);box-sizing:border-box}:is(html:has(.is-mobile) .product-quick-view-modal.is-mobile .modal-header,html:has(.is-mobile) .product-quick-view-modal.is-mobile .modal-footer){flex:none}html:has(.is-mobile) .product-quick-view-modal.is-mobile .modal-body{-webkit-overflow-scrolling:touch;flex:1;min-height:0;padding-top:12px;padding-bottom:12px;overflow-y:auto}.pqv-substitutions{flex-direction:column;gap:12px;display:flex}.pqv-substitutions .section-title{font-family:Rubik,-apple-system,system-ui,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,Arial,sans-serif}.pqv-substitutions-list{flex-direction:column;gap:8px;display:flex}.pqv-substitution-item{cursor:pointer;background:#f7f7f7;border:1px solid #ebebeb;border-radius:10px;justify-content:space-between;align-items:center;padding:10px 12px;display:flex}.pqv-substitution-item .title{color:#1c1c1c;font-family:Rubik,-apple-system,system-ui,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,Arial,sans-serif}.pqv-substitution-item .meta{color:#5c5c5c;white-space:nowrap;font-size:13px}.pqv-substitution-item:hover{background:#f5f5f5}.substitutions-container .substitutions-list{flex-direction:column;gap:10px;padding:10px;display:flex}.substitutions-container .substitution-item{text-align:left;cursor:pointer;background:#fff;border:1px solid #00000014;border-radius:12px;align-items:center;gap:12px;width:100%;padding:10px 12px;display:flex}.substitutions-container .substitution-left{background:#00000008;border:1px solid #0000000f;border-radius:10px;flex:none;width:44px;height:44px;overflow:hidden}.substitutions-container .substitution-image{object-fit:cover;width:100%;height:100%;display:block}.substitutions-container .substitution-right{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.substitutions-container .substitution-title{text-overflow:ellipsis;white-space:nowrap;font-weight:600;line-height:1.2;overflow:hidden}.substitutions-container .substitution-meta{opacity:.75;font-size:.875rem;line-height:1.2}.substitutions-container .substitution-price{line-height:1.2}
.text-field .MuiFormHelperText-root{margin-left:0}.forgot-password{margin-bottom:16px;display:flex}.forgot-password .switch{cursor:pointer;color:#32d066;margin-left:5px;font-weight:500}.forgot-password .switch:hover{text-decoration:underline}.custom.login-btn{border-radius:10px}.custom.login-btn .text-sm{font-weight:500}
.text-field .MuiFormHelperText-root{margin-left:0}.custom.create-account-btn{border-radius:10px}.custom.create-account-btn .text-sm{font-weight:500}
.text-field-container .text-field .MuiInputBase-root{border-radius:10px}.text-field-container .text-field .MuiFormHelperText-root{margin-left:0}.text-field-container .custom.text-sm{align-items:center;font-size:12px;display:flex}.text-field-container .custom.text-sm .info-icon{margin-right:5px}.custom.reset-btn{border-radius:10px}.custom.reset-btn .text-sm{font-weight:500}
.logo-title{flex-direction:column;gap:20px;margin:24px auto}.logo-title .titles-wrapper{flex-direction:column;align-items:center;display:flex}.logo-title .chefnotes-logo{max-width:151px;max-height:34px}
.divider-text{color:#a3a3a3;font-size:14px}
.switch-form{justify-content:center;align-items:center;gap:8px;margin-top:24px;display:flex}.switch-form .switch .custom-text{font-weight:500;text-decoration:underline}.switch-form .switch .custom-text:hover{text-decoration:underline}.auth-modal .custom.drawer-paper{padding:var(--horizontal-padding)}
.global-spinner-container{z-index:10000;position:fixed}.global-spinner-container .veil{flex-direction:column;gap:32px}html:has(.is-mobile) .global-spinner-container .veil{padding:0 18px}.global-spinner-container .veil .message-box{text-align:center;background:#ffffffb3;border:1px solid #32d066;border-radius:10px;padding:24px;box-shadow:0 1px 3px -1.5px #33333329,0 5px 5px -2.5px #33333314}.global-spinner-container .veil .message-box .message{white-space:pre-line}
:is(html:has(.is-native),body:has(.is-native)){-webkit-user-select:none;user-select:none}.is-native a,.is-native a *,.is-native img,.is-native img *,.is-native [aria-label]{-webkit-touch-callout:none}.is-native *{-webkit-tap-highlight-color:#0000}.is-native img,.is-native a img,.is-native [aria-label]{-webkit-user-drag:none;user-drag:none}.is-native input,.is-native textarea{-webkit-user-select:text;user-select:text}
.custom.app-update-overlay{z-index:2100;padding:0;overflow:hidden}.custom.app-update-overlay .MuiDialog-container{height:100%}.custom.app-update-overlay .app-update-overlay-dialog{border-radius:16px;width:100%;max-width:560px;margin:16px}.custom.app-update-overlay .app-update-overlay-dialog-content{flex-direction:column;padding:0;display:flex;overflow-y:auto}.custom.app-update-overlay .app-update-overlay-dialog-content .update-content-container{color:#fff;flex-direction:column;gap:24px;width:100%;padding:32px 20px 24px;display:flex}.custom.app-update-overlay .app-update-overlay-dialog-content .update-content-container .title-container{text-align:center}.custom.app-update-overlay .app-update-overlay-dialog-content .update-content-container .update-title{text-align:center;margin-bottom:16px;font-size:32px;font-weight:400;line-height:40px}.custom.app-update-overlay .app-update-overlay-dialog-content .update-content-container .update-secondary-text{opacity:.92;text-align:center;max-width:440px;margin:0 auto}.custom.app-update-overlay .app-update-overlay-dialog-content .update-content-container .version-meta{background:#ffffff0f;border-radius:10px;flex-direction:column;gap:8px;padding:16px;display:flex}.custom.app-update-overlay .app-update-overlay-dialog-content .update-content-container .update-version-row{text-align:center}.custom.app-update-overlay .app-update-overlay-dialog-content .update-content-container .update-actions{justify-content:center}.custom.app-update-overlay .app-update-overlay-dialog-content .update-content-container .update-actions .update-now-btn,.custom.app-update-overlay .app-update-overlay-dialog-content .update-content-container .update-actions .update-later-btn{min-width:140px}.custom.app-update-overlay.app-update-overlay--strong .app-update-overlay-dialog{max-width:540px}.custom.app-update-overlay.app-update-overlay--force{border-radius:0}.custom.app-update-overlay.app-update-overlay--force .app-update-overlay-dialog{background:0 0;border-radius:0;width:100%;max-width:100%;height:100%;max-height:100%;margin:0}.custom.app-update-overlay.app-update-overlay--force .app-update-overlay-dialog>*{z-index:1}.custom.app-update-overlay.app-update-overlay--force .app-update-overlay-dialog:before{content:"";z-index:-1;border-radius:inherit;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);pointer-events:none;background:linear-gradient(114deg,#ffffff1a 0%,#ffffff0d 100%);border:1px solid #ffffff26;width:100%;height:100%;position:absolute;inset:0;box-shadow:0 8px 32px #00000029}.custom.app-update-overlay.app-update-overlay--force .app-update-overlay-dialog-content{justify-content:center;height:100%}.custom.app-update-overlay.app-update-overlay--force .app-update-overlay-dialog-content .update-content-container{justify-content:center;max-width:620px;min-height:100%;margin:0 auto;padding:40px 20px}.custom.app-update-overlay.app-update-overlay--native .MuiDialog-container{align-items:stretch;padding:0}.custom.app-update-overlay.app-update-overlay--native .app-update-overlay-dialog{max-height:100%}