/*! tailwindcss v4.1.13 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--spacing:.25rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;-moz-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;-moz-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.hidden{display:none}.table{display:table}.size-6{width:calc(var(--spacing)*6);height:calc(var(--spacing)*6)}.border{border-style:var(--tw-border-style);border-width:1px}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}}@font-face{font-family:myHeadingFonts;src:url(/font/Lemondrop.ttf)format("truetype")}@font-face{font-family:myFontsforP;src:url(/font/Letter%20Gothic%20Std%20Medium.ttf)format("truetype")}:root{--MainFamily:"Inter",sans-serif;--menuFamily:"Roboto Mono",monospace;--menuHeading:myHeadingFonts;--foodDes:"Quicksand",sans-serif;--subHeading:myFontsforP;--borderColor:#0000000f}html,body,#root{box-sizing:border-box;width:100vw;height:100vh;min-height:98vh;font-family:var(--MainFamily);grid-template-rows:100%;grid-template-columns:15% 85%;margin:0;padding:0;display:grid;overflow:hidden}.Menu_Layout{grid-column:1/3}.menu_inner_layout{grid-template-rows:8% 92%;grid-template-columns:100%;display:grid}button,a{font-family:var(--MainFamily)}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}.home_page_con{background-color:#e6ddd6;grid-column-end:3;grid-column-start:1;background-image:url(https://www.hopperslondon.com/wp-content/uploads/2020/01/Kings-Cross.png);background-image:url(https://www.hopperslondon.com/wp-content/uploads/2020/01/Default.png);background-position:top;background-size:cover;display:flex;flex-direction:column;align-items:center;padding:24px}.home_logo_img{width:clamp(142px,16%,200px);aspect-ratio:1/1}.choose_p{padding:5px;margin-top:20px;text-transform:uppercase;font-family:var(--menuHeading);font-weight:600;font-size:1rem;background-color:#e6ddd6;letter-spacing:1px;color:#2d2a26}#home_flex_three{margin-top:20px;display:flex;flex-direction:column;gap:20px;align-items:center}.home_nav_menu{border:8px solid #2D2A26;padding:22px 35px;font-family:var(--menuHeading);text-transform:uppercase;text-align:center;font-size:2.1875rem;font-weight:700;background-color:#e6ddd6;color:#2d2a26;letter-spacing:6px}.home_nav_menu:hover{cursor:pointer}#welcome_parent{grid-row-start:1;grid-row-end:3;background-color:#ffefe3;display:flex;flex-direction:column;align-items:center;overflow-y:auto;padding-bottom:80px}#welcome_image{height:20%;margin-top:30px}#welcome_heading{font-family:var(--menuHeading);letter-spacing:1px;font-size:20px;font-weight:300;margin:30px 0;text-align:center;text-transform:uppercase;width:40%}.welcome_accordian{width:40%}.welcome_acc_1{border:2px solid black;padding:15px;display:flex;gap:30px;align-items:center;justify-content:space-between}.welcome_span{font-family:var(--menuFamily);font-size:16}.welcome_acc_2{margin-top:10px;padding:15px;background-color:#fff}.input_icon_welcome{display:flex;gap:3px;align-items:center;padding:5px 7px;border:1px solid rgba(0,0,0,.514)}.input_icon_welcome input{border:none;outline:none;flex:1;font-size:16px;font-family:var(--menuFamily)}.input_icon_welcome input::placeholder{font-weight:400;font-size:15px}.welcome_flex_btns{margin-top:10px;display:flex;gap:7px;flex-wrap:wrap;overflow-x:auto;padding-bottom:10px}.welcome_flex_btns button{background-color:#000;color:#fff;border:none;font-family:var(--menuFamily);padding:10px 30px}.welcome_flex_btns button:hover{cursor:pointer}#show_clicked_ing{display:flex;flex-wrap:wrap;align-items:center;margin-top:10px;gap:6px}#show_clicked_ing button{display:flex;gap:10px;align-items:center;font-family:var(--menuFamily);background-color:#1c5d99;color:#fff;border:none;outline:none;padding:10px 15px;border-radius:60px}#tick_mark{margin-top:15px;display:flex;gap:5px;align-items:center}#tick_mark span{font-family:var(--menuFamily)}#tick_mark input{padding:5px;transform:scale(1.2)}#welcome__final_buttons{margin-top:10px}#welcome__final_buttons button{margin-top:10px;font-family:var(--menuFamily);padding:10px 40px;border:none;background-color:#1c5d99;color:#fff}#welcome__final_buttons button:hover{cursor:pointer}@media (max-width: 500px) and (max-height: 1000px){.welcome_accordian,#welcome_heading{width:84%}}#login_main{background-color:#f2f4f7;align-items:center;justify-content:center;grid-row-start:1;grid-row-end:3;display:flex}#login_image{flex:1;height:100%;background-image:url(https://dynamic-media-cdn.tripadvisor.com/media/photo-o/09/74/8a/4f/hoppers.jpg?w=2000&h=-1&s=1);background-size:cover;box-sizing:border-box;display:flex;flex-direction:column;justify-content:end}#login_content{margin-bottom:40px;margin-left:40px}#login_image_heading{font-size:40px;font-weight:600;color:#fff}:root{--border_radius: 5px}#center_form{flex:1;height:100%;padding:20px;background-color:#fff;display:flex;flex-direction:column;justify-content:center}#wrap_form{width:80%;margin:auto;display:flex;gap:15px;flex-direction:column;justify-content:center}#form_heading{font-size:40px;font-weight:600;padding:0;margin:5px 0;line-height:.8}#form_subheading{font-size:22px;font-weight:300;opacity:80%}#center_form input{padding:10px 15px;font-size:15px;outline:none;border-radius:var(--border_radius);border:1px solid rgba(0,0,0,.451)}#center_form button{padding:13px 0;background-color:#1060e5;color:#ffffffec;border:none;border-radius:var(--border_radius);font-weight:400}#center_form button:hover{cursor:pointer;background-color:#1062e5da}#nav-1 button{height:60%;padding:0 20px;white-space:nowrap;text-overflow:ellipsis;background-color:#e3dbd0;color:#333;border:none}#filterMenuParent{background-color:#e3dbd0;display:flex;flex-direction:column;position:relative;height:auto;background-size:cover;background-position:center;overflow-y:visible;overflow-x:hidden;padding-bottom:14.375rem}#filterMenu1{background-position:bottom;background-size:cover;width:100%;display:grid;gap:1.875rem;grid-template-rows:auto auto;grid-template-columns:1fr 1fr 1fr;padding:30px;box-sizing:border-box;z-index:5;height:auto;overflow:visible;position:relative}.main_grids{display:flex;flex-direction:column}#hoppers_logo_on_menu{margin:-1.25rem auto;width:clamp(17rem,60%,25rem)}#column_1_img{width:45%;margin:-60px auto 0}#flex_two_columns{overflow:hidden;display:flex;flex-wrap:nowrap;gap:1.5625rem;box-sizing:border-box}.unique_snacks{flex:1;min-width:0}.columnClass{display:flex;flex-direction:column;box-sizing:border-box;padding:1.25rem;border:3px solid black;background-color:#fff;position:relative}.columnClass::-webkit-scrollbar{display:none}.columClass_headingDiv{display:flex;align-items:center}.columClass_headingLine{flex:1;background-color:#000;height:.125rem}.columnClass h3{margin:.625rem;font-family:var(--menuHeading);text-transform:uppercase;text-align:center;font-size:1rem;letter-spacing:1px;font-weight:300}.columnClass p{text-align:center;margin:0px auto .3125rem;opacity:50%;font-family:var(--subHeading);font-size:.875rem;width:97%;text-transform:uppercase}#welcome_p{font-family:var(--menuFamily);text-transform:initial;line-height:1.4}.columnClass button{width:100%;margin:0;padding:.625rem .9375rem;background-color:transparent;border:none;text-align:left}.foodItemDiv{padding:.3125rem .625rem;color:#000;margin-top:0;font-size:.9375rem;font-weight:300;display:flex;flex-direction:column;position:relative}.foodItemDiv:hover{cursor:pointer}.foodName{display:flex;align-items:center;justify-content:space-between;position:relative}.food_name_span{font-family:var(--menuFamily);text-transform:capitalize;font-size:.8125rem}.dots{height:2px;flex:1;border-bottom:2px dotted #000;margin:auto 2px 2px 4px}.food_price_span{font-size:.8125rem;font-family:var(--menuFamily)}.exclusives_img{height:18px;position:absolute;right:0;top:0;transform:translate(110%)}.hoverDiv{position:absolute;top:100%;left:70%;width:75%;z-index:6;transform:translate(-70%);border-radius:.625rem;overflow:hidden;visibility:hidden}.food_nameHeading{background-color:#000;color:#fffe;padding:7px 10px 0;font-size:15px;text-transform:capitalize;font-family:var(--foodDes);font-weight:600;display:flex;align-items:center;justify-content:space-between}.spicy_image{height:20px}.food_highlight{font-size:13px;border:1px solid #4d7c1b;color:#4d7c1b;padding:2px 5px;border-radius:10px}.foodImage{width:100%}.foodDes{z-index:3;background-color:#000;color:#ffffffd0;padding:0 10px;font-family:var(--foodDes);margin-top:0}.food_spice_range{background-color:#000;color:#fff;padding:0 10px 10px}.spice-dots{display:flex;gap:6px;align-items:center;justify-content:space-between}.food_ing_main{display:flex;gap:5px;flex-wrap:wrap;background-color:#000;padding:7px 10px 8px}.food_ing_main button{background-color:#ffffff96;color:#000;width:fit-content;padding:3px 8px;border-radius:30px}.food_ing_main_ms{font-weight:300;font-family:var(--foodDes);color:#fff;opacity:80%}.food_ing_main_s{font-weight:500;font-family:var(--foodDes);color:#fff}.dot{display:inline-block;border-radius:50%}.dot.filled{background:var(--dot-color);box-shadow:0 0 0 1px #00000014 inset}.dot.empty{background:#e5e7eb;box-shadow:0 0 0 1px #0000001a inset;opacity:.6}.foodItemDiv:hover .hoverDiv{display:flex;flex-direction:column;visibility:visible}.foodItemDiv:hover .food_name_span{text-decoration:underline}.bottom_grid{grid-column-start:1;grid-column-end:4;display:flex;gap:20px;align-items:center;justify-content:center;min-height:50px;overflow:hidden}#flex_vg_v{display:flex;align-items:center;gap:3px;flex-direction:column;background-color:#ffefe3;font-size:12px;padding:5px 30px;border:3px solid black;font-family:var(--menuFamily);height:100%}#flex_vg_v span{display:flex;align-items:center}#flex_img_ex{display:flex;align-items:center;justify-content:start;background-color:#ffefe3;border:3px solid black}#flex_img_ex img{height:10%;width:20%}#flex_img_ex span{font-family:var(--menuFamily);font-size:12px;padding:0 10px}.filterMenu2{position:absolute;top:0;right:0;width:17%;height:100%;z-index:5;background-color:#fff;transition:.5s;padding:1.25rem;border-left:1px solid #dddfe4;visibility:visible}.selected{visibility:hidden;right:-1000px}.filterMenu2{display:grid;gap:.3125rem;grid-template-rows:7% 93%;grid-template-columns:100%}#flexInput{box-sizing:border-box;margin:auto;display:flex;gap:3px;align-items:center;border:1px solid #dddfe4;width:100%;padding:.375rem .3125rem;background-color:#fff}#flexInput input{width:100%;outline:none;font-size:.9375rem;border:none;background-color:transparent;font-family:var(--menuFamily)}#flexInput input::placeholder{opacity:1;font-size:.875rem}#flexWrapOptions{overflow-y:auto;display:flex;flex-direction:column;align-items:center;gap:.625rem}#flexWrapOptions::-webkit-scrollbar{display:none}#flexWrapOptions button{margin:0;width:100%;padding:.4375rem 1.25rem;text-align:start;font-family:var(--menuFamily);outline:none;color:#000000b2;border:none;border-bottom:1px solid rgba(0,0,0,.227);background-color:transparent}#flexWrapOptions button:hover{cursor:pointer;text-decoration:underline}#nav-2-overflow{display:flex;gap:.9375rem;overflow-x:auto;white-space:nowrap}.addINGbtn{padding:.3125rem 0rem .3125rem .625rem;display:flex;gap:.9375rem;align-items:center;justify-content:center;border:none;background-color:#e3dad1;color:#333;border-radius:.3125rem;font-family:var(--menuFamily)}@media (max-width: 500px) and (max-height: 1000px){#filterMenu1{display:initial;overflow:auto}.filterMenu2{width:50%}#filterMenuParent{padding-bottom:0}#filterMenu1{height:auto}#hoppers_logo_on_menu{display:none}.bottom_grid{grid-column-start:1;grid-column-end:4;display:flex;flex-direction:column;gap:20px;align-items:center;justify-content:center;margin-top:20px}}#center_search_bar{position:absolute;width:50%;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#fef5ee;z-index:20;padding:30px;box-shadow:1px 1px 8px #464646;border-radius:5px}@media (max-width: 600px){#center_search_bar{width:95%;overflow-y:scroll}}#search_bar_cancel{display:flex;align-items:center;justify-content:end;padding:0 0 7px}#search_bar_heading{font-size:clamp(10px,25px,30px);font-weight:400;margin:0;font-family:var(--menuHeading);text-transform:uppercase;letter-spacing:1px}.label_input_container{margin-top:20px}.label_input_container label{font-family:var(--menuFamily);font-weight:500}#flex_14_allergy_list{display:flex;gap:10px;margin-top:7px;overflow-x:auto}#flex_14_allergy_list::-webkit-scrollbar{height:5px}#flex_14_allergy_list button{font-size:14px;padding:10px 30px;font-family:var(--menuFamily);background-color:#fff;border:1px solid black;white-space:nowrap;text-overflow:ellipsis;color:#000;border-radius:3px}#flex_14_allergy_list button:hover{cursor:pointer;background-color:#f2f2f2}#search_input_div{box-sizing:border-box;overflow:hidden}#search_bar_input{font-family:var(--menuFamily);font-size:15px;width:-webkit-fill-available;padding:9px 10px;outline:none;border:1px solid rgba(0,0,0,.534);border-bottom:2px solid #1C5D99;margin-top:5px;background-color:transparent;border-radius:3px}#list_of_fetch_words{margin-top:15px;display:flex;gap:10px;overflow-x:auto}#list_of_fetch_words::-webkit-scrollbar{height:4px}@media (max-width: 900px){#center_search_bar{width:70%}}@media (max-width: 600px){#center_search_bar{top:50%}}#list_of_fetch_words button{border:1px solid rgba(0,0,0,.611);background-color:#fff;font-family:var(--menuFamily);white-space:nowrap;text-overflow:ellipsis;padding:10px 30px;color:#000;border-radius:3px}#list_of_fetch_words button:hover{cursor:pointer;background-color:#f1f1f1}#firstGrid{margin-top:auto}@media (max-width: 600px){#flex_14_allergy_list button,#list_of_fetch_words button{padding:5px 10px}#firstGrid{margin-top:20px}#search_bar_heading{font-size:18px}}#setMenu_parent{background-color:#e4dbd2;min-height:10rem;display:flex;justify-content:center;overflow-y:auto;padding:10px}#hoppers_experience_menu_par{width:80%;margin:30px auto;border:3px dotted black;border-radius:30px;padding:25px 30px 33px;background-color:#ffefe3;height:fit-content}#experience_menu_heading{display:flex;align-items:center}.columClass_headingLine_dotted{border-bottom:3px dotted #AC4F36;flex:1}#experience_menu_heading_h{font-size:30px;text-transform:uppercase;font-family:var(--menuHeading);color:#ac4f36;padding:0 30px}#experience_menu_subheading{width:70%;text-align:center;font-family:var(--menuFamily);margin:12px auto;opacity:80%;font-weight:400}#experience_menu_boldalert{font-weight:600;text-align:center;font-family:var(--menuFamily);letter-spacing:-.5px}.he_topmargin{margin-top:20px}#four_grid_items{padding:20px 0 0;display:grid;gap:5px;grid-template-columns:1fr 1fr 1fr 1fr;grid-template-rows:auto}#hx-g1{height:auto}#hx-g2{grid-column-start:2;grid-column-end:4}#hx_g2_two_flex{margin:0 30px;display:flex;align-items:center;justify-content:space-between}#hx-g3{height:auto}.brow_color{color:#ac4f36}.he_grid_box_ex{padding:10px 25px;border:1px dotted #AC4F36}.he_gb_h,.he_gb_h_ex{font-size:17px;font-weight:500;text-align:center;text-transform:uppercase;font-family:var(--menuHeading)}.he_gb_sh,.he_gb_sh_ex{font-size:15px;font-style:italic;font-weight:500;text-align:center;font-family:var(--menuFamily)}.he_gb_flex_div,.he_gb_flex_div_ex{display:flex;gap:5px;flex-direction:column;margin-top:7px}.he_gb_item,.he_gb_item_ex{text-align:center;font-family:var(--menuFamily);font-size:13px}.foodItemDiv_setMenu{position:relative}.hoverDiv_setMenu{position:absolute;top:100%;left:70%;width:80%;z-index:6;transform:translate(-70%);border-radius:.625rem;overflow:hidden;visibility:hidden}.foodImage_setMenu{width:100%}.foodDes_setMenu{z-index:3;background-color:#000;color:#fff;padding:.625rem;font-family:var(--foodDes);margin-top:0}.foodItemDiv_setMenu:hover .hoverDiv_setMenu{display:flex;flex-direction:column;visibility:visible}.foodItemDiv_setMenu:hover .food_name_span_setMenu{text-decoration:underline}.food_name_span_setMenu{text-align:center;font-family:var(--menuFamily);font-size:13px}.foodName_setMenu:hover{cursor:pointer}#prfile_div{display:flex;gap:6px;align-items:center;height:100%;margin-right:15px}#prfile_div img{height:70%;aspect-ratio:1/1;border-radius:50%}#prfile_div span{font-size:14px;font-weight:400;opacity:85%}#navbarContainer{background-color:#fff;display:flex;gap:10px;align-items:center;justify-content:space-between;padding:0 30px;height:100%;overflow:hidden}#nav-1{display:flex;align-items:center;gap:7px;height:100%;flex:1}#nav-1 img{height:75%}#logo{background-color:#f1f5f9;height:75%;aspect-ratio:1/1;border-radius:50%;display:flex;align-items:center;justify-content:center}#logo span{font-size:21px;font-weight:500}#logos2{color:#1c5d99}.size-6{width:28px;aspect-ratio:1/1;font-weight:600;color:#000;color:currentColor;opacity:70%}#nav-2{height:100%;display:flex;align-items:center;justify-content:center;overflow-x:auto}#nav-2-links{display:flex;align-items:center;color:green;height:100%}.nav-2-link{color:#000;position:relative;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0 45px}.nav-2-link:hover{cursor:pointer}.navDownline{background-color:#1c5d99;position:absolute;bottom:0;right:0;width:100%;height:3px}.tooltipClass{background-color:#000!important;color:#fff!important;padding:10px 20px!important;margin-top:20px!important;border-radius:10px!important;font-size:12px!important;opacity:70%!important}.customArrow{display:none}#nav-3{flex:1;height:100%;display:flex;align-items:center;justify-content:flex-end}#nav3-links{height:100%;display:flex;gap:10px;align-items:center;color:#000}.nav3-link{display:flex;align-items:center;justify-content:center;border-radius:100px;height:70%;aspect-ratio:1/1;background-color:#f1f5f9;color:#000}.nav3-link svg{margin-top:2px;height:25px;opacity:70%}.navIcons{font-size:20px}#createUser{border-top:2px solid #f2f4f7;display:flex;align-items:center;justify-content:center}#centerForm{width:40%;padding:20px;background-color:#f2f4f7}#chooseImage{display:flex;flex-direction:column;align-items:center}#chooseImage img{width:30%;aspect-ratio:1/1;border-radius:50%}.flexLabel-Input{display:flex;gap:10px;align-items:center;justify-content:center;margin-top:20px}.custom-select{margin:20px auto}:root{--label_font_weight: 600;--label_opacity: 80%}#createFoodItem{background-color:#f2f4f7;padding:40px 20px;overflow-y:auto;display:flex;flex-direction:column;align-items:center;width:80%;margin:0 auto}#foodImage{width:20%;border-radius:4px}#createFoodItem h3{margin:0 auto 0 0;font-size:30px}.drop-zone{border:2px dashed #ccc;padding:20px;text-align:center;cursor:pointer;transition:all .2s ease-in-out}.drop-zone.dragging{border-color:#333;background-color:#f9f9f9}.preview-img{width:100%;max-height:200px;object-fit:cover;border-radius:8px}.flexInput-Label{margin-top:20px;display:flex;gap:5px;flex-direction:column;width:100%}.flexInput-Label span{font-size:16px;font-weight:var(--label_font_weight);opacity:var(--label_opacity)}.flexInput-Label input{background-color:transparent;font-size:17px;padding:6px 9px;border:.5px solid rgba(0,0,0,.322);outline:none;border-radius:4px;opacity:80%}.flexInput-Label input::placeholder{font-weight:200}.flexInput-Label select{padding:6px 7px;font-size:16px}.Ind-Input-Div{width:100%;margin-top:20px;display:flex;gap:5px;flex-direction:column}.Ind-Input-Div span{font-weight:var(--label_font_weight);opacity:var(--label_opacity)}.ingredientsInputBtn{display:flex;gap:10px}.ingredientsInputBtn input{width:100%;background-color:transparent;border:.5px solid rgba(0,0,0,.322);border-radius:4px;padding:6px 9px;outline:none;font-size:17px}.ingredientsInputBtn button{background-color:#1c5d99;padding:10px 40px;color:#fff;border-radius:4px;border:none;height:100%}.ingredientsInputBtn button:hover{cursor:pointer;background-color:#386d9fd1}#AllergyPar14{margin-top:20px;display:flex;gap:5px;flex-direction:column;justify-content:flex-start;width:100%}#AllergyPar14 span{font-size:16px;font-weight:var(--label_font_weight);opacity:var(--label_opacity)}#flexBtnsAllergy{display:flex;gap:10px;justify-content:flex-start;flex-wrap:wrap}.flexBtnAllergyDivBtn{margin:0;padding:7px 10px;border:.5px solid rgba(0,0,0,.322);box-sizing:border-box;border-radius:4px;font-size:15px;opacity:80%}.flexBtnAllergyDivBtn:hover{cursor:pointer}#searchIng{width:100%;height:150px;overflow:hidden;display:grid;grid-template-columns:1fr 1fr 1fr 1fr;grid-template-rows:1fr 1fr;gap:10px}.searchBtn{padding:7px 10px;border:.5px solid rgba(0,0,0,.322);opacity:80%;box-sizing:border-box;border-radius:4px;font-size:15px}#ListOfIngP{margin-top:20px;width:100%;display:flex;flex-direction:column;gap:5px}#listofIng_heading{font-size:16px;font-weight:var(--label_font_weight);opacity:var(--label_opacity)}#flexIng-Icons{display:flex;gap:3px;flex-direction:column}.Ing-Icons{background-color:#fff;display:flex;align-items:center;justify-content:space-between;padding:6px 10px;border:.5px solid rgba(0,0,0,.322);border-radius:4px}#server_response{font-size:16px;margin:20px auto 0 0}.SubmitAllergyBtn{margin:20px auto 0 0;display:flex;gap:10px;align-items:center;justify-content:center;padding:6px 30px;border-radius:4px;background-color:#1c5d99;color:#fff;border:none}.SubmitAllergyBtn:hover{cursor:pointer;background-color:#386d9fd1}#mainListofFoodPar{background-color:#f2f4f7;padding:40px 20px;display:grid;grid-template-columns:100%;grid-template-rows:10% 90%}:root{--tablegrid: 5% 25% 10% 10% 5% 35% 10%;---borderColor: rgba(42, 42, 42, .392)}#TableHeading{display:grid;grid-template-rows:100%;grid-template-columns:var(--tablegrid);background-color:#386d9fd1}.tableH{display:flex;align-items:center;justify-content:flex-start;color:#fff;padding-left:10px;font-weight:600}#TableRowPar{overflow-y:auto}#TableRowPar::-webkit-scrollbar{display:none}.tableRow{display:grid;grid-template-columns:var(--tablegrid);border-bottom:1px solid var(---borderColor)}.tableR{border-left:1px solid var(---borderColor);display:flex;align-items:center;justify-content:flex-start;padding:10px;font-weight:400}.hoverIcon:hover{cursor:pointer}.tableRow:hover{background-color:#fff}#mainEditFood{background-color:#f2f4f7}.IngName{white-space:pre-wrap}#main_create_array{background-color:#f2f4f7;overflow-y:auto}#main_create_form{width:50%;margin:20px auto 0;background-color:#fff;padding:20px;border-radius:20px}#form_all_ing{display:flex;gap:6px;align-items:center;flex-wrap:wrap;height:150px;overflow:hidden;margin-bottom:20px}.fetch_ing_button{background-color:#f2f4f7;padding:6px 14px;border-radius:3px}.fetch_ing_button:hover{cursor:pointer}#form_flex_i_b{display:flex;height:35px;gap:8px}#form_flex_i_b input{width:100%;border:1px solid #8c8c8c;max-height:100%;outline:none;padding:7px;font-size:17px;border-radius:3px}#form_flex_i_b button{height:100%;color:#fff;background-color:#1c5d99;border:none;padding:0 25px;border-radius:3px;display:flex;gap:5px;align-items:center;font-weight:500}#form_flex_i_b button:hover{cursor:pointer}#list_of_ing{padding:7px 0;display:flex;gap:7px;flex-direction:column}.list_item{display:flex;align-items:center;justify-content:space-between;padding:7px;background-color:#f2f4f7;border-radius:5px}.form_label_input{margin-top:20px;display:flex;gap:4px;flex-direction:column}.form_label_input span{font-size:16px;font-weight:500}.form_label_input input{border:1px solid #8c8c8c;padding:6px 7px;outline:none;font-size:16px}.submit_button{margin-top:20px;background-color:#1c5d99;border:none;color:#fff;padding:6px 25px;font-size:15px;font-weight:500;border-radius:3px}.submit_button:hover{cursor:pointer;background-color:#5f7b95}#list_of_array_main{background-color:#f2f4f7;padding:40px 20px;overflow-y:auto}.list_of_array_con{width:60%;padding:20px;background-color:#fff;margin:20px auto;display:flex;flex-direction:column}.list_tableNo{font-size:16px}.list_booking_Name{font-size:20px;font-weight:600}.flex_list{margin-top:10px;display:flex;flex-wrap:wrap;gap:7px}.list_btn{background-color:#1c5d99;color:#fff;border:none;width:fit-content;padding:7px 20px;border-radius:10px}.btn_use_remove{margin-top:10px}:root{--tablegrid_tl: 5% 25% 15% 40% 15%;---borderColor: rgba(42, 42, 42, .392)}#TableHeading_tl{display:grid;grid-template-rows:100%;grid-template-columns:var(--tablegrid_tl);background-color:#386d9fd1}.tableRow_TL{display:grid;grid-template-columns:var(--tablegrid_tl);border-bottom:1px solid var(---borderColor)}.btn_tl{display:flex;gap:.25rem;align-items:center;flex-wrap:wrap}.btn_tl button{padding:5px 8px;font-size:14px;background-color:#000;color:#fff;border-radius:40px;border:none;outline:none}@font-face{font-family:myFonts;src:url(font/Dashboard.ttf)}.material-symbols-outlined{font-variation-settings:"FILL" 0,"wght" 200,"GRAD" -25,"opsz" 24}*{padding:0;margin:0;box-sizing:border-box}:root{--website_default_font: myFonts;--section_padding: 15px;--section_grid_row_layout: 8% 92%;--border_color: #eaeaea}#testing_body{grid-row-start:1;grid-row-end:3;overflow:auto;box-sizing:border-box;display:grid;grid-template-rows:100%;grid-template-columns:15% 85%}#left_nav_bar_section{display:grid;grid-template-columns:100%;grid-template-rows:var(--section_grid_row_layout);background-color:#f9f8f7;border-right:1px solid var(--border_color)}#left_nav_1{display:flex;gap:5px;align-items:center;border-bottom:1px solid var(--border_color);padding:var(--section_padding);padding-left:22px}#nav_logo{font-size:20px;text-transform:capitalize}:root{--margin_top_s: 6px;--margin_top_m: 20px}#left_nav_2{overflow-y:auto;padding:0px var(--section_padding);display:flex;flex-direction:column;justify-content:space-between}.left_nav_headings{font-size:13px;font-weight:400;margin-top:var(--margin_top_m);opacity:50%;margin-left:10px}.flex_nav_links{margin-top:var(--margin_top_s)}.each_flex_i_link{display:flex;gap:4px;align-items:center;padding:5px 7px;border-radius:6px}.each_flex_i_link:hover{cursor:pointer;background-color:var(--border_color)}.material-symbols-outlined{opacity:75%;font-weight:300;padding:0;display:flex;align-items:center;justify-content:start}.left_nav_a{font-size:14px;font-weight:400;opacity:85%}#testing_main_section{display:grid;grid-template-rows:var(--section_grid_row_layout);grid-template-columns:100%}#testing_main_1{display:flex;align-items:center;justify-content:end;border-bottom:1px solid var(--border_color)}#testing_main_img{height:70%;aspect-ratio:1/1;border-radius:50%}#testing_main_2{padding:var(--section_padding);overflow:auto}.t_main_nav_url_heading{font-size:13px;font-weight:400;text-transform:uppercase;opacity:50%}.t_main_blackbox{margin-top:10px;min-height:50vh;padding:50px 30px;background-color:#000;border-radius:6px;color:#fff;display:flex;gap:30px;align-items:center}.t_blackbox_content{flex:1;height:100%;display:flex;flex-direction:column}.t_blackbox_content h3{font-size:38px;font-weight:600;line-height:1.3}.t_blackbox_content p{margin-top:var(--margin_top_s);font-size:18px;font-weight:400;opacity:60%;width:70%;line-height:1.4}.t_blackbox_image{flex:1;height:-webkit-fill-available;background-image:url(https://it-training.apple.com/images/sup-course_overview_hero@2x.png);background-position:center;background-size:cover}.t_main_heading{margin-top:var(--margin_top_m);margin-bottom:var(--margin_top_s);font-size:20px;font-weight:600}.t_flex_main_system_box{display:grid;gap:var(--margin_top_s);grid-template-columns:1fr 1fr 1fr 1fr;grid-template-rows:30vh 30vh}.main_sys_small_box{background-color:#eaeaea;border-radius:6px}.main_sys_small_box img{width:100%;height:80%;object-fit:contain}.main_sys_box_c{height:20%;display:flex;flex-direction:column;justify-content:center}.main_sys_box_c p{margin-left:var(--margin_top_s)}.t_people_grid_box{display:grid;gap:var(--margin_top_s);grid-template-columns:1fr 1fr 1fr 1fr 1fr;grid-template-rows:minmax(auto,40vh) minmax(auto,40vh)}.t_people_box{background-color:#eaeaea;display:grid;grid-template-columns:100%;grid-template-rows:80% 20%}.t_people_box:hover{cursor:pointer}.t_people_box img{width:100%;height:100%;object-fit:cover}.t_peoplebox_content{display:flex;gap:1px;flex-direction:column;justify-content:center;padding-left:var(--margin_top_s)}.t_peoplebox_content_name{font-size:16px;font-weight:600}.t_peoplebox_content_position{font-size:14px;font-weight:400;opacity:70%}:root{--fm_btn_i_padding: 7px 9px;--fm_margin_l: 30px;--fm_margin_m: 15px;--fm_margin_s: 5px;--fm_gridgap: 10px;--heading_fontsize: 16px;--label_fontsize: 15px;--fm_borderradius: 3px;--fm_heading_weight: 600;--fm_label_weight: 600;--fm_input_weight: 400;--fm_PH_opacity: 80%}.fm_heading{margin-top:var(--fm_margin_m);font-size:22px;font-weight:600}.fm_subheading{font-size:16px;font-weight:400;opacity:40%;margin-top:var(--fm_margin_s)}.fm_wrapper_heading{margin-top:var(--fm_margin_l);padding-left:8px;border-left:3px solid rgba(0,0,255,.686);font-weight:var(--fm_heading_weight);display:flex;align-items:center}.fm_grid_label_input{margin-top:var(--fm_margin_m);display:grid;gap:var(--fm_gridgap);grid-template-columns:1fr 1fr 1fr;grid-template-rows:auto auto}.fm_fx_label_input{display:flex;flex-direction:column;gap:var(--fm_margin_s)}.fm_label{font-size:15px;font-weight:600;opacity:80%}.fm_textarea{width:100%;height:auto;resize:vertical;border:1px solid rgba(0,0,0,.13);outline:none;padding:var(--fm_btn_i_padding);font-size:15px;border-radius:var(--fm_borderradius);font-family:var(--website_default_font);opacity:80%;font-weight:400}.fm_textarea::placeholder{opacity:80%}.fm_select{padding:var(--fm_btn_i_padding);font-size:15px;border:1px solid rgba(0,0,0,.13);border-radius:var(--fm_borderradius)}.fm_input{padding:var(--fm_btn_i_padding);font-size:15px;opacity:80%;outline:none;border:1px solid rgba(0,0,0,.13);border-radius:var(--fm_borderradius)}.fm_input::placeholder{opacity:80%}.fm_btn_pr{display:flex;gap:var(--fm_gridgap);flex-wrap:wrap;margin-top:var(--fm_margin_s)}.fm_btn_pr button{padding:var(--fm_btn_i_padding);font-size:15px;font-weight:400;border:1px solid rgba(0,0,0,.13);border-radius:var(--fm_borderradius);background-color:transparent;opacity:80%}.fm_addIng_flex{margin-top:var(--fm_margin_s);display:flex;gap:var(--fm_margin_s);align-items:center}.fm_addIng_flex input{padding:var(--fm_btn_i_padding);font-size:15px;opacity:80%;outline:none;border:1px solid rgba(0,0,0,.13);border-radius:var(--fm_borderradius);width:100%}.fm_addIng_flex button{padding:var(--fm_btn_i_padding);font-size:15px;opacity:80%;border:1px solid rgba(0,0,0,.13);border-radius:var(--fm_borderradius)}.fm_addedIngList_par{display:grid;gap:5px;grid-template-columns:1fr 1fr 1fr 1fr;grid-template-rows:auto;margin-top:var(--fm_margin_m)}.fm_addedList_con{display:flex;align-items:center;justify-content:space-between;background-color:#f9f8f7;padding:var(--fm_btn_i_padding);border-radius:var(--fm_borderradius)}.fm_addedList_name{font-size:15px;opacity:80%}.form_seperate_btn{margin-top:var(--fm_margin_m);font-size:14px;font-weight:300;background-color:#00f;color:#fff;border:none;border-radius:var(--fm_borderradius);padding:var(--fm_btn_i_padding)}.fm_submit_section{margin-top:var(--fm_margin_m)}.fm_submit_section p{font-size:15px;font-weight:500;opacity:75%}.fm_submit_section button{margin-top:var(--fm_margin_s);font-size:14px;font-weight:300;background-color:#00f;color:#fff;border:none;border-radius:var(--fm_borderradius);padding:var(--fm_btn_i_padding)}.fm_submit_section button:hover{background-color:#0000ffac}:root{--tb_grid_column: 22% 10% 11% 7% 40% 10%;--tb_grid_column_user: 25% 20% 15% 25% 15%}.flex_search_and_bts{display:flex;align-items:center;justify-content:space-between;margin-top:20px}.flex_search_heading{font-size:18px;font-weight:600}.flex_s_btn{display:flex;gap:10px;align-items:center}.flex_input_icon{display:flex;align-items:center;gap:3px;padding:5px;border:1px solid rgba(0,0,0,.13);border-radius:6px}.flex_input_icon input{font-size:14px;font-weight:400;opacity:80%;outline:none;border:none;width:17.5rem;font-family:var(--MainFamily)}.flex_s_btn button{font-size:13px;display:flex;gap:3px;align-items:center;padding:8px 11px;font-weight:400;border-radius:6px;border:none;background-color:#000;color:#ffffffc8}.tb_H_grid{margin-top:var(--fm_margin_m);background-color:#f9f8f7;display:grid;grid-template-rows:auto;border-top:1px solid rgba(0,0,0,.13);border-right:1px solid rgba(0,0,0,.13);border-bottom:1px solid rgba(0,0,0,.13)}.tb_H_grid_food{grid-template-columns:var(--tb_grid_column)}.tb_H_grid_user{grid-template-columns:var(--tb_grid_column_user)}.tb_H_item{padding:10px;font-weight:600;text-transform:capitalize;font-size:15px;border-left:1px solid rgba(0,0,0,.13)}.tb_R_grid{display:grid;grid-template-rows:auto;border-bottom:1px solid rgba(0,0,0,.13)}.tb_R_grid_food{grid-template-columns:var(--tb_grid_column)}.tb_R_grid_users{grid-template-columns:var(--tb_grid_column_user)}.tb_R_item{padding:8px 10px;font-weight:400;opacity:80%;font-size:15px;border-left:1px solid rgba(0,0,0,.13);display:flex;align-items:center;justify-content:flex-start;text-transform:capitalize;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tb_R_email{text-transform:none}.tb_R_item:last-child{border-right:1px solid rgba(0,0,0,.13)}.tb_R_item:last-child:hover{cursor:pointer}.tb_R_grid:hover{background-color:#f9f8f7b0}.feedback_container{padding:15px;border:1px solid rgba(0,0,0,.13);border-radius:6px;margin-top:10px}.feedback_nav{display:flex;align-items:center;justify-content:space-between}.fb_nav_1{display:flex;gap:6px;align-items:center;justify-content:space-between}.fb_nav_1 img{height:3.4375rem;aspect-ratio:1/1;border-radius:50%}.fb_flex_n_p{display:flex;flex-direction:column}.fb_n{font-size:16px;font-weight:600}.fb_p,.fb_date{font-size:14px;font-weight:400;opacity:80%}.feedback_ul{margin-left:3.8125rem}.feedback_li_flex{display:flex;align-items:center;justify-content:space-between}.feedback_selected_profile{margin-top:10px;padding:20px;border:1px solid rgba(0,0,0,.13);width:25%;display:flex;flex-direction:column;border-radius:var(--fm_borderradius)}.feedback_list_con{margin-top:5px;padding:10px;background-color:#f9f8f7;display:flex;gap:5px;flex-direction:column}.feedback_l_t{font-size:15px;font-weight:600}.feedback_l_s{font-size:15px;font-size:400;opacity:80%}.feedback_l_date{font-size:13px;font-weight:400;opacity:60%}.feedback_l_btn{margin-left:auto;width:fit-content;padding:5px 8px;font-size:12px;opacity:80%;border:1px solid rgba(0,0,0,.13);border-radius:var(--fm_borderradius)}