.Backdrop{background:rgba(0,0,0,.54);width:100%;height:100%;position:fixed;top:0;left:0;z-index:99999999}.Backdrop .Loader{position:absolute;top:50%;left:50%;z-index:99999999;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.Backdrop .Loader .Loader-inner{border:4px solid #f3f3f3;border-radius:50%;border-top:4px solid var(--color-primary);width:40px;height:40px;-webkit-animation:spin 1s linear infinite;animation:spin 1s linear infinite}*,:after,:before{--tw-border-opacity:1;border-color:rgba(229,231,235,var(--tw-border-opacity))}.container{width:100%}@media (min-width:1281px){.container{max-width:1281px}}@media (min-width:1536px){.container{max-width:1536px}}.container{max-width:100%;padding:0}@media (max-width:768px){.container{max-width:600px}}@media (max-width:1024px){.container{max-width:700px}}@media (max-width:1280px){.container{max-width:970px}}@media (min-width:1281px){.container{width:1200px;max-width:100%}}.img--container-center{position:relative;display:block;min-height:300px;width:auto;overflow:hidden}.img--container-center img{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:auto;height:auto}.visible{visibility:visible}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.top-2{top:4px}.top-1\/4{top:25%}.right-1{right:2px}.right-2{right:4px}.bottom-0{bottom:0}.bottom-20{bottom:30px}.bottom-36{bottom:38px}.bottom-1\/2{bottom:50%}.left-0{left:0}.left-1{left:2px}.z-10{z-index:10}.z-30{z-index:30}.z-50{z-index:50}.mx-2{margin-left:4px;margin-right:4px}.mx-auto{margin-left:auto;margin-right:auto}.my-8{margin-top:16px;margin-bottom:16px}.mt-2{margin-top:4px}.mt-3{margin-top:6px}.mt-4{margin-top:8px}.mt-5{margin-top:10px}.mt-20{margin-top:30px}.mr-1{margin-right:2px}.mr-2{margin-right:4px}.mb-0{margin-bottom:0}.mb-1{margin-bottom:2px}.mb-2{margin-bottom:4px}.mb-4{margin-bottom:8px}.mb-5{margin-bottom:10px}.ml-1{margin-left:2px}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.table{display:table}.grid{display:grid}.hidden{display:none}.h-24{height:32px}.h-full{height:100%}.w-10{width:20px}.w-14{width:26px}.w-1\/3{width:33.333333%}.w-2\/4{width:50%}.w-3\/4{width:75%}.w-full{width:100%}.flex-1{flex:1 1 0%}.flex-auto{flex:1 1 auto}.border-collapse{border-collapse:collapse}@-webkit-keyframes spin{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@-webkit-keyframes ping{75%,to{-webkit-transform:scale(2);transform:scale(2);opacity:0}}@keyframes ping{75%,to{-webkit-transform:scale(2);transform:scale(2);opacity:0}}@-webkit-keyframes pulse{50%{opacity:.5}}@keyframes pulse{50%{opacity:.5}}@-webkit-keyframes bounce{0%,to{-webkit-transform:translateY(-25%);transform:translateY(-25%);-webkit-animation-timing-function:cubic-bezier(.8,0,1,1);animation-timing-function:cubic-bezier(.8,0,1,1)}50%{-webkit-transform:none;transform:none;-webkit-animation-timing-function:cubic-bezier(0,0,.2,1);animation-timing-function:cubic-bezier(0,0,.2,1)}}@keyframes bounce{0%,to{-webkit-transform:translateY(-25%);transform:translateY(-25%);-webkit-animation-timing-function:cubic-bezier(.8,0,1,1);animation-timing-function:cubic-bezier(.8,0,1,1)}50%{-webkit-transform:none;transform:none;-webkit-animation-timing-function:cubic-bezier(0,0,.2,1);animation-timing-function:cubic-bezier(0,0,.2,1)}}.cursor-pointer{cursor:pointer}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.flex-row{flex-direction:row}.place-content-center{place-content:center}.content-center{align-content:center}.content-start{align-content:flex-start}.items-start{align-items:flex-start}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-items-center{justify-items:center}.gap-3{gap:6px}.gap-4{gap:8px}.space-x-1>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(2px*var(--tw-space-x-reverse));margin-left:calc(2px*(1 - var(--tw-space-x-reverse)))}.space-x-2>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(4px*var(--tw-space-x-reverse));margin-left:calc(4px*(1 - var(--tw-space-x-reverse)))}.space-y-1>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(2px*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(2px*var(--tw-space-y-reverse))}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(4px*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(4px*var(--tw-space-y-reverse))}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(8px*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(8px*var(--tw-space-y-reverse))}.divide-y>:not([hidden])~:not([hidden]){--tw-divide-y-reverse:0;border-top-width:calc(1px*(1 - var(--tw-divide-y-reverse)));border-bottom-width:calc(1px*var(--tw-divide-y-reverse))}.whitespace-pre-wrap{white-space:pre-wrap}.rounded-none{border-radius:0}.rounded{border-radius:.25rem}.rounded-md{border-radius:.375rem}.rounded-lg{border-radius:.5rem}.rounded-2xl{border-radius:1rem}.rounded-full{border-radius:9999px}.border{border-width:1px}.border-t{border-top-width:1px}.border-b{border-bottom-width:1px}.border-solid{border-style:solid}.border-none{border-style:none}.border-gray-100{--tw-border-opacity:1;border-color:rgba(243,244,246,var(--tw-border-opacity))}.border-gray-300{--tw-border-opacity:1;border-color:rgba(209,213,219,var(--tw-border-opacity))}.border-gray-900{--tw-border-opacity:1;border-color:rgba(17,24,39,var(--tw-border-opacity))}.bg-white{--tw-bg-opacity:1;background-color:rgba(255,255,255,var(--tw-bg-opacity))}.bg-gray-50{--tw-bg-opacity:1;background-color:rgba(249,250,251,var(--tw-bg-opacity))}.bg-gray-100{--tw-bg-opacity:1;background-color:rgba(243,244,246,var(--tw-bg-opacity))}.bg-gray-900{--tw-bg-opacity:1;background-color:rgba(17,24,39,var(--tw-bg-opacity))}.bg-red-500{--tw-bg-opacity:1;background-color:rgba(239,68,68,var(--tw-bg-opacity))}.bg-yellow-50{--tw-bg-opacity:1;background-color:rgba(255,251,235,var(--tw-bg-opacity))}.bg-green-500{--tw-bg-opacity:1;background-color:rgba(16,185,129,var(--tw-bg-opacity))}.object-center{object-position:center}.p-0{padding:0}.p-1{padding:2px}.p-2{padding:4px}.p-3{padding:6px}.p-4{padding:8px}.px-1{padding-left:2px;padding-right:2px}.px-2{padding-left:4px;padding-right:4px}.px-3{padding-left:6px;padding-right:6px}.px-4{padding-left:8px;padding-right:8px}.px-6{padding-left:12px;padding-right:12px}.px-8{padding-left:16px;padding-right:16px}.py-1{padding-top:2px;padding-bottom:2px}.py-2{padding-top:4px;padding-bottom:4px}.py-3{padding-top:6px;padding-bottom:6px}.py-4{padding-top:8px;padding-bottom:8px}.py-8{padding-top:16px;padding-bottom:16px}.pt-2{padding-top:4px}.pt-3{padding-top:6px}.pt-4{padding-top:8px}.pt-5{padding-top:10px}.pb-1{padding-bottom:2px}.pb-2{padding-bottom:4px}.pb-4{padding-bottom:8px}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.align-top{vertical-align:top}.text-xs{font-size:12px}.text-sm{font-size:14px}.text-base,.text-md{font-size:16px}.text-lg{font-size:20px}.text-xl{font-size:24px}.text-2xl{font-size:26px}.font-normal{font-weight:400}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.uppercase{text-transform:uppercase}.tracking-wider{letter-spacing:.05em}.text-white{--tw-text-opacity:1;color:rgba(255,255,255,var(--tw-text-opacity))}.text-gray-400{--tw-text-opacity:1;color:rgba(156,163,175,var(--tw-text-opacity))}.text-gray-500{--tw-text-opacity:1;color:rgba(107,114,128,var(--tw-text-opacity))}.underline{text-decoration:underline}*,:after,:before{--tw-shadow:0 0 transparent}.shadow-md{--tw-shadow:0 4px 6px -1px rgba(0,0,0,0.1),0 2px 4px -1px rgba(0,0,0,0.06)}.shadow-lg,.shadow-md{box-shadow:var(--tw-ring-offset-shadow,0 0 transparent),var(--tw-ring-shadow,0 0 transparent),var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px rgba(0,0,0,0.1),0 4px 6px -2px rgba(0,0,0,0.05)}.shadow-2xl{--tw-shadow:0 25px 50px -12px rgba(0,0,0,0.25);box-shadow:var(--tw-ring-offset-shadow,0 0 transparent),var(--tw-ring-shadow,0 0 transparent),var(--tw-shadow)}.outline-none{outline:2px solid transparent;outline-offset:2px}*,:after,:before{--tw-ring-inset:var(--tw-empty,/*!*/ /*!*/);--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,0.5);--tw-ring-offset-shadow:0 0 transparent;--tw-ring-shadow:0 0 transparent}.filter{--tw-blur:var(--tw-empty,/*!*/ /*!*/);--tw-brightness:var(--tw-empty,/*!*/ /*!*/);--tw-contrast:var(--tw-empty,/*!*/ /*!*/);--tw-grayscale:var(--tw-empty,/*!*/ /*!*/);--tw-hue-rotate:var(--tw-empty,/*!*/ /*!*/);--tw-invert:var(--tw-empty,/*!*/ /*!*/);--tw-saturate:var(--tw-empty,/*!*/ /*!*/);--tw-sepia:var(--tw-empty,/*!*/ /*!*/);--tw-drop-shadow:var(--tw-empty,/*!*/ /*!*/);-webkit-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);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)}.drop-shadow{--tw-drop-shadow:drop-shadow(0 1px 2px rgba(0,0,0,0.1)) drop-shadow(0 1px 1px rgba(0,0,0,0.06))}.drop-shadow-2xl{--tw-drop-shadow:drop-shadow(0 25px 25px rgba(0,0,0,0.15))}@media (min-width:1281px){.xl\:w-1\/4{width:25%}.xl\:w-3\/5{width:60%}}@media (max-width:1280px){.lg\:px-2{padding-left:4px;padding-right:4px}.lg\:px-4{padding-left:8px;padding-right:8px}}@media (max-width:1024px){.md\:block{display:block}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:768px){.sm\:hidden{display:none}.sm\:w-full{width:100%}.sm\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.sm\:p-0{padding:0}.sm\:text-sm{font-size:14px}.sm\:text-base{font-size:16px}}@media (max-width:640px){.xs\:block{display:block}.xs\:hidden{display:none}.xs\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.xs\:border-none{border-style:none}.xs\:p-0{padding:0}.xs\:px-1{padding-left:2px;padding-right:2px}.xs\:text-sm{font-size:14px}}html{font-size:14px}button,input,select,textarea{font-family:inherit;font-size:inherit;line-height:normal}.btn--default{border-radius:0;background-color:transparent;outline:2px solid transparent;outline-offset:2px}.transition--primary{transition:all .5s cubic-bezier(.215,.61,.355,1)}.btn--secondary{background-color:#fff;border-color:#000;color:#000}.focus\:transition--primary:focus{transition:all .5s cubic-bezier(.215,.61,.355,1)}.focus\:btn--secondary:focus{background-color:#fff;border-color:#000;color:#000}.hover\:transition--primary:hover,a{transition:all .5s cubic-bezier(.215,.61,.355,1)}.hover\:btn--secondary:hover{background-color:#fff;border-color:#000;color:#000}.fill-img-white{-webkit-filter:invert(100%);filter:invert(100%)}div::-webkit-scrollbar{width:3px;height:3px}::-webkit-scrollbar{width:3px}div::-webkit-scrollbar-thumb{width:3px;background:var(--color-teal)}::-webkit-scrollbar-thumb{background:var(--teal);border-radius:10px}div::-webkit-scrollbar-track{background:#d3d3d3}::-webkit-scrollbar-track{box-shadow:inset 0 0 5px #d3d3d3;border-radius:10px}.checkbox--container{display:block;position:relative;margin-right:5px;cursor:pointer;width:30px;height:30px;-webkit-user-select:none;-ms-user-select:none;user-select:none}.checkbox--container input{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.checkbox--container input:checked~.checkmark{background-color:var(--color-primary);border:2px solid var(--color-primary)}.checkbox--container input:checked~.checkmark:after{display:block}.checkbox--container .checkmark{position:absolute;top:0;left:0;height:25px;width:25px;border-radius:50%;background-color:#fff;border:2px solid grey}.checkbox--container .checkmark:after{content:"";position:absolute;display:none;left:7px;top:2px;width:8px;height:15px;border:solid #fff;border-width:0 3px 3px 0;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.btn--primary{--tw-text-opacity:1;color:rgba(255,255,255,var(--tw-text-opacity))}.btn--warning{--tw-text-opacity:1;color:rgba(0,0,0,var(--tw-text-opacity));background:#ffb822}.bag{font-size:12px;width:25px;height:25px;text-align:center;line-height:25px;right:0;top:0}.bg__red{background:var(--color-red)}.border--primary{border-color:var(--color-primary)}.btn--secondary{--tw-text-opacity:1;color:rgba(255,255,255,var(--tw-text-opacity));background:var(--color-secondary)}.bg--primary{background-color:var(--color-primary)}.text--primary{color:var(--color-primary)}.text--red{color:var(--color-red)}.btn--default{text-align:center;vertical-align:middle;touch-action:manipulation;cursor:pointer;border:1px solid transparent;white-space:nowrap;-webkit-user-select:none;-ms-user-select:none;user-select:none;outline:none}.btn--default:focus{outline:none}.btn--primary{border:1px solid var(--color-primary);background:var(--color-primary);color:var(--color-white);transition:all .15s ease-in-out}.btn--primary:focus,.btn--primary:hover{border-color:var(--color-primary-hover);background:var(--color-primary-hover)}.hover\:bg--primary:hover{background-color:var(--color-primary)}.side-menu{margin-right:5px;position:-webkit-sticky;position:sticky;top:70px;min-height:25vh;height:100%;background:#fff}#menu-list{padding:0;margin:0}@media screen and (max-width:1024px){.side-menu{display:none}}.btn-order-online{-webkit-animation:bounce 1s infinite;animation:bounce 1s infinite;padding-top:12px;padding-bottom:12px}.item-menu{border-bottom-color:var(--color-primary);cursor:pointer;display:flex;justify-content:space-between;align-items:flex-start;align-content:center;flex-direction:column}.item-menu .ribbon{width:100px;height:100px;overflow:hidden;position:absolute;top:-10px;right:-10px;font-size:11px}.item-menu .ribbon:before{top:0;left:0}.item-menu .ribbon:after{bottom:0;right:0}.item-menu .ribbon:after,.item-menu .ribbon:before{position:absolute;z-index:0;content:"";display:block;border-left:5px solid var(--color-primary);border-bottom:5px solid var(--color-primary);border-top:5px solid transparent;border-right:5px solid transparent}.item-menu .ribbon span{position:absolute;display:block;width:180px;padding:4px 0;background-color:var(--color-primary);box-shadow:0 5px 10px rgba(0,0,0,.1);color:#fff;text-shadow:0 1px 1px rgba(0,0,0,.2);text-transform:uppercase;text-align:center;left:-31px;top:30px;opacity:.7;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.item-menu:last-child{border-bottom-color:transparent}.item-menu .img-box{cursor:pointer;overflow:hidden}.item-menu .img-box .avatar-thumb{width:100%;height:100%;text-align:center;display:flex;justify-content:center;align-content:center;align-items:center}.item-menu .img-box.img--container-center{min-height:120px;width:100%;border-radius:4px}.item-menu .img-box.img--container-center img{object-fit:cover;position:relative;-webkit-transform:none;transform:none;top:0;left:0;width:100%;height:100%}.item-menu .img-box.img--container-center button img{width:auto;height:auto;text-align:center;margin:0 auto}.item-menu .img-box:before{content:"";position:absolute;background:rgba(0,0,0,.45);width:100%;height:100%;z-index:2;left:0;opacity:0;top:0;right:0;bottom:0}.item-menu .img-box:hover{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.item-menu .img-box:hover .add-to-cart,.item-menu .img-box:hover:before{opacity:1}.item-menu .img-box .add-to-cart{opacity:0;position:absolute;top:50%;width:100%;height:100%;background:transparent;text-align:center;z-index:9;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.item-menu .img-box .add-to-cart img{margin:0 auto}.item-menu .detail-box{display:flex;justify-content:space-between;align-items:flex-start;align-content:center;flex-direction:column;width:100%}.item-menu .detail-box .top-detail .name{font-weight:700}.item-menu .detail-box .btn--container{display:flex;justify-content:space-between;align-items:flex-end;align-content:center}.item-menu .detail-box .bot-detail{font-size:11px;width:100%;display:flex;justify-content:space-between;align-items:flex-start;align-content:center;flex-direction:column}.item-menu .detail-box .bot-detail .price{font-size:16px}.menu-title-group{color:var(--color-secondary)}.menu-title-group .invisible-custom{left:10px;top:17px;color:transparent;border-bottom:2px solid var(--color-primary);display:inline-block;line-height:.85;z-index:1}.menu-title-group:before{content:"";background-color:var(--color-primary);width:100%;height:2px;top:28px;left:0;position:absolute;z-index:1}@media screen and (max-width:1024px){.item-menu .img-box:hover .add-to-cart,.item-menu .img-box:hover:before{opacity:0}}@media screen and (max-width:768px){.item-menu{min-height:120px}.item-menu .ribbon{width:100px;height:100%;top:0;right:0}.item-menu .ribbon:after,.item-menu .ribbon:before{border:transparent}.item-menu .ribbon span{width:200px;left:-40px;top:25px;padding:5px 0}.item-menu .detail-box .bot-detail .btn--container button{width:35px;height:35px;text-align:center;margin:0 auto}.item-menu .detail-box .bot-detail .btn--container button img{width:auto;height:auto;margin:0 auto}.item-menu .detail-box .bot-detail .price{font-size:16px}}@media screen and (max-width:540px){.item-menu{padding:4px;flex-direction:column}.item-menu .img-box.img--container-center{min-height:100px;height:auto;width:100%;border-radius:4px}.item-menu .img-box.img--container-center img{position:relative}.item-menu .detail-box{margin-top:4px}.item-menu .detail-box .top-detail .name{font-size:12px}.item-menu .detail-box .bot-detail .price{font-size:16px}.item-menu .detail-box .bot-detail .btn--container{display:flex;justify-content:space-between;align-items:center;align-content:center}}.footer-cart>*{border-radius:0;padding:7px 25px}.button-view-cart-desktop{border-radius:5px}.button-view-cart-desktop img{-webkit-filter:invert(100%);filter:invert(100%);margin-right:5px}.ViewCartDesktop table tr td{padding-bottom:7px}.ViewCartDesktop table tr td .img--container-center{width:100px;min-height:100px}.ViewCartDesktop table tr td:nth-child(3),.ViewCartDesktop table tr td:nth-child(4){vertical-align:middle;padding:5px}.ViewCartDesktop .quantity-container button{background:var(--color-primary);border-radius:50%;width:auto;height:auto;padding:0}.modifiers span:after{content:", "}.modifiers span:last-child:after{content:""}.Modal{position:absolute;left:0;top:40px;right:0;bottom:0;background-color:#fff;height:-webkit-max-content;height:max-content;min-height:20vh}.Modal .modal-react-content .total-container,.Modal .modal-react-footer{position:absolute;bottom:0;left:0;padding:10px;width:100%}.Modal .modal-react-footer>.btn--default{border-radius:0;padding:7px 25px}.ReactModal__Body--open{overflow:hidden}.Overlay{position:fixed;top:0;left:0;right:0;bottom:0;z-index:999;background-color:rgba(8,8,8,.541);transition:all .5s ease-in-out}.ModalAddItemDeskTop .ReactModal__Body--open,.ModalSlidePromotion .ReactModal__Body--open,.ReactModalPortal .ReactModal__Body--open,.ReactModalPortalSelectOrderMethod .ReactModal__Body--open,.ViewCartDesktop .ReactModal__Body--open{overflow:hidden}.ModalAddItemDeskTop .ReactModal__Content,.ModalSlidePromotion .ReactModal__Content,.ReactModalPortal .ReactModal__Content,.ReactModalPortalSelectOrderMethod .ReactModal__Content,.ViewCartDesktop .ReactModal__Content{opacity:0;-webkit-transform:translateY(999px);transform:translateY(999px);transition:all .5s ease-in-out;position:relative}.ModalAddItemDeskTop .ReactModal__Content:before,.ModalSlidePromotion .ReactModal__Content:before,.ReactModalPortal .ReactModal__Content:before,.ReactModalPortalSelectOrderMethod .ReactModal__Content:before,.ViewCartDesktop .ReactModal__Content:before{content:"";position:absolute;left:15px;top:-10px;width:calc(100% - 30px);height:10px;background:#e5e3e3;border-top-right-radius:25px;border-top-left-radius:25px;box-shadow:0 48px 100px 0 rgba(17,12,46,.15)}.ModalAddItemDeskTop .ReactModal__Content .modal-react-content,.ModalSlidePromotion .ReactModal__Content .modal-react-content,.ReactModalPortal .ReactModal__Content .modal-react-content,.ReactModalPortalSelectOrderMethod .ReactModal__Content .modal-react-content,.ViewCartDesktop .ReactModal__Content .modal-react-content{max-height:calc(100vh - 120px);overflow-y:scroll;background:#fff;padding-bottom:100px}.ModalAddItemDeskTop .ReactModal__Content .modal-container,.ModalSlidePromotion .ReactModal__Content .modal-container,.ReactModalPortal .ReactModal__Content .modal-container,.ReactModalPortalSelectOrderMethod .ReactModal__Content .modal-container,.ViewCartDesktop .ReactModal__Content .modal-container{background:#fff}.ModalAddItemDeskTop .ReactModal__Content>*,.ModalSlidePromotion .ReactModal__Content>*,.ReactModalPortal .ReactModal__Content>*,.ReactModalPortalSelectOrderMethod .ReactModal__Content>*,.ViewCartDesktop .ReactModal__Content>*{transition:all .5s ease-in-out}.ModalAddItemDeskTop .ReactModal__Content--after-open,.ModalSlidePromotion .ReactModal__Content--after-open,.ReactModalPortal .ReactModal__Content--after-open,.ReactModalPortalSelectOrderMethod .ReactModal__Content--after-open,.ViewCartDesktop .ReactModal__Content--after-open{opacity:1;-webkit-transform:translateY(50px);transform:translateY(50px);transition:all .5s ease-in-out}.ModalAddItemDeskTop .ReactModal__Content--after-open>*,.ModalSlidePromotion .ReactModal__Content--after-open>*,.ReactModalPortal .ReactModal__Content--after-open>*,.ReactModalPortalSelectOrderMethod .ReactModal__Content--after-open>*,.ViewCartDesktop .ReactModal__Content--after-open>*{transition:all .5s ease-in-out}.ModalAddItemDeskTop .ReactModal__Content--before-close,.ModalSlidePromotion .ReactModal__Content--before-close,.ReactModalPortal .ReactModal__Content--before-close,.ReactModalPortalSelectOrderMethod .ReactModal__Content--before-close,.ViewCartDesktop .ReactModal__Content--before-close{opacity:0;-webkit-transform:translateY(999px);transform:translateY(999px);transition:all .5s ease-in-out}.ModalAddItemDeskTop .ReactModal__Content--before-close>*,.ModalSlidePromotion .ReactModal__Content--before-close>*,.ReactModalPortal .ReactModal__Content--before-close>*,.ReactModalPortalSelectOrderMethod .ReactModal__Content--before-close>*,.ViewCartDesktop .ReactModal__Content--before-close>*{transition:all .5s ease-in-out}.ModalAddItemDeskTop .ReactModal__Content .modal-react-content,.ViewCartDesktop .ReactModal__Content .modal-react-content{overflow-y:auto}.ModalAddItemDeskTop .ReactModal__Content--after-open,.ViewCartDesktop .ReactModal__Content--after-open{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);transition:all .5s ease-in-out}.ModalAddItemDeskTop .ReactModal__Content--after-open>*,.ViewCartDesktop .ReactModal__Content--after-open>*{transition:all .5s ease-in-out}.ModalAddItemDeskTop .ReactModal__Content--before-close,.ViewCartDesktop .ReactModal__Content--before-close{opacity:0;-webkit-transform:translateY(999px);transform:translateY(999px);transition:all .5s ease-in-out}.ModalAddItemDeskTop .ReactModal__Content--before-close>*,.ViewCartDesktop .ReactModal__Content--before-close>*{transition:all .5s ease-in-out}@media screen and (max-width:1366px){.ModalAddItemDeskTop .ReactModal__Content,.ViewCartDesktop .ReactModal__Content{top:20px}}@media screen and (max-width:768px){.ModalAddItemDeskTop .ReactModal__Content .modal-container,.ReactModalPortal .ReactModal__Content .modal-container,.ViewCartDesktop .ReactModal__Content .modal-container{background:#fff;height:100vh}}.filter-button-category{-webkit-filter:invert(41%) sepia(91%) saturate(839%) hue-rotate(349deg) brightness(92%) contrast(89%);filter:invert(41%) sepia(91%) saturate(839%) hue-rotate(349deg) brightness(92%) contrast(89%)}.button-view-category{width:50px;background:#fff;border-radius:50%;height:50px;bottom:100px;padding:0}.category-menu-list{margin:0;padding:0 5px}.ReactModalPortalViewCategory .ReactModal__Body--open{overflow:hidden}.ReactModalPortalViewCategory .ReactModal__Content{bottom:150px;opacity:0;-webkit-transform:scale(0);transform:scale(0);transition:all .5s ease-in-out;-webkit-transform-origin:bottom left;transform-origin:bottom left}.ReactModalPortalViewCategory .ReactModal__Content .modal-container{background:#fff}.ReactModalPortalViewCategory .ReactModal__Content .modal-react-content{max-height:calc(100vh - 120px);overflow-y:scroll}.ReactModalPortalViewCategory .ReactModal__Content>*{transition:all .5s ease-in-out}.ReactModalPortalViewCategory .ReactModal__Content--after-open{opacity:1;-webkit-transform:scale(1);transform:scale(1);transition:all .5s ease-in-out}.ReactModalPortalViewCategory .ReactModal__Content--after-open>*{transition:all .5s ease-in-out}.ReactModalPortalViewCategory .ReactModal__Content--before-close{opacity:0;-webkit-transform:scale(0);transform:scale(0);transition:all .5s ease-in-out}.ReactModalPortalViewCategory .ReactModal__Content--before-close>*{transition:all .5s ease-in-out}.category-li{list-style:none;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.category-li:hover,.category-li a.active{color:var(--color-primary)}.ModalSlidePromotion .slick-slide{height:auto}.ModalSlidePromotion .ReactModal__Content .modal-react-content{height:auto;overflow:hidden;padding-bottom:0}.container-md{width:960px}.view-info-enter{opacity:0;-webkit-transform:translateY(100px);transform:translateY(100px)}.view-info-enter-active,.view-info-exit{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}.view-info-enter-active,.view-info-exit,.view-info-exit-active{transition:opacity .5s,-webkit-transform .5s;transition:opacity .5s,transform .5s;transition:opacity .5s,transform .5s,-webkit-transform .5s}.view-info-exit-active{opacity:0;-webkit-transform:translateY(100px);transform:translateY(100px)}@media (max-width:768px){.container-md{width:100%}}.Confirm-Modal{position:absolute;left:0;top:0;right:0;bottom:0;background-color:#fff;height:-webkit-max-content;height:max-content}.Confirm-Modal .modal-react-footer>.btn--default{border-radius:0;padding:7px 25px}.ReactModalPortalConfirm .ReactModal__Body--open{overflow:hidden}.ReactModalPortalConfirm .Overlay{position:fixed;top:0;left:0;right:0;bottom:0;z-index:9999;background-color:rgba(8,8,8,.541)}.ReactModalPortalConfirm .ReactModal__Content{opacity:0;transition:opacity .3s linear}.ReactModalPortalConfirm .ReactModal__Content--after-open{opacity:1;transition:opacity .3s linear}.ReactModalPortalConfirm .ReactModal__Content--before-close{opacity:0;transition:opacity .3s linear}.item-cart-mobile .img-container{width:70px;height:70px;min-height:70px;margin-right:10px}.item-cart-mobile .info{width:calc(100% - 80px)}.item-cart-mobile .quantity-container{width:80px}.item-cart-mobile .quantity-container button{background:var(--color-primary);border-radius:50%;width:auto;height:auto;padding:0}.item-cart-mobile .quantity-container button img{-webkit-filter:invert(100%);filter:invert(100%)}.item-address{background-color:#fff;cursor:pointer;transition:all .5s ease-in-out}.item-address.active,.item-address:hover{transition:all .5s ease-in-out;color:#fff;background-color:var(--color-primary)}.best-seller-items{display:block;white-space:nowrap;overflow:auto;padding-bottom:12px}.best-seller-items .item-bestseller{display:inline-table;min-width:300px;margin-right:12px;position:relative}.best-seller-items .item-bestseller:last-child{margin-right:12px}.best-seller-items .item-bestseller .view-detail{position:absolute;bottom:4px;right:4px}.gift-select-container{display:flex;width:100%;flex-flow:row wrap}.gift-select-container>.item-gift{width:calc(33.33333% - 6.66667px);margin-right:10px}.gift-select-container>.item-gift:nth-child(3n){margin-right:0}.item-gift{position:relative;padding:5px;background-color:#fff;transition:all .5s ease-in-out;cursor:pointer}.item-gift .avatar-container{width:100px}.item-gift .info{width:calc(100% - 110px);margin-left:10px}.item-gift.active{transition:all .5s ease-in-out;color:#fff;background-color:var(--color-primary)}.item-gift .icon{position:absolute;top:5px;right:5px}.item-gift .quantity-container{background:#fff;color:#000;width:150px;border-radius:7px;margin-top:10px}.modifiers{overflow:hidden;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;font-size:13px}.btn--select-free{-webkit-animation:glowing 1.3s infinite;animation:glowing 1.3s infinite;background:var(--color-primary);padding:15px 0;margin-bottom:15px}@-webkit-keyframes glowing{0%{-webkit-box-shadow:0 0 3px var(--color-primary)}50%{-webkit-box-shadow:0 0 15px var(--color-primary)}to{-webkit-box-shadow:0 0 3px var(--color-primary)}}@keyframes glowing{0%{box-shadow:0 0 3px var(--color-primary)}50%{box-shadow:0 0 15px var(--color-primary)}to{box-shadow:0 0 3px var(--color-primary)}}#order-information-page .section-container .head .name{border-bottom:1px solid #d3d3d3}#order-information-page .section-container .head img{-webkit-filter:invert(100%);filter:invert(100%)}#order-information-page .section-container .order-info .avatar-container{width:100px;margin-right:10px}#order-information-page .section-container .order-info .avatar-container .img-container{min-height:100px;height:100px;width:100%;position:relative;overflow:hidden}#order-information-page .section-container .order-info .avatar-container .img-container img{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:auto;height:auto;object-fit:cover}#order-information-page .section-container .order-info .info-container{width:calc(100% - 110px);flex:1 1 aut0}.ReactModalPortal .customer__notice .modal-container{background:var(--color-red)}.ReactModalPortal .customer__notice .modal-react-header .title{margin:0 auto;width:300px}.ReactModalPortal .customer__notice .modal-react-header .title .logo-container img{-webkit-filter:brightness(0) invert(1);filter:brightness(0) invert(1)}.ReactModalPortal .customer__notice .modal-react-content{background:#fff}.ReactModalPortal .customer__notice .modal-react-content .content-inner{width:500px;margin:0 auto}.ReactModalPortal .customer__notice .modal-react-content .content-inner .title__container{font-size:24px;font-weight:700;text-align:center}.ReactModalPortal .customer__notice .modal-react-content .content-inner .content__top{position:relative;padding-left:20px}.ReactModalPortal .customer__notice .modal-react-content .content-inner .content__top:after{content:"";width:6px;height:100%;position:absolute;top:0;left:0;background:#ef4444}@media screen and (max-width:450px){.gift-select-container>.item-gift{width:100%;margin-right:0}.customer__notice .modal-react-content .content-inner,.customer__notice .modal-react-header .title,.gift-select-container>.item-gift .quantity-container{width:100%}}@media screen and (max-width:300px){#order-information-page .section-container .order-info .avatar-container{width:70px}#order-information-page .section-container .order-info .avatar-container .img-container{min-height:70px;height:70px}}.item-detail-modal{width:400px}@media screen and (max-width:450px){.item-detail-modal{width:100%}}#order-success-page{border:1px solid #d3d3d3;padding:20px}#order-success-page .title{font-size:24px;font-weight:700}#order-success-page .section-content,#order-success-page .section-information,#order-success-page .section-total{border-top:1px solid #d3d3d3}@media screen and (max-width:450px){#order-success-page{padding:4px}#order-success-page .title{font-size:16px;font-weight:700}}.total-container{z-index:9999}.total-container img{-webkit-filter:invert(100%);filter:invert(100%)}.ModalAddItemDeskTop .ReactModal__Content{top:20px}.ModalAddItemDeskTop .modal-react-content{padding-bottom:40px}.ModalAddItemDeskTop .modal-react-content .quantity-container{width:200px;border:none}.ModalAddItemDeskTop .modal-react-content .quantity-container button{background:var(--color-primary);border-radius:50%;padding:2px}.ModalAddItemDeskTop .modal-react-content .quantity-container button img{-webkit-filter:invert(100%);filter:invert(100%)}.ModalAddItemDeskTop .modal-react-content .item__menu_desk{cursor:pointer}.ModalAddItemDeskTop .modal-react-content .item__menu_desk .info__modifier{width:calc(100% - 20px);margin-right:20px}.ModalAddItemDeskTop .modal-react-content .item__menu_desk .checkbox__content{width:30px}.ModalAddItemDeskTop .modal-react-content .total-container{position:fixed;bottom:0;left:0;padding:5px;width:100%}.info-product .img-container{width:150px;height:150px;min-height:150px}.info-product .img-container img{width:100%}.info-product .info-container{width:calc(100% - 350px)}.info-product .quantity-container{width:200px}@media screen and (max-width:450px){.info-product .img-container{width:100px;height:100px;min-height:100px}.info-product .img-container img{width:100%}.info-product .info .name{min-height:70px}.info-product .quantity-container{width:100px}}.item{padding-bottom:5px;border-bottom:1px dotted #d3d3d3}.item .name{width:calc(100% - 40px);margin-right:5px}.ReactModalPortalSelectOrderMethod .ReactModal__Content .modal-react-content{height:auto;overflow:hidden;padding-bottom:0}