@font-face{font-family:Anuphan;font-style:normal;font-weight:300;src:url(./Anuphan-Light.DgCHff1Y.ttf) format("truetype")}@font-face{font-family:Anuphan;font-style:normal;font-weight:400;src:url(./Anuphan-Regular.BLvkbhmD.ttf) format("truetype")}@font-face{font-family:Anuphan;font-style:normal;font-weight:500;src:url(./Anuphan-Medium.BD2FQMyR.ttf) format("truetype")}@font-face{font-family:Anuphan;font-style:normal;font-weight:700;src:url(./Anuphan-Bold.C4XykTgK.ttf) format("truetype")}h1{font-size:24px;font-weight:700;line-height:30px}h1,h2{font-family:Anuphan,sans-serif!important;letter-spacing:.25px;margin:0!important}h2{font-size:20px;font-weight:600;line-height:24px}.custom-h2{font-size:18px!important;line-height:28px!important}.body{font-weight:500;line-height:22px}.body,.title{font-family:Anuphan,sans-serif!important;font-size:16px;letter-spacing:.25px}.title{font-weight:600;line-height:19px}.titleS{font-size:12px;line-height:18px}.titleL,.titleS{font-family:Anuphan,sans-serif!important;font-weight:600;letter-spacing:.25px}.titleL{font-size:13px;line-height:21px}.subtitle{font-family:Anuphan,sans-serif!important;font-size:14px;font-weight:300;letter-spacing:.25px;line-height:14px}.subtitle-L{font-size:13px;line-height:19px}.subtitle-L,.subtitle-S{font-family:Anuphan,sans-serif!important;font-weight:400;letter-spacing:.25px}.subtitle-S{font-size:12px;line-height:14px}.buttonB{font-size:16px;font-weight:600}.buttonB,.buttonLight{font-family:Anuphan,sans-serif!important;letter-spacing:.25px;line-height:20px}.buttonLight{font-size:14px;font-weight:400}.body2{font-family:Anuphan,sans-serif!important;font-size:14px;font-weight:500;letter-spacing:.25px;line-height:22px}.subgreen2{color:#a4bea2}.title2{color:#666}.primary{color:#83aa81}.text1{color:#383839}.grid-2-column{display:grid;grid-template-columns:repeat(2,calc(50% - 12px));grid-gap:24px}.ant-form-item-explain-error{font-family:Anuphan,sans-serif!important}.ant-layout .ant-layout-sider{background:#fff}.wrap-form-section{margin:24px auto 44px;max-width:1114px;width:100%}.ant-radio-wrapper .ant-radio-inner{border-color:#83aa81!important;height:18px;width:18px}.ant-radio-wrapper .ant-radio-checked .ant-radio-inner:after{transform:scale(.575)}.ant-radio-checked .ant-radio-inner{background-color:#83aa81!important}.ant-input-password{border-radius:10px;min-height:42px;padding:0 11px!important}.ant-input-password:focus,.ant-input-password:hover{border:1px solid #83aa81}.input{height:50px}.input ::-moz-placeholder{font-family:Anuphan,sans-serif!important;font-size:16px!important}.input ::placeholder{font-family:Anuphan,sans-serif!important;font-size:16px!important}.custom-input{border-bottom:1px solid #83aa81!important;border-radius:0!important}.ant-select-single:not(.ant-select-customize-input) .ant-select-selector ::-moz-placeholder{font-family:Anuphan,sans-serif!important}.ant-select-single:not(.ant-select-customize-input) .ant-select-selector ::placeholder{font-family:Anuphan,sans-serif!important}.ant-btn{border-radius:10px!important;font-family:Anuphan,sans-serif!important;font-weight:600;height:54px!important;width:100%}.ant-btn.verify-btn{background-color:transparent;border:1px solid #36cfc9;border-radius:2px;color:#36cfc9;font-size:10px;font-weight:600;height:26px!important;line-height:16px;width:106px}.ant-btn.verify-btn:hover{background-color:transparent!important;border:1px solid #36cfc9!important;color:#36cfc9!important}.ant-btn.btn-cancel{background-color:#ccc3;border:none;color:#83aa81}.ant-btn.btn-delete{background-color:#f2f1f1!important;border:none!important;color:#fff}.ant-btn.btn-delete:hover{background-color:#ff7875!important}.ant-btn.btn-border-custom{border-color:#83aa81!important;color:#83aa81!important}.ant-btn.btn-border-custom.black-text{color:#000!important}.ant-btn.btn-border-custom.black-text:hover{background-color:#83aa81!important}.ant-btn.btn-border-custom:hover{color:#fff!important}.ant-btn.button-grey{background-color:#cdd3d8!important;border:none!important;color:#fff}.ant-btn.button-grey:hover{background-color:#00000014!important}.button{background-color:#83aa81;border:none!important;border-radius:10px!important;color:#fff;height:54px!important;width:100%}.button:hover{background-color:#a4bea2!important}.button:disabled{background-color:#cdd3d8!important}.h-40{height:40px!important}.w-102{width:102px!important}.ant-message-custom-content,.el-tiptap-editor__content{font-family:Anuphan,sans-serif!important}.custom-divider{margin:24px 0 0!important}.ant-modal-content{padding:24px!important}.modal-custom .ant-modal-content{padding:0!important}.modal-custom .header-modal{border-bottom:1px solid #f0f0f0;padding:16px 24px 8px}.ant-modal-mask{background-color:#0006!important}.nav-text{color:#83aa81!important;font-family:Anuphan,sans-serif!important}.nav-text-sub{color:#383839!important}.ant-menu-light .ant-menu-item-selected{background-color:#f4f6f9!important;color:#83aa81!important}.ant-menu-light .ant-menu-item-selected .nav-text-sub{color:#83aa81!important}.ant-menu-item:not(.ant-menu-item-selected):active{background-color:#f4f6f9!important}.ant-menu-title-content{align-items:center;display:flex;font-family:Anuphan,sans-serif!important}.material-symbols-outlined{font-size:16px;margin-right:4px}.ant-menu-light .ant-menu-submenu-selected>.ant-menu-submenu-title{color:#83aa81!important}.ant-tabs>.ant-tabs-nav .ant-tabs-nav-list{font-family:Anuphan,sans-serif!important}.ant-tabs .ant-tabs-tab-btn{color:#979797}.ant-tabs .ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn{color:#83aa81}.ant-tabs .ant-tabs-ink-bar{background:#83aa81}.ant-tabs-top>.ant-tabs-nav:before{border-bottom:none}.ant-tabs .ant-tabs-tab-btn:active{color:#83aa81}.ant-tabs .ant-tabs-tab-btn:focus:not(:focus-visible){color:#83aa81}.ant-tabs-top>.ant-tabs-nav{margin-bottom:24px!important;padding:16px 24px 0}input[type=password].ant-input{height:48px!important}.ant-input{border-radius:10px;font-family:Anuphan,sans-serif!important;height:50px}.ant-input:focus,.ant-input:hover{border-color:#83aa81!important}.ant-input ::-moz-placeholder{font-size:16px!important}.ant-input ::placeholder{font-size:16px!important}.custom-search .ant-input-search-button{border-radius:0 2px 2px 0!important}.custom-search .ant-btn-primary{background-color:#83aa81}.custom-search .ant-btn-primary:hover{background-color:#a4bea2}.custom-search .ant-btn-primary:active{background-color:#759873}.ant-input-search .ant-input:focus{border-color:#83aa81!important}.custom-select{width:100%}.ant-select-selector{align-items:center;border-radius:2px!important;display:flex;font-family:Anuphan,sans-serif!important;height:40px!important;width:100%!important}.ant-select-single.ant-select-show-arrow .ant-select-selection-item{align-items:center;display:flex;font-family:Anuphan,sans-serif;line-height:24px}.ant-select-dropdown{font-family:Anuphan,sans-serif}.ant-select-dropdown .ant-select-item-option-selected:not(.ant-select-item-option-disabled){background:#dce7db!important}.wrap-form{width:100%}.ant-select:not(.ant-select-disabled):not(.ant-select-customize-input):not(.ant-pagination-size-changer):hover .ant-select-selector{border-color:#83aa81!important}.ant-select-focused.ant-select:not(.ant-select-disabled):not(.ant-select-customize-input):not(.ant-pagination-size-changer) .ant-select-selector{border-color:#83aa81}.ant-picker-panel{font-family:Anuphan,sans-serif!important}.ant-picker .ant-picker-input>input:-moz-placeholder-shown{font-family:Anuphan,sans-serif!important;font-size:14px!important}.ant-picker .ant-picker-input>input:placeholder-shown{font-family:Anuphan,sans-serif!important;font-size:14px!important}.custom-datepicker,.custom-timepicker{border-radius:10px!important;font-family:Anuphan,sans-serif;height:50px;width:100%}.custom-datepicker:hover,.custom-timepicker:hover{border-color:#83aa81!important}.custom-datepicker ::-moz-placeholder,.custom-timepicker ::-moz-placeholder{font-size:14px!important}.custom-datepicker ::placeholder,.custom-timepicker ::placeholder{font-size:14px!important}.ant-picker-focused{border-color:#83aa81!important}.ant-picker-dropdown .ant-picker-cell-in-view.ant-picker-cell-today .ant-picker-cell-inner:before{border-color:#83aa81!important;border-radius:2px!important}.ant-picker-today-btn{color:#83aa81!important;font-family:Anuphan,sans-serif!important}.ant-picker-dropdown .ant-picker-cell-in-view.ant-picker-cell-selected .ant-picker-cell-inner{background:#83aa81!important}a.ant-picker-now-btn{color:#83aa81!important}.ant-picker-ok .ant-btn.ant-btn-sm{background-color:#83aa81!important}.ant-picker-ok .ant-btn.ant-btn-sm:disabled{background-color:#f5f5f5!important}.ant-picker-dropdown .ant-picker-time-panel-column>li.ant-picker-time-panel-cell-selected .ant-picker-time-panel-cell-inner{background:#dce7db!important}.ant-table-column-title,.ant-table-wrapper .ant-table-thead>tr>th{color:#666;font-family:Anuphan,sans-serif!important}.ant-table-wrapper table{font-family:Anuphan,sans-serif!important}.ant-table-row{background-color:#fafafa}.ant-table-cell{border-right:1px solid #fff}.ant-table-wrapper .ant-table-thead>tr>th:not(:last-child):not(.ant-table-selection-column):not(.ant-table-row-expand-icon-cell):not([colspan]):before{display:none}.ant-pagination a{font-family:Anuphan,sans-serif!important}.ant-pagination .ant-pagination-item-active{border-color:#83aa81;border-radius:2px!important}.ant-pagination .ant-pagination-item-active a{color:#83aa81}.ant-pagination .ant-pagination-item-active:hover{border-color:#83aa81}.ant-pagination .ant-pagination-item-active:hover a{color:#83aa81}.ant-pagination-next{background-color:#00000014;border-radius:2px!important}.ant-pagination-next a{align-items:center;color:#161614;display:flex;justify-content:center;line-height:20px}.ant-pagination-prev{background-color:#00000014;border-radius:2px!important}.ant-pagination-prev a{align-items:center;color:#161614;display:flex;justify-content:center;line-height:20px}.ant-pagination .ant-pagination-disabled{background-color:#fff;border:1px solid #d9d9d9;border-radius:2px!important;line-height:20px}.ant-pagination .ant-pagination-disabled a{color:#d9d9d9}.ant-segmented{background-color:#fff;border:1px solid rgba(131,170,129,.2);transition:unset}.ant-segmented-item{background-color:#fff;color:#83aa81!important;font-size:13px;font-weight:600;letter-spacing:.25px;line-height:21px}.ant-segmented-item-label{align-items:center!important;display:flex!important;justify-content:center!important}.ant-segmented-item-selected{background-color:#83aa81!important;box-shadow:0 3px 1px #0000000a,0 3px 8px #0000001f;color:#fff!important}.ant-qrcode{border-radius:14px!important}.code{margin:8px auto 0;width:250px}.code .ant-segmented-group{gap:8px}.code .ant-segmented{background-color:#00000014!important;border:none!important;height:35px}.code .ant-segmented-item{background-color:transparent!important;color:#000!important;font-size:14px;font-weight:600;letter-spacing:.25px;line-height:20px}.code .ant-segmented-item-selected{background-color:#3b4c3a!important;box-shadow:0 3px 1px #0000000a,0 3px 8px #0000001f;color:#fff!important}.bg-sheet{background-color:#fff;border-radius:16px 16px 0 0}.swipe-modal-content{margin:0 auto;max-width:696px!important;width:100%}@media only screen and (min-width:350px) and (max-width:450px){.swipe-modal-content{margin:0 auto;max-width:calc(100% - 48px)!important}}.swipe-modal{left:50%!important;transform:translate(-50%)!important}:deep(.ant-spin){max-height:82dvh!important}.ant-checkbox .ant-checkbox-inner{border-radius:2px}.ant-checkbox-wrapper:not(.ant-checkbox-wrapper-disabled):hover .ant-checkbox-inner,.ant-checkbox:not(.ant-checkbox-disabled):hover .ant-checkbox-inner{border-color:#83aa81!important}.ant-checkbox-wrapper:not(.ant-checkbox-wrapper-disabled):hover .ant-checkbox-checked:not(.ant-checkbox-disabled) .ant-checkbox-inner{background-color:#83aa81!important}.ant-checkbox-checked:after,.ant-checkbox-wrapper:not(.ant-checkbox-wrapper-disabled):hover .ant-checkbox-checked:not(.ant-checkbox-disabled):after{border-color:#83aa81!important}.ant-checkbox-checked .ant-checkbox-inner{background-color:#83aa81!important;border-color:#83aa81!important}.custom-drawer{border-radius:20px 20px 0 0!important;-webkit-border-radius:20px 20px 0 0!important;-moz-border-radius:20px 20px 0 0!important;-ms-border-radius:20px 20px 0 0!important;-o-border-radius:20px 20px 0 0!important;font-family:Anuphan,sans-serif!important;overflow:hidden!important;position:relative}.badge:has(img~span){cursor:pointer}.no-data{margin-bottom:15dvh}.ant-spin-dot-item{background-color:#83aa81!important}html{display:flex;flex-direction:column;font-size:62.5%;height:unset;min-height:100%;-webkit-font-smoothing:antialiased}html body{font-family:Anuphan,sans-serif!important;margin:0}html body,html body #__nuxt{display:flex;flex:1;flex-direction:column}.errorList{margin-bottom:0;padding:0 18px}label{font-family:Anuphan,sans-serif!important}.page-enter-active,.page-leave-active{transition:all .3s ease-in-out}.page-enter-from{opacity:0;transform:translateY(30px)}.page-leave-to{opacity:0;transform:translateY(-30px)}.layout-enter-active,.layout-leave-active{transition:all .3s ease-in-out}.layout-enter-from{opacity:0;transform:translateY(30px)}.layout-leave-to{opacity:0;transform:translateY(-30px)}.ant-menu{color:#78828a!important}.ant-btn{height:40px}.no-data{align-items:center;color:#00000073;display:flex;font-size:1.4rem;justify-content:center}.wrap-content-body{background-color:#fff;border-radius:8px;margin:0;padding:20px}.wrap-content-body .btn-section{display:flex;justify-content:space-between;padding:10px 0}.wrap-content-body .btn-section .wrap-button-action{display:flex}.wrap-content-body .btn-section .wrap-button-action div{margin-right:8px}.wrap-content-body .btn-section .wrap-button-action div:last-child{margin:0}.wrap-content-body .main-section{padding:10px 0}.wrap-content-body-manage{background-color:#fff;border-radius:8px;box-shadow:0 4px 8px #00000008;margin:30px auto;max-width:1080px;padding:80px}.wrap-content-body-manage .btn-section{display:flex;justify-content:space-between;padding:10px 0}.wrap-content-body-manage .main-section{padding:10px 0}.wrap-manage-page{background-color:#fff;margin:24px 16px;padding:24px}.ant-breadcrumb{font-size:14px}.ant-breadcrumb,.header-page{font-family:Anuphan,sans-serif}.header-page{font-size:24px!important;margin:40px 0 32px;text-align:center}.button-border{border:none}.ant-btn-default:not(:disabled):hover{background-color:#83aa81;border:none;color:#fff}.game-item{background-color:#fff;border:1px solid rgba(0,0,0,.1)!important;border-radius:8px!important;padding:24px 40px}.greyish{margin:0 auto;max-width:744px;min-height:100dvh}.greyish>.content-data{background:#f5f8f5;display:flex;flex:1;flex-direction:column;margin:0 auto;max-width:744px}
