html[data-ui-style=friendly]{--ui-primary:212 122 140;--ui-primary-fill:242 217 220;--ui-primary-fill-hover:235 198 204;--ui-primary-ink:155 44 72;--ui-on-primary:17 24 39;--ui-primary-light:251 239 241;--ui-secondary:217 242 216;--ui-on-secondary:20 83 45;--ui-success-ink:21 128 61;--ui-warning-ink:180 83 9;--ui-danger:220 38 38;--ui-heading:17 24 39;--ui-paragraph:75 85 99;--ui-placeholder:107 114 128;--ui-page:252 248 248;--ui-line:240 228 230;--ui-line-strong:233 214 218;--ui-shadow:0 1px 2px rgba(17,24,39,.04),0 8px 24px rgba(212,122,140,.1);--ui-font:"Noto Serif Display","Noto Serif Thai",Georgia,"Times New Roman",serif;--ui-font-mono:"Space Mono",ui-monospace,SFMono-Regular,Menlo,monospace;--primary:155 44 72}@media screen{html[data-ui-style=friendly] :is(.font-rubik,.font-public,.\!font-public,.db-main,.db-card-title,.db-field-title,.db-field-control,.db-field-alert,.db-field-label,.db-table-head-th,.db-table-body-tr,.db-table-body-td,.db-table-badge,.db-main-customer,.swal2-popup,.Vue-Toastification__toast,.vue-select,.vue-input input),html[data-ui-style=friendly] body{font-family:var(--ui-font)!important}html[data-ui-style=friendly] :is(code,kbd,samp,pre,.font-mono,.mono){font-family:var(--ui-font-mono)!important}}html[data-ui-style=friendly] body{color:rgb(var(--ui-paragraph))}html[data-ui-style=friendly] :is(h1,h2,h3,h4,h5,h6){letter-spacing:-.005em}html[data-ui-style=friendly] ::-moz-selection{background:rgb(var(--ui-primary-fill));color:rgb(var(--ui-on-primary))}html[data-ui-style=friendly] ::selection{background:rgb(var(--ui-primary-fill));color:rgb(var(--ui-on-primary))}html[data-ui-style=friendly] :focus-visible{outline:2px solid rgb(var(--ui-primary-ink))!important;outline-offset:2px}html[data-ui-style=friendly] :is(.bg-primary,.\!bg-primary,.bg-primary\/90,.hover\:bg-primary:hover,.hover\:bg-primary\/90:hover,.branch-navs .active,.db-tab-sub-btn.active,.profile-tabBtn.active,.kitchen-board.db-tab-btn.active,.modal-btn-fill,.footer-part,.db-header-widget-badge,.db-multiple-field button:hover,.product-card-grid-cart-btn:hover,.product-card-list-cart-btn:hover,.swiper-pagination-bullet-active,.banner-swiper .swiper-button-prev:hover,.banner-swiper .swiper-button-next:hover,.carousel__prev:hover,.carousel__next:hover,.active-group .active .fa-check){background-color:rgb(var(--ui-primary-fill))!important;color:rgb(var(--ui-on-primary))!important}html[data-ui-style=friendly] :is(.bg-primary,.\!bg-primary,.footer-part,.branch-navs .active,.profile-tabBtn.active,.modal-btn-fill):is(:hover,:focus-visible){background-color:rgb(var(--ui-primary-fill-hover))!important}html[data-ui-style=friendly] :is(.bg-primary,.\!bg-primary,.bg-primary\/90,.hover\:bg-primary:hover,.footer-part,.branch-navs .active,.profile-tabBtn.active,.modal-btn-fill,.product-card-grid-cart-btn:hover,.product-card-list-cart-btn:hover,.db-product-cart:hover,.add-btn:hover,.address-btn:hover,.pos-add-button:hover) :is(.text-white,.\!text-white,span,i,svg,.font-fill-primary,.font-fill-paragraph):not([class*=bg-]){color:rgb(var(--ui-on-primary))!important}html[data-ui-style=friendly] :is(.bg-primary,.\!bg-primary,.hover\:bg-primary:hover,.profile-tabBtn.active,.db-product-cart:hover,.add-btn:hover,.address-btn:hover) :is(.fill-white,svg){fill:rgb(var(--ui-on-primary))!important}html[data-ui-style=friendly] :is(.profile-tabBtn.active,.bg-primary) .stroke-white{stroke:rgb(var(--ui-on-primary))!important}html[data-ui-style=friendly] :is(.banner-swiper .swiper-button-prev:hover,.banner-swiper .swiper-button-next:hover):after{color:rgb(var(--ui-on-primary))!important}html[data-ui-style=friendly] .before\:bg-primary:before,html[data-ui-style=friendly] .db-order-status.check:before{background-color:rgb(var(--ui-primary-fill))!important;color:rgb(var(--ui-on-primary))!important}html[data-ui-style=friendly] :is(.custom-checkbox-field:checked+.custom-checkbox-icon,.checkbox:checked+.checkmark){background-color:rgb(var(--ui-primary-fill))!important;border-color:rgb(var(--ui-primary-ink))!important;box-shadow:none!important;color:rgb(var(--ui-on-primary))!important}html[data-ui-style=friendly] .custom-radio-field:checked+.custom-radio-span{box-shadow:none!important}html[data-ui-style=friendly] :is(.text-primary,.hover\:text-primary:hover,.group:hover .group-hover\:text-primary){color:rgb(var(--ui-primary-ink))}html[data-ui-style=friendly] :is(.border-primary,.\!border-primary){border-color:rgb(var(--ui-primary-ink))}html[data-ui-style=friendly] .accent-primary,html[data-ui-style=friendly] .payment-label input{accent-color:rgb(var(--ui-primary-ink))}html[data-ui-style=friendly] :is(.payment-label.active,.bg-primary-light,.\!bg-primary-light){background-color:rgb(var(--ui-primary-light))!important}html[data-ui-style=friendly] .payment-label.active{border-color:rgb(var(--ui-primary-ink))!important}html[data-ui-style=friendly] :is(.font-fill-primary,.font-fill-primary-toggle,.info-btn:hover .font-fill-paragraph){color:rgb(var(--ui-primary-ink))}html[data-ui-style=friendly] :is(.vue-dropdown-item.selected,.vue-dropdown-item.selected.highlighted){background-color:rgb(var(--ui-primary-light))!important;color:rgb(var(--ui-primary-ink))!important}html[data-ui-style=friendly] .vue-select[aria-expanded=true]{border-color:rgb(var(--ui-primary-ink))!important}html[data-ui-style=friendly] :is(.btnr:hover,.num:hover){background-color:rgb(var(--ui-primary-light))!important}html[data-ui-style=friendly] :is(.bg-\[\#F7F7FC\],.bg-\[\#F7F7F7\],.db-main,.db-main-customer){background-color:rgb(var(--ui-page))!important}html[data-ui-style=friendly] .bg-\[\#EFF0F6\]{background-color:rgb(var(--ui-line))!important}html[data-ui-style=friendly] :is(.border-\[\#EFF0F6\],.border-\[\#F7F7FC\],.border-\[\#F3F4F8\],.border-gray-100,.border-gray-200,.border-slate-100,.border-slate-200):not(.invalid){border-color:rgb(var(--ui-line))!important}html[data-ui-style=friendly] .border-\[\#D9DBE9\]{border-color:rgb(var(--ui-line-strong))!important}html[data-ui-style=friendly] :is(.text-\[\#6E7191\],.text-paragraph){color:rgb(var(--ui-paragraph))}html[data-ui-style=friendly] .stroke-\[\#6E7191\]{stroke:rgb(var(--ui-paragraph))}html[data-ui-style=friendly] :is(.text-\[\#1F1F39\],.text-\[\#2E2F38\]){color:rgb(var(--ui-heading))}html[data-ui-style=friendly] :is(.db-sidebar-nav-title,.text-gray-400){color:rgb(var(--ui-placeholder))!important}html[data-ui-style=friendly] :is(.bg-\[\#1AB759\],.bg-\[\#2AC769\],.bg-\[\#E0FFED\],.advance-order){background-color:rgb(var(--ui-secondary))!important;color:rgb(var(--ui-on-secondary))!important}html[data-ui-style=friendly] :is(.bg-\[\#1AB759\],.bg-\[\#2AC769\]) :is(.text-white,span,i){color:rgb(var(--ui-on-secondary))!important}html[data-ui-style=friendly] :is(.text-\[\#1AB759\],.text-\[\#2AC769\],.text-green-500){color:rgb(var(--ui-success-ink))!important}html[data-ui-style=friendly] :is(.db-badge.green,.db-btn-fill.green,.db-table-action.edit i){background-color:rgb(var(--ui-secondary))!important;color:rgb(var(--ui-on-secondary))!important}html[data-ui-style=friendly] :is(.text-\[\#FB4E4E\],.text-\[\#E93C3C\]){color:rgb(var(--ui-danger))!important}html[data-ui-style=friendly] .border-\[\#FB4E4E\]{border-color:rgb(var(--ui-danger))!important}html[data-ui-style=friendly] .bg-\[\#FB4E4E\]{background-color:rgb(var(--ui-danger))!important}html[data-ui-style=friendly] :is(.text-\[\#E89806\],.text-\[\#FF9500\],.text-\[\#F6A609\]){color:rgb(var(--ui-warning-ink))!important}html[data-ui-style=friendly] .bg-\[\#FF4F99\]{background-color:rgb(var(--ui-primary-fill))!important}html[data-ui-style=friendly] .bg-\[\#8262FE\]{background-color:#e3dcfb!important}html[data-ui-style=friendly] .bg-\[\#567DFF\]{background-color:#dce5fb!important}html[data-ui-style=friendly] .bg-\[\#A953FF\]{background-color:#eadcfb!important}html[data-ui-style=friendly] :is(.bg-\[\#F6A609\],.bg-\[\#F59E0B\]){background-color:#fce7c3!important;color:#78350f!important}html[data-ui-style=friendly] .bg-\[\#008BBA\]{background-color:#d7eef6!important;color:#0c4a6e!important}html[data-ui-style=friendly] :is(.bg-\[\#FF4F99\],.bg-\[\#8262FE\],.bg-\[\#567DFF\],.bg-\[\#A953FF\]) .text-white{color:rgb(var(--ui-on-primary))!important}html[data-ui-style=friendly] :is(.bg-\[\#F6A609\],.bg-\[\#F59E0B\]) :is(.text-white,span,i){color:#78350f!important}html[data-ui-style=friendly] .bg-\[\#008BBA\] :is(.text-white,span,i){color:#0c4a6e!important}html[data-ui-style=friendly] .rounded{border-radius:.5rem}html[data-ui-style=friendly] .rounded-md{border-radius:.75rem}html[data-ui-style=friendly] .rounded-lg{border-radius:1rem}html[data-ui-style=friendly] .rounded-xl{border-radius:1.25rem}html[data-ui-style=friendly] .rounded-2xl{border-radius:1.5rem}html[data-ui-style=friendly] .rounded-3xl{border-radius:2rem}html[data-ui-style=friendly] .rounded-t-2xl{border-top-left-radius:1.5rem;border-top-right-radius:1.5rem}html[data-ui-style=friendly] .rounded-b-2xl{border-bottom-left-radius:1.5rem;border-bottom-right-radius:1.5rem}html[data-ui-style=friendly] :is(.shadow-db-card,.db-card,.db-btn,.db-btn-full,.db-btn-fill){box-shadow:var(--ui-shadow)}html[data-ui-style=friendly] :is(.shadow-button,.shadow-pink,.shadow-avatar,.shadow-more,.shadow-checkRound){box-shadow:0 6px 20px rgba(212,122,140,.25)}html[data-ui-style=friendly] .db-header{box-shadow:0 1px 0 rgb(var(--ui-line))}html[data-ui-style=friendly] :is(.db-sidebar-nav-menu,.db-sidebar-nav-dropdown-menu){border-radius:999px}html[data-ui-style=friendly] .db-sidebar-nav-menu:hover{background-color:rgb(var(--ui-primary)/.08)}html[data-ui-style=friendly] :is(.db-sidebar-nav-item.active .db-sidebar-nav-menu,.db-sidebar-nav-item.router-link-active .db-sidebar-nav-menu,.db-sidebar-nav-menu.router-link-active){background-color:rgb(var(--ui-primary-fill));color:rgb(var(--ui-on-primary));font-weight:600}html[data-ui-style=friendly] .db-sidebar-nav-dropdown-list{border-color:rgb(var(--ui-primary-fill))}html[data-ui-style=friendly] .db-card{border:1px solid rgb(var(--ui-line));border-radius:1.25rem}html[data-ui-style=friendly] .db-card-header{border-color:rgb(var(--ui-line))}html[data-ui-style=friendly] .db-breadcrumb-title{font-size:24px;line-height:1.3}html[data-ui-style=friendly] :is(.db-btn,.db-btn-full,.db-btn-outline,.db-btn-fill,.modal-btn-fill,.modal-btn-outline,.db-pagination-navigate){border-radius:999px!important;font-weight:600}html[data-ui-style=friendly] .db-btn-outline{border-color:rgb(var(--ui-line-strong))}html[data-ui-style=friendly] :is(.db-field-control,.db-multiple-field,.db-card-filter-btn,.db-card-filter-select,.vue-select){border-color:rgb(var(--ui-line-strong));border-radius:.75rem!important}html[data-ui-style=friendly] :is(.db-field-control,.db-multiple-field):focus-within{border-color:rgb(var(--ui-primary-ink));box-shadow:0 0 0 3px rgb(var(--ui-primary-fill))}html[data-ui-style=friendly] .db-field-control:focus-visible{outline:none!important}html[data-ui-style=friendly] .db-multiple-field button{border-radius:.625rem}html[data-ui-style=friendly] .db-field-title{color:rgb(var(--ui-paragraph));letter-spacing:.04em}html[data-ui-style=friendly] :is(.db-tab-btn,.db-tabBtn){border-radius:.75rem}html[data-ui-style=friendly] :is(.db-tab-btn.active,.db-tabBtn.active,.db-pagination-menu.active,.db-message-list .active){background-color:rgb(var(--ui-primary-fill))!important;color:rgb(var(--ui-on-primary))!important}html[data-ui-style=friendly] .db-pagination-nav{border-color:rgb(var(--ui-line-strong));border-radius:999px}html[data-ui-style=friendly] :is(.db-table-badge,.db-badge){border-radius:999px}html[data-ui-style=friendly] .db-table-head{border-color:rgb(var(--ui-line))}html[data-ui-style=friendly] .db-table-head-th{color:rgb(var(--ui-paragraph))}html[data-ui-style=friendly] .db-table.stripe .db-table-body-tr:nth-child(odd){background-color:rgb(var(--ui-page))!important}html[data-ui-style=friendly] .db-table-action i{border-radius:.5rem}html[data-ui-style=friendly] :is(.modal-dialog,.db-header-profile-dropdown,.db-card-filter-dropdown-list){border-radius:1.5rem}html[data-ui-style=friendly] :is(.modal-header,.modal-footer,.drawer-header){border-color:rgb(var(--ui-line))}html[data-ui-style=friendly] .db-tooltip{border-radius:999px}html[data-ui-style=friendly] .product-card-grid{border-color:rgb(var(--ui-line));border-radius:1.5rem}html[data-ui-style=friendly] .product-card-grid-image{border-top-left-radius:1.5rem;border-top-right-radius:1.5rem}html[data-ui-style=friendly] .product-card-grid-content-group{border-bottom-left-radius:1.5rem;border-bottom-right-radius:1.5rem}html[data-ui-style=friendly] .product-card-list{border-color:rgb(var(--ui-line));border-radius:1.25rem}html[data-ui-style=friendly] .product-card-list-image{border-radius:1.25rem 0 0 1.25rem}html[data-ui-style=friendly] .payment-label{border-radius:1.25rem}html[data-ui-style=friendly] .ff-header.active,html[data-ui-style=friendly] .ff-header.landing-header.active{box-shadow:0 1px 0 rgb(var(--ui-line))}html[data-ui-style=friendly] .swal2-popup{border-radius:1.5rem!important}html[data-ui-style=friendly] .swal2-styled{border-radius:999px!important;font-weight:600!important}html[data-ui-style=friendly] .swal2-styled.swal2-confirm{background-color:rgb(var(--ui-primary-fill))!important;color:rgb(var(--ui-on-primary))!important}html[data-ui-style=friendly] .Vue-Toastification__toast{border-radius:1rem!important;box-shadow:var(--ui-shadow)!important}html[data-ui-style=friendly] .Vue-Toastification__toast--success{background-color:rgb(var(--ui-secondary))!important;color:rgb(var(--ui-on-secondary))!important}html[data-ui-style=friendly] .Vue-Toastification__toast--error{background-color:#fbdada!important;color:#7f1d1d!important}html[data-ui-style=friendly] .Vue-Toastification__toast--warning{background-color:#fce7c3!important;color:#78350f!important}html[data-ui-style=friendly] :is(.Vue-Toastification__toast--info,.Vue-Toastification__toast--default){background-color:rgb(var(--ui-primary-fill))!important;color:rgb(var(--ui-on-primary))!important}html[data-ui-style=friendly] .Vue-Toastification__toast :is(.Vue-Toastification__close-button,.Vue-Toastification__icon){color:inherit!important}html[data-ui-style=friendly] .Vue-Toastification__progress-bar{background-color:currentColor!important;opacity:.25}html[data-ui-style=friendly] body.payment-page{background:rgb(var(--ui-page))!important}html[data-ui-style=friendly] :is(.pp-card,.pd-card){border-color:rgb(var(--ui-line));border-radius:1.75rem;box-shadow:var(--ui-shadow)}html[data-ui-style=friendly] :is(.pp-btn-primary,.pd-btn){background:rgb(var(--ui-primary-fill));color:rgb(var(--ui-on-primary))}html[data-ui-style=friendly] :is(.pp-btn-primary,.pd-btn):hover{background:rgb(var(--ui-primary-fill-hover))}html[data-ui-style=friendly] .pp-btn-ghost{border-color:rgb(var(--ui-primary-ink));color:rgb(var(--ui-primary-ink))}html[data-ui-style=friendly] :is(.pp-wait,.pd-info){background:rgb(var(--ui-primary-light));color:rgb(var(--ui-primary-ink))}html[data-ui-style=friendly] :is(.pp-ok,.pd-ok){background:rgb(var(--ui-secondary));color:rgb(var(--ui-on-secondary))}html[data-ui-style=friendly] :is(.pp-sub,.pp-timer,.pd-sub,.pp-back){color:rgb(var(--ui-paragraph))}html[data-ui-style=friendly] body.platform-page{--primary:#9b2c48;--primary-dark:#7e2239;--primary-soft:#fbeff1;--ink:#111827;--muted:#4b5563;--line:#f0e4e6;--bg:#fcf8f8;--ok:#15803d;--ok-soft:#d9f2d8;--warn:#b45309;--bad:#dc2626}html[data-ui-style=friendly] body.platform-page .card{border-radius:1.5rem;box-shadow:var(--ui-shadow)}html[data-ui-style=friendly] body.platform-page :is(input[type=text],input[type=email],input[type=password],input[type=number],input[type=tel],select,textarea){border-color:rgb(var(--ui-line-strong));border-radius:.875rem}html[data-ui-style=friendly] body.platform-page .btn{background:rgb(var(--ui-primary-fill));border-radius:999px;color:rgb(var(--ui-on-primary))}html[data-ui-style=friendly] body.platform-page .btn:hover{background:rgb(var(--ui-primary-fill-hover))}html[data-ui-style=friendly] body.platform-page :is(.btn.ghost,.btn.danger){background:#fff}html[data-ui-style=friendly] body.platform-page .btn.danger{color:var(--bad)}html[data-ui-style=friendly] body.platform-page .brand i{background:rgb(var(--ui-primary-fill));border-radius:999px;color:rgb(var(--ui-on-primary))}html[data-ui-style=friendly] body.platform-page .pill{border-radius:999px}