@import"https://fonts.googleapis.com/css2?family=Noto+Sans+Thai:wght@300;400;500;600;700&display=swap";h1,.h1,h2,.h2,h3,.h3,h4,.h5,h6,.h6{font-weight:600}.header{position:sticky;top:0;background:var(--bs-primary-border-subtle);box-shadow:rgb(var(--bs-black-rgb), 0.16) 0px 3px 6px,rgb(var(--bs-black-rgb), 0.23) 0px 3px 6px;z-index:1021}.header .container{padding-top:.75rem;padding-bottom:.75rem}.header .branding{position:relative;top:.25rem;z-index:1}.header .branding::before{content:"";position:absolute;bottom:-1rem;width:117px;height:36px;background:var(--bs-primary-border-subtle);clip-path:polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%);box-shadow:rgb(var(--bs-black-rgb), 0.16) 0px 3px 6px,rgb(var(--bs-black-rgb), 0.23) 0px 3px 6px;z-index:-1}@media(width >= 768px){.header .branding{position:absolute;top:.75rem;left:50%;transform:translateX(-50%)}.header .branding::before{left:50%;transform:translateX(-50%)}}.footer{color:var(--bs-white);background-color:var(--bs-primary-darken);padding-top:1rem;padding-bottom:1rem}@media(width <= 768px){.footer{padding-bottom:96px}}@media(width >= 768px){.footer{padding-top:5rem;padding-bottom:5rem}.footer .accordion{display:grid;column-gap:2rem;grid-template-columns:2fr 20% 20% 15%}.footer .accordion-item{background:rgba(0,0,0,0);border:none}.footer .accordion-item .accordion-button{padding:0 0 1rem 0;background:rgba(0,0,0,0);cursor:default}.footer .accordion-item .accordion-button::after{display:none}.footer .accordion-item .accordion-button:not(.collapsed){color:inherit;box-shadow:none}.footer .accordion-item .accordion-collapse{display:block}.footer .accordion-item .accordion-collapse .accordion-body{padding:0}}.main-area{background-image:url("/barameshop-webapp/img/artworks/bg-other.webp");background-position:center bottom;background-repeat:no-repeat;background-size:cover}@media(width >= 768px){.main-area{min-height:calc(100dvh - 52px - 63px - 459px)}}.bg-facebook{background-color:var(--brands-facebook);border-color:var(--brands-facebook)}.bg-primary-darken{background-color:var(--bs-primary-darken)}.bg-primary-lighten{background-color:var(--bs-primary-lighten)}.color-line{color:var(--brands-line)}.bg-line{background-color:var(--brands-line);border-color:var(--brands-line)}.placeholder{background:var(--bs-gray-500)}body{--bs-primary-border-subtle-rgb: 41, 23, 96;--bs-body-bg: rgb(var(--bs-primary-border-subtle-rgb), .75);--bs-body-font-weight: 400;--bs-body-font-size: .875rem;--bs-body-font-family: "Noto Sans Thai"}.elp-two-lines{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;text-overflow:ellipsis}.card-bg{background-position:center;background-repeat:no-repeat;background-size:cover}.offcanvas.navigators-center{background:var(--bs-yellow);--bs-offcanvas-width: 280px}.offcanvas.navigators-center .container{overflow-x:auto}@media(width <= 768px){.offcanvas.navigators-center ul.list-unstyled li:not(.offcanvas.navigators-center ul.list-unstyled li:first-of-type){border-bottom:1px solid rgba(var(--bs-white-rgb), 0.15)}}@media(width >= 768px){.offcanvas.navigators-center{position:static;--bs-offcanvas-width: 100%;height:max-content;visibility:visible;transition:none;transform:none !important}.offcanvas.navigators-center.show{visibility:visible}.offcanvas.navigators-center ul.list-unstyled{display:flex;justify-content:center}.offcanvas.navigators-center ul.list-unstyled li{flex-shrink:0}}@media(width >= 768px)and (width <= 768px){.offcanvas.navigators-center ul.list-unstyled li{background-color:rgba(var(--bs-white-rgb), 0.15)}}@media(width >= 768px){.offcanvas.navigators-center ul.list-unstyled li .nav-link.active{color:var(--bs-white) !important;background-color:var(--bs-primary-darken)}}*{scrollbar-color:rgb(var(--bs-white-rgb), 0.25) rgba(0,0,0,0)}*::-webkit-scrollbar{width:8px;height:8px}*::-webkit-scrollbar-track{background:rgba(0,0,0,0)}*::-webkit-scrollbar-thumb{background:rgb(var(--bs-white-rgb), 0.25);border:1px solid rgb(var(--bs-white-rgb), 0.25);border-radius:4px}:root{--bs-body-line-height: 1.8;--bs-nav-link-disabled-color: var(--bs-gray-500);--brands-facebook: #3B5998;--brands-line: #06C755;--bs-nav-link-padding-y: .35rem;--bs-nav-link-padding-x: .5rem;--bs-border-radius-pill: 50%;--bs-primary-lighten:#dad4ec;--bs-primary-darken: #140b30}h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{line-height:1.65}.btn{--bs-btn-font-weight: 600}dl dt{font-weight:500}dl dd{margin-bottom:0}img{max-width:100%}.input-group .input-group-text{background-color:rgba(0,0,0,0)}.card{--bs-body-color: var(--bs-gray-900);--bs-secondary-color: var(--bs-gray-600);--bs-body-bg: var(--bs-white);--bs-secondary-bg: var(--bs-gray-600);--bs-border-color: var(--bs-gray-300)}.card .form-control:focus,.card .form-select:focus{background-color:var(--bs-white)}.list-form-check{color:var(--bs-gray-900);background-color:var(--bs-white);border:1px solid rgba(0,0,0,0)}.list-form-check:first-child,.list-form-check:last-child{border-radius:0}.list-form-check+.list-form-check{border-top:1px solid var(--bs-border-color);border-top-width:1px}.list-form-check.checked{color:var(--bs-primary);background:var(--bs-warning);border-color:var(--bs-primary) !important;border-radius:var(--bs-border-radius)}.list-form-check.checked+.list-form-check{border-top-width:0}.list-form-check.checked .form-check-label{font-weight:600}.nav-tabs .nav-link.active{background:rgba(0,0,0,0)}.pagination{--bs-pagination-bg: var(--bs-white);--bs-pagination-focus-bg: var(--bs-white);--bs-pagination-disabled-bg: var(--bs-gray-300);--bs-pagination-disabled-color: var(--bs-gray-600);--bs-pagination-hover-bg: var(--bs-gray-300)}.dropdown-item:hover,.dropdown-item:focus{background:rgba(var(--bs-primary-rgb), 0.5)}.toast{position:fixed;top:1rem;left:50%;transform:translateX(-50%);max-width:480px;padding:.75rem;border:none;z-index:1023}.toast .toast-body{padding:0}.toast.toast-success{color:var(--bs-success) !important;background-color:var(--bs-success-bg-subtle) !important}.toast.toast-warning{color:var(--bs-warning) !important;background-color:var(--bs-warning-bg-subtle) !important}.toast.toast-danger{color:var(--bs-danger) !important;background-color:var(--bs-danger-bg-subtle) !important}.toast.toast-secondary{color:var(--bs-white) !important;background-color:var(--bs-secondary-bg-subtle) !important}.quickbar{color:var(--bs-white);background-color:var(--bs-dark)}.ld-section{padding-top:1rem;padding-bottom:1rem}@media(min-width: 768px){.ld-section{padding-top:3rem;padding-bottom:3rem}}.ld-section--list ul{display:grid;gap:1rem}.ld-section--list ul:not(.list-fluid){grid-template-columns:repeat(4, minmax(0, 1fr))}@media(min-width: 768px){.ld-section--list ul:not(.list-fluid){grid-template-columns:repeat(6, minmax(0, 1fr))}}@media(min-width: 1400px){.ld-section--list ul:not(.list-fluid){grid-template-columns:repeat(8, minmax(0, 1fr))}}.ld-section--list ul:not(.list-fluid) li{background-color:rgb(var(--bs-white-rgb), 0.1);border-radius:var(--bs-border-radius)}.ld-section--list ul.list-fluid{grid-template-columns:repeat(20, 80px)}@media(width >= 768px){.ld-section--list ul.list-fluid{grid-template-columns:repeat(20, 148px)}}.card-news{position:relative}.card-news article{position:absolute;left:0;bottom:0;padding:.5rem 1rem;width:100%;background-color:rgb(var(--bs-primary-rgb), 0.1);background-image:linear-gradient(to top, rgb(var(--bs-primary-rgb), 0.9), transparent);border-bottom-left-radius:var(--bs-border-radius);border-bottom-right-radius:var(--bs-border-radius)}.card-news article .badge{font-size:.875rem}@media(width <= 992px){.list-order-item .title-game{padding-right:4rem}}.list-order-item .btn-remove{position:absolute !important;top:.5rem;right:.5rem}@media(width <= 768px){.bar-bottom-mobile{position:fixed;bottom:0;left:0;padding:1rem;width:100%;color:var(--bs-gray-900);background:var(--bs-white);box-shadow:0 0 1rem rgb(var(--bs-black-rgb), 0.25);z-index:1022}.bar-bottom-mobile .btn{color:var(--bs-gray-900)}}.modal{--bs-body-color: var(--bs-gray-900);--bs-secondary-color: var(--bs-gray-600);--bs-body-bg: var(--bs-white);--bs-secondary-bg: var(--bs-gray-300);--bs-border-color: var(--bs-gray-300)}.modal .modal-header,.modal .modal-body,.modal .modal-footer{background-color:var(--bs-white);color:var(--bs-gray-900)}.modal .btn-close{filter:unset}.modal .form-control:focus,.modal .form-select:focus{background-color:var(--bs-white)}.bg-sign{border-radius:var(--bs-border-radius) var(--bs-border-radius) 0 0}@media(width >= 768px){.bg-sign{border-radius:var(--bs-border-radius) 0 0 var(--bs-border-radius)}}