:root{--color-theme:#0c3eae;--color-theme-light:#4275f5;--color-theme-dark:#314165;--color-type:#a78bfa;--color-name:#e879f9;--color-operator:#818cf8;--color-invalid:#f87171;--color-separator:#9ca3af;--color-meta:#9ca3af;--color-variable:#43af61;--color-link:#22d3ee;--color-process:#ffb84c;--color-constant:#60a5fa;--color-keyword:#f472b6;--color-linear:linear-gradient(180deg,#d4eaff,#9dd2fa);--color-primary:#0f0f0f;--color-primary-light:#171717;--color-primary-dark:#314165;--color-primary-contrast:#0f0f0f;--color-primary-alpha:rgb(15 15 15/0.72);--color-secondary:#a3a3a3;--color-secondary-light:#737373;--color-secondary-dark:#f5f5f5;--color-divider:#1c1c1e;--color-divider-light:#181818;--color-divider-dark:#323232;--color-divider-contrast:#e0e0e0;--color-divider-alpha:rgb(28 28 30/0.72);--color-error:#1c1917;--color-tooltip:#f5f5f5;--color-popover:#0f0f0f;--font-family-primary:"Inter","Noto Sans Thai",sans-serif;--font-family-code:Consolas,Menlo,Courier,monospace;--font-size-larger:24px;--font-size-large:20px;--font-size-regular:16px;--font-size-medium:14px;--font-size-small:12px;--font-size-smaller:10px;--font-weight-bolder:800;--font-weight-bold:700;--font-weight-regular:500;--font-weight-medium:400;--font-weight-small:300;--font-weight-smaller:100;--border-radius-small:4px;--border-radius-medium:8px;--border-radius-large:16px;--animation-time:320ms;--transition-time:128ms;--cubic-bezier:cubic-bezier(0.77,0,0.175,1)}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;overflow-x:hidden;margin:0;font-family:var(--font-family-primary);font-size:var(--font-size-medium);background-color:#f1f2f9}*{-webkit-tap-highlight-color:rgba(0,0,0,0)}*,:after,:before{box-sizing:border-box}code,pre{font-family:var(--font-family-code)}h1,h2,h3,h4,h5,h6,p{margin:0;line-height:normal}hr{margin:.75rem 0;border-bottom:1px solid var(--color-divider)}ol,ul{list-style:none;padding:0;margin:0}img,label{width:inherit}img,label,video{-webkit-user-select:none;user-select:none}img,video{pointer-events:none}button,input,select,textarea{font-family:var(--font-family-primary);font-size:inherit;line-height:inherit;margin:0;outline:unset;background-color:rgba(0,0,0,0)}input::-webkit-inner-spin-button,input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-webkit-appearance:textfield;appearance:textfield}button{cursor:pointer;border:0 solid rgba(0,0,0,0);-webkit-user-select:none;user-select:none}button,input,select,textarea{outline:0;padding:0;box-shadow:0 0 0 rgba(0,0,0,0)}input,select,textarea{width:100%;border:none}a{text-decoration:none;color:inherit;outline:0;cursor:pointer;display:inline-block;-webkit-user-select:none;user-select:none}.ui--app-container{display:grid;min-height:100vh;transition:opacity var(--transition-time) ease-in}.ui--app-container:not(.full){grid-template-rows:auto 1fr auto}.ui--app-container.full{color:var(--color-theme-dark);background-image:var(--color-linear)}.ui--app-container pre{padding:1rem;color:var(--color-secondary);background-color:var(--color-error);border-radius:var(--border-radius-medium)}.ui--router-view{max-width:1440px;width:100%;height:100%;margin:0 auto;padding-bottom:2rem}@media(max-width:768px){.ui--router-view{padding-bottom:7rem}}.ui--router-view i.loading{display:block;padding:1rem;text-align:center;text-transform:capitalize}.ui--router-view img.image-construction{display:block;object-fit:contain;object-position:center;margin:0 auto}.ui--router-view .page-header{padding:2rem;margin:0 0 2rem;background-color:#fff;border-radius:0 0 1rem 1rem}@media(max-width:768px){.ui--router-view .page-header{padding:1rem;margin:0 0 1rem;border-radius:0}}.ui--router-view .page-nav{display:grid;grid-gap:2rem;gap:2rem;grid-auto-flow:column;justify-content:space-between;align-items:center}@media(max-width:768px){.ui--router-view .page-nav{gap:.5rem;grid-auto-flow:row;justify-content:unset}}.ui--router-view .page-nav-columns:nth-child(2){display:flex;gap:1rem;align-items:center}.ui--router-view .page-nav-columns .h3{color:var(--color-theme-dark);font-size:var(--font-size-larger);font-weight:var(--font-weight-bold)}.ui--media{width:100%;height:100%}.ui--locale{position:relative;align-self:center}.ui--locale-guard{position:absolute;top:1rem;right:1rem}.ui--locale-label{cursor:pointer}.ui--locale-label .flag{width:40px;height:40px;border-radius:100%;box-shadow:0 0 0 2px #fff}@media(max-width:768px){.ui--locale-label .flag{width:24px;height:24px}}.ui--locale-dropdown{position:absolute;top:100%;right:0;z-index:10}.ui--locale-dropdown .content{display:flex;flex-direction:column;gap:.5rem;padding:.75rem;margin-top:.5rem;border-radius:1rem;background-color:#fff;box-shadow:0 5px 10px rgba(0,0,0,.05)}.ui--locale-dropdown .content .flag{width:24px;height:24px;border-radius:100%}.ui--locale-dropdown .content .label{color:var(--color-secondary-light);font-weight:400;white-space:nowrap}.ui--locale-dropdown .content .btn-locale{justify-content:start;gap:.5rem;padding:0;height:auto;background-color:rgba(0,0,0,0)}.ui--locale-dropdown .content .btn-locale:hover .label{color:#000}#__next:not(.is-ready) .ui--app-container{pointer-events:none;opacity:0}.btn{position:relative;display:grid;grid-gap:.25rem;gap:.25rem;grid-auto-flow:column;justify-content:center;align-items:center;line-height:1.25rem;border-radius:var(--border-radius-small);transition:all var(--transition-time) ease}.btn .icon{color:var(--color-theme)}.btn-text:hover .text{text-decoration:underline}.btn-primary{color:var(--color-secondary-dark);background-color:var(--color-theme-light)}.btn-primary-outline{color:var(--color-theme);background-color:#fff;box-shadow:0 0 0 1px var(--color-theme-light)}.btn-primary-outline:hover{color:var(--color-theme-light)}.btn-primary:hover{background-color:var(--color-theme)}.btn-secondary{color:var(--color-secondary);background-color:var(--color-primary-light);box-shadow:0 0 0 1px var(--color-divider)}.btn-secondary:hover{color:var(--color-secondary-dark)}.btn-invalid{color:#fff;background-color:var(--color-invalid)}.btn-invalid-outline{color:var(--color-invalid);background-color:#fff;box-shadow:0 0 0 1px var(--color-invalid)}.btn-black{color:var(--color-secondary-dark);background-color:var(--color-primary-dark)}.btn-white{color:var(--color-primary-dark);background-color:#fff}.btn.disabled,.btn:disabled{opacity:.5!important;cursor:not-allowed!important}.ui--loader{position:fixed;inset:0;z-index:992}.ui--loader-progress{max-width:98%;height:2px;pointer-events:none;animation:loader 1s cubic-bezier(.86,.01,.08,1)}.ui--loader-progress:before{position:absolute;inset:0 0 auto 0;height:2px;content:"";background-color:hsla(0,0%,100%,.1)}.ui--loader-progress.done{max-width:100%;animation:none}.ui--loader-rainbow{position:relative;height:100%;background-color:var(--color-theme);background-image:linear-gradient(90deg,#ef5350,#f48fb1,#7e57c2,#2196f3,#26c6da,#43a047,#eeff41,#f9a825,#ff5722);background-size:200%;animation:rainbow 3s linear infinite}@keyframes loader{0%{width:0}to{width:100%}}@keyframes rainbow{0%{background-position:0 0}to{background-position:-200% 0}}.ui--modal.none{pointer-events:none}.ui--modal-wrapper{position:fixed;inset:0;z-index:40;display:grid;align-items:flex-start;overflow:hidden auto;padding:2rem;background-color:rgba(12,62,174,.64)}.ui--modal-wrapper.enter-active [class*=-container],.ui--modal-wrapper.enter-done [class*=-container]{opacity:1;transform:translateY(0)}.ui--modal-wrapper.is-default{align-items:center}.ui--modal-wrapper.is-dialog [class$=modal-container]{min-width:320px;padding:2rem 2rem 1.5rem;background-color:#fff;border-radius:var(--border-radius-large);box-shadow:0 10px 20px rgba(15,15,15,.08)}.ui--modal-wrapper.is-dialog [class$=modal-footer]{display:grid;grid-gap:1rem;gap:1rem;grid-auto-flow:column;justify-content:flex-end}.ui--modal-wrapper.is-dialog [class$=modal-footer] .btn{min-width:80px;width:auto;height:30px}.ui--modal-wrapper.is-dialog [class$=modal-footer] .btn:focus{outline:1px solid var(--color-space-3);outline-offset:1px}.ui--modal-wrapper.is-dialog [class$=modal-footer] .btn .text{text-transform:capitalize;font-size:var(--font-size-small);font-weight:700}.ui--modal-container{position:relative;margin:0 auto;min-width:256px;transition:all var(--transition-time) var(--cubic-bezier);transform:translateY(-10px);opacity:0}.ui--modal-header{position:relative;display:grid;grid-gap:2rem;gap:2rem;grid-template-columns:1fr auto;align-items:center;border-radius:var(--border-radius-large) var(--border-radius-large) 0 0;background-color:var(--color-space);-webkit-user-select:none;user-select:none}.ui--modal-header .title{color:var(--color-primary);font-size:var(--font-size-regular);font-weight:700}.ui--modal-header .btn-close{width:24px;height:24px;color:var(--color-red)}.ui--modal-boby,.ui--modal-header .btn-close .icon{font-size:var(--font-size-medium)}.ui--modal-boby{padding:2rem 0;color:var(--color-desc-1)}.ui--notice{position:fixed;top:1rem;right:1rem;z-index:50;pointer-events:none}.ui--notice-item{position:relative;display:grid;grid-template-columns:40px 1fr;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;min-width:275px;max-width:425px;margin-left:auto;border-radius:var(--border-radius-medium);box-shadow:0 4px 8px rgba(27,36,48,.06);-webkit-backdrop-filter:blur(1rem);backdrop-filter:blur(1rem);pointer-events:all;transition:all var(--animation-time) ease-out;overflow:hidden}@media(max-width:768px){.ui--notice-item{min-width:auto;max-width:calc(100vw - 2rem)}}.ui--notice-item:not(:last-child){margin-bottom:1rem}.ui--notice-item.exit{opacity:1;transform:translateX(0)}.ui--notice-item.exit-active{opacity:0;transform:translateX(.5rem)}.ui--notice-type{display:grid;justify-content:center;align-items:flex-start;padding:1rem 0;background-color:hsla(0,0%,100%,.8)}.ui--notice-type .icon{width:20px;height:20px}.ui--notice-type.info .icon{color:var(--color-link)}.ui--notice-type.success .icon{color:var(--color-variable)}.ui--notice-type.warn .icon{color:var(--color-keyword)}.ui--notice-type.error .icon{color:var(--color-invalid)}.ui--notice-content{padding:1rem 2.5rem 1rem .75rem;background-color:hsla(0,0%,100%,.7)}@media(max-width:768px){.ui--notice-content{padding:.5rem 2rem .5rem .75rem}}.ui--notice-content .title{color:var(--color-primary-dark);font-size:var(--font-size-medium);font-weight:700}.ui--notice-content .content{margin:.25rem 0 0;color:var(--color-primary-dark);font-size:13px}.ui--notice-content .content b{font-weight:700}.ui--notice-close{position:absolute;top:0;right:0;z-index:1;padding:.35rem .25rem 0 0}.ui--notice-close .btn-close{width:26px;height:26px;padding:0;color:var(--color-invalid)}.ui--notice-close .btn-close .icon{font-size:var(--font-size-small)}.ui--input-provider{position:relative}.ui--input-label{display:inline-flex;align-items:center;line-height:1}.ui--input-label.required:after{margin-left:5px;content:" *";color:var(--color-invalid);font-size:var(--font-size-regular)}.ui--input-label .icon{color:var(--color-meta);line-height:1;font-size:var(--font-size-regular);margin-right:7.5px;padding-right:5px;border-right:1px solid var(--color-border-1)}.ui--input-label .text{color:var(--color-meta);font-size:var(--font-size-medium)}.ui--input-desc{color:var(--color-desc-2);font-size:var(--font-size-small);margin:.5rem 0 0}.ui--input-field{position:relative}.ui--input-field input{width:100%;height:46px;padding:0 1rem;color:var(--color-primary);background-color:var(--color-secondary-dark);border-radius:var(--border-radius-medium)}.ui--input-field input~.icon{position:absolute;right:2px;bottom:1px;width:34px;height:44px;display:flex;align-items:center;justify-content:center;color:var(--color-secondary)}.ui--input-field input~.icon.is-text{color:var(--color-primary-dark)}.ui--input-field input::placeholder{color:var(--color-secondary)}.ui--input-field input[type=number]{-webkit-appearance:none;appearance:none;-moz-appearance:textfield}.ui--input-field input[type=number]::-webkit-inner-spin-button,.ui--input-field input[type=number]::-webkit-outer-spin-button{appearance:none;-webkit-appearance:none}.ui--input-field input[type=search]{-webkit-appearance:none;appearance:none;-moz-appearance:textfield}.ui--input-field input[type=search]::-webkit-inner-spin-button,.ui--input-field input[type=search]::-webkit-outer-spin-button{appearance:none;-webkit-appearance:none}.ui--input-select{position:relative;display:grid;grid-gap:.25rem;gap:.25rem;grid-template-columns:1fr auto;align-items:center;cursor:pointer;width:100%;height:46px;padding:0 1rem;color:var(--color-primary);background-color:var(--color-secondary-dark);border-radius:var(--border-radius-medium)}.ui--input-errors{display:block;color:red;font-style:italic;font-size:var(--font-size-small);font-weight:400}.ui--select{position:relative}.ui--select-field{display:grid;grid-gap:.5rem;gap:.5rem;grid-auto-flow:column;align-items:center;height:38px;padding:0 .75rem;border-radius:var(--border-radius-medium);background-color:#f1f2f9;cursor:pointer}.ui--select-field .label{color:var(--color-secondary-light)}.ui--select-field .value{padding:0 .25rem;font-size:var(--font-size-regular);font-weight:var(--font-weight-regular)}.ui--select-field .icon{font-size:var(--font-size-small)}.ui--select-dropdown{position:absolute;top:110%;right:0;z-index:1;display:grid;grid-gap:.25rem;gap:.25rem;padding:.25rem;min-width:132px;background-color:#fff;border-radius:var(--border-radius-medium);box-shadow:0 6px 16px rgba(28,25,23,.08);transition:all var(--transition-time) ease}.ui--select-dropdown:not(.active){opacity:0;transform:translateY(-4px);pointer-events:none}.ui--select-dropdown .li{display:flex;gap:.5rem;justify-content:flex-start;align-items:center;height:32px;padding:0 8px;cursor:pointer}.ui--select-dropdown .li:hover{background-color:#f1f2f9;border-radius:var(--border-radius-medium)}.ui--select-dropdown .li.selected:before{display:block;width:8px;height:8px;content:"";border-radius:50%;background-color:var(--color-operator)}.ui--dropdown{position:absolute;top:105%;left:0;right:0;z-index:10;color:var(--color-primary);background-color:var(--color-secondary-dark);border-radius:var(--border-radius-medium);overflow:hidden}.ui--dropdown:not(.visible){display:none}.ui--dropdown-group{display:grid;padding:.5rem;max-height:275px;overflow:hidden auto}@media(max-width:768px){.ui--dropdown-group{max-height:250px}}.ui--dropdown-list{padding:.5rem;border-radius:24px}.ui--dropdown-list.focus,.ui--dropdown-list:hover{cursor:pointer;background-color:rgba(66,117,245,.06)}.ui--dropdown .empty{padding:.5rem;color:var(--color-secondary-light)}.ui--header{z-index:8}.ui--header:not(.linear){color:var(--color-secondary-dark);background-image:var(--color-linear)}.ui--header-container{position:relative;display:grid;grid-gap:2rem;gap:2rem;grid-template-columns:repeat(2,auto);justify-content:space-between;align-items:center;max-width:1440px;height:80px;margin:0 auto;padding:0 2rem}@media(max-width:768px){.ui--header-container{height:auto;padding:.5rem .75rem}}.ui--header-menu{position:relative;display:grid;grid-gap:2rem;gap:2rem;grid-auto-flow:column;align-items:center}.ui--header-menu .image{display:block;object-fit:contain;object-position:center}.ui--header-menu .router-link-active .text{color:var(--color-theme-light);font-weight:var(--font-weight-regular)}.ui--header-menu .dropdown{position:absolute;top:110%;left:94%;display:grid;grid-gap:.5rem;gap:.5rem;padding:1.25rem;background-color:#fff;box-shadow:0 8px 1rem rgba(12,62,174,.1);border-radius:var(--border-radius-medium);transition:all var(--transition-time) var(--cubic-bezier)}.ui--header-menu .dropdown:not(.active){transform:translateY(-4px);pointer-events:none;opacity:0}.ui--header-menu .dropdown:before{position:absolute;top:-7px;left:23px;height:15px;width:15px;content:"";border-radius:3px;background-color:#fff;transform:rotate(45deg)}.ui--header-menu .dropdown .btn-menu .text{color:var(--color-theme-dark)!important;text-shadow:none!important}.ui--header-menu .btn-logo{margin-right:1rem}.ui--header-menu .btn-menu{color:var(--color-theme);font-weight:var(--font-weight-regular)}@media(max-width:768px){.ui--header-menu .btn-menu{display:none}}.ui--header-menu .btn-menu .text{font-size:16px;white-space:nowrap}@media(max-width:768px){.ui--header-menu .btn-dots{display:none}}.ui--header-menu .btn-dots .icon{pointer-events:none;color:var(--color-theme);font-size:var(--font-size-large)}.ui--header-user{display:grid;grid-gap:2px;gap:2px;grid-auto-flow:column;align-items:center}.ui--header-user .balance{display:flex;align-items:center;border-radius:2rem;background-color:var(--color-theme);padding:0 1rem;height:44px;margin-right:.5rem;margin-left:1rem}@media(max-width:768px){.ui--header-user .balance{display:none}}.ui--header-user .balance .icon{color:var(--color-theme-light);margin-right:.5rem;font-size:16px}.ui--header-user .balance .text{color:var(--color-tooltip);font-weight:var(--font-weight-bolder)}.ui--header-user .router-link{width:44px;height:44px;border-radius:1rem}.ui--header-user .router-link:hover{background-color:hsla(0,0%,100%,.2)}.ui--header-user .router-link .icon{color:var(--color-theme)}.ui--header-user .router-link .bi-bell{font-size:var(--font-size-large)}.ui--header-user .router-link .bi-person{font-size:var(--font-size-larger)}.ui--header-auth{display:grid;grid-gap:1rem;gap:1rem;grid-auto-flow:column}.ui--header-auth .btn{height:40px;padding:0 1rem;border-radius:36px;background-color:var(--color-theme)}@media(max-width:768px){.ui--footer{display:none}}.ui--footer-container{position:relative;display:grid;grid-gap:2rem;gap:2rem;grid-auto-flow:column;justify-content:space-between;align-items:center;max-width:1440px;height:80px;margin:0 auto;padding:0 2rem;border-top:1px solid var(--color-divider-contrast);background-color:#f1f2f9}.ui--footer-columns:nth-child(2){display:flex;gap:2rem}.ui--footer-columns:nth-child(3){display:flex;gap:1.5rem;justify-content:flex-end}.ui--footer-columns .router-link .text{color:var(--color-meta);font-size:var(--font-size-regular)}.ui--footer-columns .btn-community .icon{color:var(--color-meta);font-size:var(--font-size-large)}.ui--nav{position:fixed;inset:auto 0 0;border-radius:var(--border-radius-small) var(--border-radius-small) 0 0;background-color:hsla(0,0%,100%,.88);-webkit-backdrop-filter:blur(2rem);backdrop-filter:blur(2rem)}@media(min-width:769px){.ui--nav{display:none}}.ui--nav-container{position:relative;display:grid;grid-auto-flow:column;justify-content:space-between;align-items:center;padding:.5rem 1rem}.ui--nav-container .router-link{width:55px;height:44px;gap:0;grid-auto-flow:row;text-align:center}.ui--nav-container .router-link.middle{position:relative;padding-top:1.5rem}.ui--nav-container .router-link.middle .icon{position:absolute;inset:auto 0 1.25rem;padding:15.5px 0;border-radius:50%;background-color:var(--color-theme);color:#fff!important;font-size:var(--font-size-larger)!important}.ui--nav-container .router-link .icon{color:var(--color-secondary-light);font-size:var(--font-size-large)}.ui--nav-container .router-link .text{color:var(--color-secondary-light);font-size:var(--font-size-small)}.ui--nav-container .router-link-active .icon,.ui--nav-container .router-link-active .text{color:var(--color-theme);font-weight:var(--font-weight-regular)}.ui--feeds{display:grid;grid-gap:2rem;gap:2rem;grid-auto-flow:row;max-width:992px;margin:0 auto}.ui--feeds-rows .title{display:grid;grid-gap:1rem;gap:1rem;grid-template-columns:auto 1fr;align-items:center}.ui--feeds-rows .title-text{font-size:var(--font-size-larger);font-weight:var(--font-weight-bold)}.ui--feeds-rows .title-line{height:1px;opacity:.5;background-color:var(--color-separator)}.ui--feeds-group{display:grid;grid-gap:2rem 1rem;gap:2rem 1rem;margin:2rem 0 0}.ui--feeds-group.col-x2{grid-template-columns:repeat(2,1fr)}@media(max-width:768px){.ui--feeds-group.col-x2{grid-auto-flow:row;grid-template-columns:unset}}.ui--feeds-group.col-x3{grid-template-columns:repeat(3,1fr)}@media(max-width:768px){.ui--feeds-group.col-x3{grid-auto-flow:row;grid-template-columns:unset}}.ui--feeds-group i.closed{color:var(--color-separator)}.ui--feeds-card{position:relative;text-align:center;padding:2rem;color:#fff;border-radius:var(--border-radius-large);background-color:var(--color-theme);background-image:url(/static/images/dwbd.png);background-position:50%;background-size:cover;transition:all var(--animation-time) ease}.ui--feeds-card:hover{transform:translateY(-2px);box-shadow:0 6px 12px rgba(66,117,245,.25)}.ui--feeds-card:not(.linear){cursor:pointer}.ui--feeds-card.linear{padding:2rem 1rem 1rem}.ui--feeds-card.closed{color:#939393;background-color:#e7e8f5;background-image:none;pointer-events:none;-webkit-user-select:none;user-select:none}.ui--feeds-card.closed .flag{filter:grayscale(100%) opacity(.5)}.ui--feeds-card.closed .countdown{display:none}.ui--feeds-card.closed .datetime{max-width:240px;margin:.5rem auto;padding:.5rem 1rem;background-color:#dbdce6;border-radius:var(--border-radius-medium)}.ui--feeds-card.closed .close{font-weight:var(--font-weight-bold)}.ui--feeds-card.hwy-yiki .flag{display:none}.ui--feeds-card .flag{position:absolute;inset:0 0 auto 0;display:block;margin:-1rem auto 1rem;border-radius:var(--border-radius-small);box-shadow:0 0 0 2px hsla(0,0%,100%,.8)}.ui--feeds-card .label{font-size:26px}.ui--feeds-card .countdown{display:inline-flex;gap:.5rem;justify-content:center;align-items:center;margin:.5rem 0}.ui--feeds-card .countdown .text{font-size:16px;font-weight:var(--font-weight-regular)}.ui--feeds-card .router-link{margin:1rem 0 0;gap:.5rem;height:46px;border-radius:24px;font-size:var(--font-size-large)}.ui--feeds-card .router-link .text{font-weight:var(--font-weight-regular)}.ui--tabs{display:grid;grid-gap:.25rem;gap:.25rem;grid-auto-flow:column;padding:.5rem;border-radius:var(--border-radius-large);background-color:var(--color-theme)}.ui--tabs .btn-tab{height:46px;border-radius:var(--border-radius-medium)}.ui--tabs .btn-tab-active{background-color:var(--color-theme-light)}.ui--tabs .btn-tab .text{color:var(--color-secondary-dark);font-size:var(--font-size-regular)}@media(max-width:768px){.ui--tabs .btn-tab .text{font-size:var(--font-size-medium)}}.ui--breadcrumb{margin:0 0 2rem}@media(max-width:768px){.ui--breadcrumb{margin:0 0 .75rem}}.ui--breadcrumb .ul{display:grid;grid-gap:.75rem;gap:.75rem;grid-auto-flow:column;justify-content:flex-start}@media(max-width:768px){.ui--breadcrumb .ul{gap:.5rem}}.ui--breadcrumb .li{display:inline-flex}.ui--breadcrumb .li:after{align-self:center;margin-left:.75rem;color:var(--color-meta)}@media(max-width:768px){.ui--breadcrumb .li:after{margin-left:.5rem}}.ui--breadcrumb .li:not(:last-child):after{content:"/"}.ui--breadcrumb .li:last-child{pointer-events:none}.ui--breadcrumb .li:last-child .btn .text{color:var(--color-theme-dark);font-weight:var(--font-weight-bold)}.ui--breadcrumb .btn .text{color:var(--color-theme-dark)}.ui--paginate{display:grid;grid-gap:1rem;gap:1rem;grid-auto-flow:column;justify-content:flex-end;-webkit-user-select:none;user-select:none}.ui--paginate-message{color:var(--color-meta);align-self:center;font-style:italic;font-size:var(--font-size-small)}.ui--paginate-actions{display:flex;align-items:center}.ui--paginate-actions .btn{width:32px;height:36px}.ui--paginate-actions .btn:hover{color:var(--color-theme)}.ui--paginate-actions .btn .icon{font-size:var(--font-size-larger)}.ui--paginate-jump{display:grid;grid-gap:2px;gap:2px;grid-template-columns:40px repeat(2,auto);justify-content:space-between;align-items:center;padding-right:4px;background-color:#fff;box-shadow:0 0 0 1px var(--color-secondary-dark);border-radius:var(--border-radius-small)}.ui--paginate-jump .input{width:100%;padding:4px 0;text-align:right}.ui--paginate-jump .text{opacity:.8}.ui--auth-container{display:grid;height:100%;align-items:center;justify-content:center}@media(max-width:768px){.ui--auth-container{padding:1rem}}.ui--auth-container.check-in .loading{display:grid;grid-gap:1rem;gap:1rem}.ui--auth-container.check-in .loading-icon{display:flex;align-items:center;justify-content:center}.ui--auth-container.check-in .loading-icon svg{width:3.25em;transform-origin:center;animation:rotate 2s linear infinite}.ui--auth-container.check-in .loading-icon circle{fill:none;stroke:var(--color-theme-dark);stroke-width:3;stroke-dasharray:1,200;stroke-dashoffset:0;stroke-linecap:round;animation:dash4 1.5s ease-in-out infinite}@keyframes rotate{to{transform:rotate(1turn)}}@keyframes dash4{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:90,200;stroke-dashoffset:-35px}to{stroke-dashoffset:-125px}}.ui--auth-container.check-in .loading-text{font-size:1.25rem;font-weight:400}.ui--auth-container.check-in .error{display:flex;gap:1rem;flex-direction:column;align-items:center;justify-content:center}.ui--auth-container.check-in .error-logo{width:80px;height:auto;object-fit:contain;object-position:center}.ui--auth-container.check-in .error-text{font-size:1.25rem;font-weight:400;border-radius:.5rem;padding:1rem 2rem;box-shadow:0 0 0 1px hsla(0,0%,100%,.5);background-color:hsla(0,0%,100%,.25)}.ui--auth-context{position:relative;padding:2rem;margin:0 auto;max-width:364px}@media(max-width:768px){.ui--auth-context{padding:0}}.ui--auth-head{text-align:center}.ui--auth-head .logo{margin:0 auto .5rem;object-fit:contain;object-position:center}.ui--auth-head .h2{font-size:32px;font-weight:var(--font-weight-bold)}.ui--auth-head .ul{display:grid;grid-gap:2.5rem;gap:2.5rem;grid-auto-flow:column;justify-content:center;margin:1rem 0 0}.ui--auth-head .li{position:relative;display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;-webkit-user-select:none;user-select:none;color:var(--color-secondary-dark);background-color:var(--color-theme)}.ui--auth-head .li:after{position:absolute;top:49.5%;left:100%;width:2.75rem;height:1px;background-color:var(--color-theme)}.ui--auth-head .li:not(:last-child):after{content:""}.ui--auth-head .li.active{color:var(--color-theme)}.ui--auth-head .li.active,.ui--auth-head .li.active:after{background-color:var(--color-secondary-dark)}.ui--auth-head .li.active .text{font-weight:var(--font-weight-bold)}.ui--auth-head .li.passed{color:var(--color-secondary-dark)}.ui--auth-head .li.passed,.ui--auth-head .li.passed:after{background-color:var(--color-variable)}.ui--auth-head .li .icon{font-size:22px;line-height:0}.ui--auth-head .li .text{font-size:16px}.ui--auth-footer .rows{text-align:center}.ui--auth-footer .link{margin-left:.5rem;text-decoration:underline}.ui--auth-form{display:grid;grid-gap:1rem;gap:1rem;margin:2rem 0}.ui--auth-form [class$=input-field] input{min-width:275px;height:46px;margin:0}@media(max-width:576px){.ui--auth-form [class$=input-field] input{width:100%}}.ui--auth-form .hr{margin:0;border:unset;border-top:2px solid hsla(0,0%,100%,.5)}.ui--auth-form .rows.cnt{display:inline-flex;justify-content:center}.ui--auth-form .rows.ltr{display:inline-flex;justify-content:flex-end}.ui--auth-form .rows.rtl{display:inline-flex;justify-content:flex-start}.ui--auth-form.login .btn-alt .icon{color:var(--color-theme-light)}.ui--auth-form.register .bank-li{display:flex;gap:.5rem;align-items:center}.ui--auth-form.register .bank-li .image{display:block;width:34px;height:34px;border-radius:50%;object-fit:contain;object-position:center}.ui--auth-form.otp [class$=input-field] input{text-align:center;letter-spacing:4px;font-weight:var(--font-weight-bolder)}.ui--auth-form .btn-submit{margin:1rem auto 0;min-width:240px;height:46px;border-radius:46px;background-color:var(--color-theme)}.ui--auth-form .btn-submit .text{font-size:18px}.ui--auth-form .btn-send{padding:0 1rem;margin:1rem auto 0}.ui--auth-form .btn-send .text{color:var(--color-theme);font-weight:var(--font-weight-regular)}.ui--auth-modal{position:relative;padding:2rem;border-radius:var(--border-radius-medium);background-color:#fff;min-width:320px;text-align:center}.ui--auth-modal .rows:nth-child(2){margin:2rem 0 0}.ui--auth-modal .icon{font-size:3rem;color:var(--color-variable)}.ui--auth-modal .h2{font-size:1.75rem}.ui--auth-modal .desc{font-size:16px;color:var(--color-secondary-light)}.ui--auth-modal .btn{width:100%;height:46px;border-radius:24px}.ui--auth-modal .btn-primary{margin:1rem 0 0}.ui--home-container{position:relative;height:100%}.ui--home-linear{position:fixed;inset:0 0 auto;z-index:-1;height:60vh;pointer-events:none;background-image:var(--color-linear)}@media(max-width:768px){.ui--home-linear{height:67vh}}.ui--home-header{color:#fff;padding:2rem;text-align:center}@media(max-width:768px){.ui--home-header{padding:1rem}}.ui--home-header .h2{margin:0 auto;max-width:700px;font-size:3.5rem;color:var(--color-theme-dark)}@media(max-width:768px){.ui--home-header .h2{font-size:1.5rem}}.ui--home-header .marquee-box{display:grid;grid-auto-flow:column;justify-content:center;height:40px;padding:8px 16px;border-radius:8px;border:1px;background:#fa0;margin:0 10rem}@media(max-width:768px){.ui--home-header .marquee-box{margin:0 2rem}}.ui--home-header .marquee-icon{margin-right:10px}.ui--home-header .marquee-text .h3{font-size:1.2rem;color:var(--color-theme-dark);text-align:center;color:#fff}.ui--home-header .actions{display:grid;grid-gap:1rem;gap:1rem;grid-auto-flow:column;justify-content:center;margin:2rem 0}@media(max-width:768px){.ui--home-header .actions{margin:1rem 0 0}}.ui--home-header .router-link{gap:.5rem;width:240px;height:48px;border-radius:24px;font-size:var(--font-size-large)}@media(max-width:768px){.ui--home-header .router-link{width:140px;height:42px}}.ui--home-header .router-link .text{font-weight:var(--font-weight-regular)}@media(max-width:768px){.ui--home-header .router-link .text{font-size:var(--font-size-regular)}}.ui--home-body{position:relative;padding:4rem 2rem 2rem;margin:2rem 0 0;min-height:25vh;border-radius:2rem 2rem 0 0;background-color:#f1f2f9}@media(max-width:768px){.ui--home-body{padding:1rem;margin:6rem 0 0}}.ui--home-wallet{position:relative;padding:1rem;width:700px;margin:-140px auto 3rem;text-align:center;background-color:#fff;border-radius:var(--border-radius-large);box-shadow:0 6px 1rem rgba(156,163,175,.1)}@media(max-width:768px){.ui--home-wallet{width:100%;padding:1.5rem 1rem;margin:-100px auto 2rem}}.ui--home-wallet.glass .h2{background-image:url(/static/images/glass.png);background-position:50%;background-size:cover;border-radius:var(--border-radius-large)}.ui--home-wallet .h2{line-height:90px;font-size:2.25rem;font-weight:var(--font-weight-bolder);color:var(--color-theme);text-shadow:2px 0 0 #fff,-2px 0 0 #fff,0 2px 0 #fff,0 -2px 0 #fff}.ui--home-wallet .action{display:flex;gap:1rem;justify-content:center;padding:2rem 0}.ui--home-wallet .router-link{gap:.5rem;width:240px;height:48px;border-radius:24px;font-size:var(--font-size-large)}@media(max-width:768px){.ui--home-wallet .router-link{width:auto;padding:0 2rem}}.ui--home-wallet .router-link .text{font-weight:var(--font-weight-regular)}.ui--home-banner{position:relative;height:350px;max-width:992px;margin:2rem auto}@media(max-width:768px){.ui--home-banner{height:204px}}.ui--home-banner-images .router-link{position:absolute;opacity:0;transition:opacity 1s ease}.ui--home-banner-images .router-link.active{opacity:1}.ui--home-banner-images img{display:block;width:100%;object-fit:contain;object-position:center;border-radius:var(--border-radius-medium);box-shadow:0 6px 1rem rgba(156,163,175,.1)}.ui--home-banner-dots{position:absolute;inset:auto 1rem .75rem;display:grid;grid-gap:.75rem;gap:.75rem;grid-template-columns:repeat(4,10px);justify-content:center;z-index:1}.ui--home-banner-dots .dot{width:10px;height:10px;opacity:.5;border-radius:4px;background-color:#fff}.ui--home-banner-dots .dot.active{opacity:1}.ui--user-container{position:relative;height:100%}.ui--user-linear{position:fixed;inset:0 0 auto;z-index:-1;height:60vh;pointer-events:none;background-image:var(--color-linear)}@media(max-width:768px){.ui--user-linear{height:70vh}}.ui--user-header{color:#fff;padding:2rem;text-align:center}@media(max-width:768px){.ui--user-header{padding:1rem}}.ui--user-header .avatar{display:block;width:100px;height:100px;border-radius:50%;margin:0 auto;object-fit:cover;object-position:center;background-color:hsla(0,0%,100%,.25);outline:3px solid hsla(0,0%,100%,.25);outline-offset:4px}.ui--user-header .h4{margin:1rem 0 0;font-size:var(--font-size-regular);font-weight:var(--font-weight-small)}.ui--user-header .h2{margin:.5rem 0;font-size:var(--font-size-larger)}.ui--user-header .h2 .text{margin-left:.25rem}.ui--user-header .btn{margin:2rem auto 0;gap:.5rem;width:240px;height:48px;border-radius:24px;font-size:var(--font-size-large)}@media(max-width:768px){.ui--user-header .btn{width:180px;margin:1rem auto 0;font-size:var(--font-size-regular)}}.ui--user-header .btn .text{font-weight:var(--font-weight-regular)}.ui--user-body{position:relative;padding:2rem;margin:9rem 0 0;min-height:25vh;border-radius:2rem 2rem 0 0;background-color:#f1f2f9}@media(max-width:768px){.ui--user-body{padding:1rem;margin:6rem 0 0}}.ui--user-body .rows{position:relative;padding:2rem;width:700px;margin-left:auto;margin-right:auto;background-color:#fff;border-radius:var(--border-radius-large);box-shadow:0 6px 1rem rgba(156,163,175,.1)}@media(max-width:768px){.ui--user-body .rows{width:auto;padding:1.5rem 1rem}}.ui--user-body .btn-logout{gap:.5rem;width:240px;height:48px;margin:0 auto;border-radius:24px;background-color:var(--color-invalid)}@media(max-width:768px){.ui--user-body .btn-logout{width:auto;padding:0 2rem}}.ui--user-body .btn-logout .icon,.ui--user-body .btn-logout .text{font-size:var(--font-size-regular);color:var(--color-secondary-dark)}.ui--user-wallet{text-align:center;margin-top:-140px}@media(max-width:768px){.ui--user-wallet{margin-top:-100px}}.ui--user-wallet-context{display:grid;grid-gap:1rem;gap:1rem;grid-template-columns:repeat(3,1fr);grid-template-areas:"area-main area-main area-main" "area-sub1 area-sub2 area-sub3"}.ui--user-wallet-context .col{text-align:center;border-radius:1rem}.ui--user-wallet-context .col:first-child{grid-area:area-main}.ui--user-wallet-context .col:nth-child(2){grid-area:area-sub1}.ui--user-wallet-context .col:nth-child(3){grid-area:area-sub2}.ui--user-wallet-context .col:nth-child(4){grid-area:area-sub3}.ui--user-wallet-context .col.main{padding:1rem;background-color:#f1f2f9}.ui--user-wallet-context .col.main .value{font-size:2.25rem;font-weight:var(--font-weight-bolder)}@media(max-width:768px){.ui--user-wallet-context .col.main .value{font-size:1.75rem}}.ui--user-wallet-context .col.sub{padding:.5rem 1rem;background-color:rgba(241,242,249,.5)}.ui--user-wallet-context .col.sub .value{font-size:1.25rem;font-weight:var(--font-weight-bold)}@media(max-width:768px){.ui--user-wallet-context .col.sub .value{font-size:1rem}}.ui--user-wallet-context .label{color:var(--color-separator);font-size:var(--font-size-regular)}@media(max-width:768px){.ui--user-wallet-context .label{font-size:var(--font-size-medium)}}.ui--user-wallet-context .value{color:var(--color-theme)}.ui--user-wallet .action{display:flex;gap:1rem;justify-content:center;margin:1.5rem 0 0}.ui--user-wallet .router-link{gap:.5rem;width:240px;height:48px;border-radius:24px}@media(max-width:768px){.ui--user-wallet .router-link{width:auto;padding:0 2rem}}.ui--user-wallet .router-link .text{font-size:var(--font-size-regular);font-weight:var(--font-weight-regular)}.ui--user-bank{margin-top:3rem;margin-bottom:3rem}@media(max-width:768px){.ui--user-bank{margin-top:1rem;margin-bottom:1.5rem}}.ui--user-bank .title{text-align:center;font-size:var(--font-size-large);font-weight:var(--font-weight-bold)}.ui--user-bank .content{display:grid;grid-gap:1.5rem;gap:1.5rem;grid-auto-flow:column;justify-content:center;align-items:center;margin:1rem 0 0}.ui--user-bank .columns:nth-child(2){display:grid;grid-gap:1rem;gap:1rem}.ui--user-bank .image{width:80px;height:80px}.ui--user-bank .label{color:var(--color-secondary-light)}.ui--user-bank .value{font-size:var(--font-size-regular);font-weight:var(--font-weight-bold)}.ui--user-commission{margin-top:3rem;margin-bottom:3rem}@media(max-width:768px){.ui--user-commission{margin-top:1rem;margin-bottom:1.5rem}}.ui--user-commission .title{text-align:center;font-size:var(--font-size-large);font-weight:var(--font-weight-bold)}.ui--user-commission .ul{margin:.5rem 0 0}.ui--user-commission .li{display:grid;grid-gap:1rem;gap:1rem;grid-template-columns:repeat(2,1fr);justify-content:center;line-height:1.5}.ui--user-commission .li .label{text-align:right}.ui--user-commission .li .value{color:var(--color-theme-dark);font-size:var(--font-size-regular);font-weight:var(--font-weight-bold)}.ui--refill-container .container{max-width:768px;margin:0 auto}@media(max-width:768px){.ui--refill-body{padding:1rem}}.ui--refill-body .rows{padding:3rem;background-color:#fff;border-radius:var(--border-radius-large)}@media(max-width:768px){.ui--refill-body .rows{padding:1.5rem}}.ui--refill-body .rows .title{font-size:var(--font-size-large);font-weight:var(--font-weight-bold);padding:0 0 1rem;border-bottom:1px solid var(--color-divider-contrast)}@media(max-width:768px){.ui--refill-body .rows .title{font-size:var(--font-size-regular)}}.ui--refill-form-input{position:relative;margin:2rem 0}.ui--refill-form-input .placeholder{position:absolute;inset:1rem 0 auto;text-align:center;color:var(--color-secondary);font-size:var(--font-size-regular);font-weight:var(--font-weight-small);pointer-events:none}.ui--refill-form-input .input-field{text-align:center;font-size:26px;font-weight:var(--font-weight-bolder);padding:3.5rem 2rem 1.5rem;border:1px solid var(--color-divider-contrast);border-radius:var(--border-radius-large)}.ui--refill-form-input .input-field::placeholder{color:var(--color-meta)}.ui--refill-form-input .input-field:focus{border-color:var(--color-invalid);box-shadow:0 0 0 4px rgba(248,113,113,.1)}.ui--refill-form-choice .label{color:var(--color-secondary-light);margin:0 0 .5rem}.ui--refill-form-choice .group{display:grid;grid-gap:1rem;gap:1rem;grid-template-columns:repeat(4,1fr)}@media(max-width:768px){.ui--refill-form-choice .group{gap:.5rem}}.ui--refill-form-action{margin:2rem 0 0;text-align:center}.ui--refill-form-action .notice{display:inline-block;width:180px;line-height:32px;border-radius:20px;font-weight:var(--font-weight-bold);color:var(--color-invalid);background-color:rgba(248,113,113,.1)}.ui--refill-form-action .info{margin:2rem 0 0;padding:.5rem;border-radius:var(--border-radius-medium);color:var(--color-operator);background-color:rgba(129,140,248,.1)}.ui--refill-form-action .info a:hover{text-decoration:underline}.ui--refill-form-action .warn{margin:1rem 0 0;padding:1rem;border-radius:var(--border-radius-medium);color:var(--color-process);background-color:rgba(255,184,76,.1)}.ui--refill-form .btn-choice{height:46px;border-radius:var(--border-radius-medium);background-color:#f1f2f9}.ui--refill-form .btn-choice:hover{background-color:#eaebf6}.ui--refill-form .btn-choice.selected{color:var(--color-secondary-dark);background-color:var(--color-theme)}.ui--refill-form .btn-choice .text{font-size:var(--font-size-regular)}.ui--refill-form .btn-submit{width:240px;height:50px;margin:2rem auto 0;border-radius:25px}.ui--refill-form .btn-submit .text{font-size:var(--font-size-large)}.ui--refill-await-countdown{margin:2rem 0;text-align:center}.ui--refill-await-countdown .ts{font-size:var(--font-size-larger);font-weight:var(--font-weight-bold)}.ui--refill-await-countdown .ts-value{color:var(--color-invalid)}.ui--refill-await-qrcode{text-align:center}.ui--refill-await-qrcode .h2{font-size:var(--font-size-larger)}.ui--refill-await-qrcode .image{display:block;width:175px;height:175px;margin:1rem auto;border-radius:var(--border-radius-small);background-color:#fff;box-shadow:0 0 0 10px #f1f2f9}.ui--refill-await-qrcode .name{color:var(--color-theme-dark);font-weight:var(--font-weight-bold)}.ui--refill-await-qrcode .btn{margin:0 auto}.ui--refill-await-qrcode .btn .text{color:var(--color-theme);font-weight:var(--font-weight-bold)}.ui--refill-await-metadata{display:grid;grid-gap:.5rem;gap:.5rem;max-width:400px;margin:2rem auto;padding:1rem;border-radius:var(--border-radius-medium);border:1px solid var(--color-divider-contrast)}.ui--refill-await-metadata .li{display:grid;grid-gap:1rem;gap:1rem;grid-template-columns:1fr auto;font-size:var(--font-size-regular)}.ui--refill-await-metadata .li.sum{padding:.5rem 0 0;color:var(--color-theme);font-weight:var(--font-weight-bold);border-top:1px solid var(--color-divider-contrast)}.ui--refill-await-footer{text-align:center}.ui--refill-await-footer .notice{display:inline-block;width:180px;line-height:32px;border-radius:20px;font-weight:var(--font-weight-bold);color:var(--color-operator);background-color:rgba(129,140,248,.15)}.ui--refill-await-footer .text{margin:.5rem 0 0;color:var(--color-secondary)}.ui--refill-await-footer .info{margin:2rem 0 0;padding:.5rem;border-radius:var(--border-radius-medium);color:var(--color-operator);background-color:rgba(129,140,248,.1)}.ui--refill-await-footer .info a:hover{text-decoration:underline}.ui--refill-await-footer .btn-capture{gap:.5rem;height:32px;padding:0 1rem;margin:1rem auto 0}.ui--refill-await-footer .btn-capture .icon,.ui--refill-await-footer .btn-capture .text{margin:0;color:var(--color-operator)}.ui--refill-await .desc{color:var(--color-secondary-light);font-size:var(--font-size-regular)}.ui--refill-modal{position:relative;padding:2rem;border-radius:var(--border-radius-medium);background-color:#fff;min-width:320px;text-align:center}.ui--refill-modal .rows:nth-child(2){margin:2rem 0 0}.ui--refill-modal .icon{font-size:3rem;color:var(--color-variable)}.ui--refill-modal .h2{font-size:1.75rem}.ui--refill-modal .desc{font-size:16px;color:var(--color-secondary-light)}.ui--refill-modal .btn{width:100%;height:46px;border-radius:24px}.ui--refill-modal .btn-primary{margin:1rem 0 0}.ui--withdraw-container .container{max-width:768px;margin:0 auto}@media(max-width:768px){.ui--withdraw-body{padding:1rem}}.ui--withdraw-body .rows{padding:3rem;background-color:#fff;border-radius:var(--border-radius-large)}@media(max-width:768px){.ui--withdraw-body .rows{padding:1.5rem}}.ui--withdraw-body .rows .title{font-size:var(--font-size-large);font-weight:var(--font-weight-bold);padding:0 0 1rem;border-bottom:1px solid var(--color-divider-contrast)}.ui--withdraw-body .btn-submit{width:240px;height:50px;margin:2rem auto 0;border-radius:25px}.ui--withdraw-body .btn-submit .text{font-size:var(--font-size-large)}.ui--withdraw-form-bank{display:grid;grid-gap:1.5rem;gap:1.5rem;grid-auto-flow:column;justify-content:center;align-items:center;padding:2rem 0}.ui--withdraw-form-bank .columns:nth-child(2){display:grid;grid-gap:1rem;gap:1rem}.ui--withdraw-form-bank .image{display:block;width:50px;height:50px;border-radius:50%;object-fit:cover;object-position:center}.ui--withdraw-form-bank .label{color:var(--color-secondary-light)}.ui--withdraw-form-bank .value{font-size:var(--font-size-regular);font-weight:var(--font-weight-bold)}.ui--withdraw-form-balance{text-align:center;padding:1rem 0 0;border-top:1px solid var(--color-divider-contrast)}.ui--withdraw-form-balance .label{color:var(--color-secondary)}.ui--withdraw-form-balance .value{font-size:24px;font-weight:var(--font-weight-bolder)}.ui--withdraw-form-input{position:relative;margin:2rem 0}.ui--withdraw-form-input .placeholder{position:absolute;inset:1rem 0 auto;text-align:center;color:var(--color-secondary);font-size:var(--font-size-regular);font-weight:var(--font-weight-small)}.ui--withdraw-form-input .input-field{text-align:center;font-size:26px;font-weight:var(--font-weight-bolder);padding:3.5rem 2rem 1.5rem;border:1px solid var(--color-divider-contrast);border-radius:var(--border-radius-large)}.ui--withdraw-form-input .input-field::placeholder{color:var(--color-meta)}.ui--withdraw-form-input .input-field:focus{border-color:var(--color-invalid);box-shadow:0 0 0 4px rgba(248,113,113,.1)}.ui--withdraw-form-action{margin:2rem 0 0;text-align:center}.ui--withdraw-form-action .warn{color:var(--color-invalid);margin:0 0 .75rem}.ui--withdraw-form-action .notice{white-space:nowrap;color:var(--color-process)}.ui--withdraw-confirm-input{margin:2rem 0;text-align:center}@media(max-width:768px){.ui--withdraw-confirm-input{margin:1rem 0}}.ui--withdraw-confirm-input .label{color:var(--color-secondary);font-size:var(--font-size-regular)}.ui--withdraw-confirm-input .value{font-size:28px;font-weight:var(--font-weight-bolder)}.ui--withdraw-confirm-hr{display:grid;justify-content:center;text-align:center;margin:0 0 2rem}@media(max-width:768px){.ui--withdraw-confirm-hr{margin:0 0 1rem}}.ui--withdraw-confirm-hr .text{color:var(--color-theme-dark);margin-bottom:-15px}.ui--withdraw-confirm-hr .icon{color:var(--color-theme);font-size:3rem;line-height:0}.ui--withdraw-confirm-to{text-align:center}.ui--withdraw-confirm-to .image{display:block;width:50px;height:50px;border-radius:50%;margin:0 auto .5rem;object-fit:cover;object-position:center}.ui--withdraw-confirm-to .bank-number{padding:.25rem 0;font-size:var(--font-size-large)}.ui--withdraw-confirm-to .bank-account-name{font-size:18px}.ui--withdraw-modal{position:relative;padding:2rem;border-radius:var(--border-radius-medium);background-color:#fff;min-width:320px;text-align:center}.ui--withdraw-modal .rows:nth-child(2){margin:2rem 0 0}.ui--withdraw-modal .icon{font-size:3rem;color:var(--color-variable)}.ui--withdraw-modal .h2{font-size:1.75rem}.ui--withdraw-modal .desc{font-size:16px;color:var(--color-secondary-light)}.ui--withdraw-modal .btn{width:100%;height:46px;border-radius:24px}.ui--withdraw-modal .btn-primary{margin:1rem 0 0}.ui--trans-container .container{max-width:768px;margin:0 auto}@media(max-width:768px){.ui--trans-body{padding:0 1rem}}.ui--trans-body .rows{position:relative;margin-top:2rem;background-color:#fff;border-radius:var(--border-radius-large)}@media(max-width:768px){.ui--trans-body .rows{margin-top:1rem}}.ui--trans-balance{padding:2rem;margin-bottom:2rem}@media(max-width:768px){.ui--trans-balance{padding:1rem;margin-bottom:1rem}}.ui--trans-balance .h2{text-align:center;margin:0 0 1rem;color:var(--color-theme-dark)}@media(max-width:768px){.ui--trans-balance .h2{font-size:1.25rem}}.ui--trans-context{margin:0 0 1rem}.ui--trans-item{padding:1rem}.ui--trans-item-head{display:grid;grid-gap:1rem;gap:1rem;grid-auto-flow:column;justify-content:space-between;align-items:center;margin:0 0 1rem}.ui--trans-item-head .columns.is-href:hover .h4{cursor:pointer;text-decoration:underline}.ui--trans-item-head .h4{font-size:var(--font-size-regular);font-weight:var(--font-weight-bolder)}@media(max-width:768px){.ui--trans-item-head .h4{font-size:var(--font-size-medium)}}.ui--trans-item-head .ts{display:inline-flex;gap:.5rem;align-items:center;margin:.5rem 0 0}.ui--trans-item-head .icon{color:var(--color-theme)}.ui--trans-item-head .text{font-size:var(--font-size-small)}.ui--trans-item-head .type{margin-right:.25rem}.ui--trans-item-head .status,.ui--trans-item-head .type{padding:8px 10px;font-weight:var(--font-weight-regular);border-radius:var(--border-radius-medium)}.ui--trans-item-head .status.refill,.ui--trans-item-head .status.reward,.ui--trans-item-head .status.success,.ui--trans-item-head .type.refill,.ui--trans-item-head .type.reward,.ui--trans-item-head .type.success{color:var(--color-variable);background-color:rgba(67,175,97,.08)}.ui--trans-item-head .status.pending,.ui--trans-item-head .status.purchase,.ui--trans-item-head .status.refund,.ui--trans-item-head .type.pending,.ui--trans-item-head .type.purchase,.ui--trans-item-head .type.refund{color:var(--color-process);background-color:rgba(255,184,76,.11)}.ui--trans-item-head .status.canceled,.ui--trans-item-head .status.failed,.ui--trans-item-head .status.rejected,.ui--trans-item-head .status.withdraw,.ui--trans-item-head .type.canceled,.ui--trans-item-head .type.failed,.ui--trans-item-head .type.rejected,.ui--trans-item-head .type.withdraw{color:var(--color-invalid);background-color:rgba(248,113,113,.08)}.ui--trans-item-head .status.commission,.ui--trans-item-head .status.giveaway,.ui--trans-item-head .type.commission,.ui--trans-item-head .type.giveaway{color:var(--color-keyword);background-color:rgba(244,114,182,.08)}.ui--trans-item-body{display:grid;grid-gap:1rem;gap:1rem}.ui--trans-item-body .columns{padding:.75rem;background-color:#f1f2f9;border-radius:var(--border-radius-medium)}.ui--trans-item-body .columns:first-child{text-align:right;background-color:rgba(67,175,97,.08)}.ui--trans-item-body .columns:first-child .value{color:var(--color-variable)}.ui--trans-item-body .columns:first-child.red{background-color:rgba(248,113,113,.08)}.ui--trans-item-body .columns:first-child.red .value{color:var(--color-invalid)}.ui--trans-item-body .label{margin:0 0 .5rem}.ui--trans-item-body .value{font-size:var(--font-size-large);font-weight:var(--font-weight-bolder)}@media(max-width:768px){.ui--trans-item-body .value{font-size:var(--font-size-regular)}}.ui--trans-empty{padding:4rem 2rem!important;text-align:center}@media(max-width:768px){.ui--trans-empty{padding:3rem 1rem!important}}.ui--trans-empty .h2{color:var(--color-theme-dark);font-size:var(--font-size-larger)}.ui--trans-empty .desc{color:var(--color-secondary-light);font-size:var(--font-size-regular)}.ui--trans-empty .action{display:flex;gap:1rem;justify-content:center;margin:2rem 0 0}.ui--trans-empty .router-link{gap:.5rem;width:220px;height:48px;border-radius:24px}@media(max-width:768px){.ui--trans-empty .router-link{width:auto;padding:0 2rem}}.ui--trans-empty .router-link .text{font-size:var(--font-size-regular);font-weight:var(--font-weight-regular)}.ui--ticket-container .container{max-width:768px;margin:0 auto}.ui--ticket-container .ticket-status{padding:8px 10px;font-weight:var(--font-weight-bold);border-radius:var(--border-radius-medium);color:var(--color-error)}@media(max-width:768px){.ui--ticket-container .ticket-status{position:absolute;top:1rem;right:1rem;padding:6px 8px;font-size:var(--font-size-small)}}.ui--ticket-container .ticket-status.win{background-color:var(--color-variable)}.ui--ticket-container .ticket-status.lose{background-color:var(--color-invalid)}.ui--ticket-container .ticket-status.waiting{background-color:var(--color-process)}.ui--ticket-container .ticket-status.canceled{background-color:var(--color-meta)}@media(max-width:768px){.ui--ticket-header .page-nav-columns:nth-child(2){position:relative;display:grid;grid-auto-flow:column}.ui--ticket-body{padding:0 1rem}}.ui--ticket-body .rows{position:relative;margin-top:2rem;background-color:#fff;border-radius:var(--border-radius-large)}@media(max-width:768px){.ui--ticket-body .rows{margin-top:1rem}}.ui--ticket-body .notice{text-align:center;margin:1.5rem 0 0;color:var(--color-invalid)}.ui--ticket-context{margin:0 0 1rem}.ui--ticket-item{padding:1rem;transition:all var(--animation-time) ease}.ui--ticket-item:hover{box-shadow:0 .5rem 1rem rgba(156,163,175,.1);transform:translateY(-2px);cursor:pointer}.ui--ticket-item-head{display:grid;grid-gap:1rem;gap:1rem;grid-auto-flow:column;justify-content:space-between;align-items:center;margin:0 0 1rem}.ui--ticket-item-head .info{display:flex;gap:.75rem;justify-content:flex-start;align-items:center}.ui--ticket-item-head .info .flag{display:block;width:26px;height:26px;object-fit:contain;object-position:center;border-radius:50%;outline:1px solid rgba(156,163,175,.25);outline-offset:2px}.ui--ticket-item-head .info .name{font-size:var(--font-size-larger);font-weight:var(--font-weight-bold)}@media(max-width:768px){.ui--ticket-item-head .info .name{font-size:var(--font-size-large)}}.ui--ticket-item-head .flex{display:flex;gap:.75rem;align-items:center;margin:.5rem 0 0}.ui--ticket-item-head .flex-col{display:inline-flex;gap:.5rem;align-items:center;font-size:var(--font-size-small)}.ui--ticket-item-head .flex .icon{color:var(--color-theme)}.ui--ticket-item-head .flex .text.bold{font-weight:var(--font-weight-bold)}.ui--ticket-item-body{display:grid;grid-gap:1rem;gap:1rem;grid-template-columns:repeat(2,1fr)}.ui--ticket-item-body .columns{padding:.75rem;background-color:#f1f2f9;border-radius:var(--border-radius-medium)}.ui--ticket-item-body .columns:nth-child(2){background-color:rgba(248,113,113,.08)}.ui--ticket-item-body .columns:nth-child(2) .value{color:var(--color-invalid)}.ui--ticket-item-body .columns:nth-child(2).green{background-color:rgba(67,175,97,.08)}.ui--ticket-item-body .columns:nth-child(2).green .value{color:var(--color-variable)}.ui--ticket-item-body .label{margin:0 0 .5rem}.ui--ticket-item-body .value{font-size:var(--font-size-large);font-weight:var(--font-weight-bolder)}@media(max-width:768px){.ui--ticket-item-body .value{font-size:var(--font-size-regular)}}.ui--ticket-empty{padding:5rem 2rem;text-align:center}.ui--ticket-empty .h2{color:var(--color-theme-dark);font-size:var(--font-size-larger);margin:0 0 .5rem}.ui--ticket-empty .desc{color:var(--color-secondary-light);font-size:var(--font-size-regular)}.ui--ticket-empty .action{display:flex;gap:1rem;justify-content:center;margin:2rem 0 0}.ui--ticket-empty .router-link{gap:.5rem;width:220px;height:48px;border-radius:24px}.ui--ticket-empty .router-link .icon{color:#fff}.ui--ticket-empty .router-link .text{font-size:var(--font-size-regular);font-weight:var(--font-weight-regular)}.ui--ticket-info{display:flex;gap:1rem;align-items:center}@media(max-width:768px){.ui--ticket-info{justify-content:space-between}}.ui--ticket-info .timestamp{text-align:right}.ui--ticket-info .h4{font-weight:var(--font-weight-regular)}.ui--ticket-info .id{color:var(--color-meta);font-size:var(--font-size-small)}@media(max-width:768px){.ui--ticket-info .id{display:none}.ui--ticket-info .ticket-status{position:relative;inset:unset}}.ui--ticket-details{padding:2rem}@media(max-width:768px){.ui--ticket-details{padding:1rem}}.ui--ticket-details-head .li{display:flex;gap:1rem;justify-content:space-between;font-size:var(--font-size-regular)}.ui--ticket-details-head .li:first-child .value{font-size:var(--font-size-larger)}@media(max-width:768px){.ui--ticket-details-head .li:first-child .value{font-size:var(--font-size-large)}}.ui--ticket-details-head .value{font-weight:var(--font-weight-bold)}.ui--ticket-details-body{display:grid;grid-gap:2rem;gap:2rem;margin:2rem 0 0}@media(max-width:768px){.ui--ticket-details-body{margin:1rem 0 0}}.ui--ticket-details-body .head{display:flex;gap:2rem;justify-content:space-between;align-items:center;padding:.5rem 0 .75rem;border-bottom:1px solid var(--color-divider-contrast)}@media(max-width:768px){.ui--ticket-details-body .head{padding:.5rem 0}}.ui--ticket-details-body .head .h2{font-size:var(--font-size-large)}.ui--ticket-details-body .table .thead{padding:.5rem 0 1rem;-webkit-user-select:none;user-select:none}.ui--ticket-details-body .table .thead .td{color:var(--color-separator);font-weight:var(--font-weight-regular)}.ui--ticket-details-body .table .tbody{display:grid;grid-gap:1rem;gap:1rem}.ui--ticket-details-body .table .tbody .tr{align-items:center;padding:4px 0}.ui--ticket-details-body .table .tbody .td{font-size:var(--font-size-small)}.ui--ticket-details-body .table .tr{display:grid;grid-gap:1rem;gap:1rem;grid-template-columns:repeat(4,calc((100% - 3rem) / 4));border-radius:var(--border-radius-medium);min-height:32px}@media(max-width:768px){.ui--ticket-details-body .table .tr{gap:.5rem;grid-template-columns:repeat(4,calc((100% - 1.5rem) / 4))}}.ui--ticket-details-body .table .tr.doubly{background-color:rgba(244,114,182,.1);box-shadow:-5px 0 0 0 rgba(244,114,182,.1)}.ui--ticket-details-body .table .tr.doubly .slot.doubly{color:var(--color-popover);background-color:var(--color-keyword)}.ui--ticket-details-body .table .tr.blocked{background-color:rgba(255,184,76,.12);box-shadow:-5px 0 0 0 rgba(255,184,76,.12)}.ui--ticket-details-body .table .tr.blocked .slot.blocked{color:var(--color-popover);background-color:var(--color-process)}.ui--ticket-details-body .table .tr.win{background-color:rgba(67,175,97,.1);box-shadow:-5px 0 0 0 rgba(67,175,97,.1)}.ui--ticket-details-body .table .tr.win .slot.win{color:var(--color-popover);background-color:var(--color-variable)}.ui--ticket-details-body .table .td{position:relative;text-align:center}.ui--ticket-details-body .table .td:first-child{text-align:left}.ui--ticket-details-body .table .text{font-weight:var(--font-weight-bold)}.ui--ticket-details-body .table .badge{position:absolute;left:.25rem;bottom:100%;display:grid;grid-gap:.25rem;gap:.25rem;grid-auto-flow:column}.ui--ticket-details-body .table .badge .slot{line-height:1;border-radius:1rem;padding:3px 5px 4px;-webkit-user-select:none;user-select:none;font-size:var(--font-size-smaller);font-weight:var(--font-weight-bold)}.ui--ticket-result{padding:2rem}@media(max-width:768px){.ui--ticket-result{padding:1rem}}.ui--ticket-result .title{font-size:var(--font-size-larger);margin:0 0 1rem;text-align:center}.ui--ticket-result .lorem{display:grid;grid-gap:1rem;gap:1rem;grid-template-columns:repeat(2,1fr)}.ui--ticket-result .lorem .columns{padding:.75rem;background-color:#f1f2f9;border-radius:var(--border-radius-medium)}.ui--ticket-result .lorem .columns:nth-child(2){background-color:rgba(248,113,113,.08)}.ui--ticket-result .lorem .columns:nth-child(2) .value{color:var(--color-invalid)}.ui--ticket-result .lorem .columns:nth-child(2).green{background-color:rgba(67,175,97,.08)}.ui--ticket-result .lorem .columns:nth-child(2).green .value{color:var(--color-variable)}.ui--ticket-result .lorem .label{margin:0 0 .5rem}.ui--ticket-result .lorem .value{font-size:var(--font-size-large);font-weight:var(--font-weight-bolder)}@media(max-width:768px){.ui--ticket-result .lorem .value{font-size:var(--font-size-regular)}}.ui--ticket-cancel{margin:2rem 0 0;text-align:center}.ui--ticket-cancel .desc{color:var(--color-invalid)}.ui--ticket-cancel .btn-cancel{width:240px;height:46px;margin:.5rem auto 0;border-radius:24px}.ui--ticket-cancel .btn-cancel .text{font-size:var(--font-size-regular)}.ui--ticket-modal{position:relative;padding:2rem;border-radius:var(--border-radius-medium);background-color:#fff;min-width:320px;text-align:center}.ui--ticket-modal .rows:nth-child(2){margin:2rem 0 0}.ui--ticket-modal .icon{font-size:2.5rem;color:var(--color-invalid)}.ui--ticket-modal .h2{font-size:1.25rem;margin:.75rem 0 .5rem}.ui--ticket-modal .desc{font-size:16px;color:var(--color-secondary-light)}.ui--ticket-modal .btn{width:100%;height:44px;border-radius:24px;margin:.75rem 0 0}.ui--numset-container .container{max-width:768px;margin:0 auto}.ui--numset-body .rows{padding:2rem;background-color:#fff;border-radius:var(--border-radius-large)}.ui--notify-container .container{max-width:768px;margin:0 auto}.ui--notify-header .desc{font-size:14px;color:var(--color-primary-dark)}@media(max-width:768px){.ui--notify-header .page-nav{grid-auto-flow:column}.ui--notify-body{padding:0 1rem}}.ui--notify-body .rows{position:relative;margin-top:2rem;margin-left:auto;margin-right:auto;background-color:#fff;border-radius:var(--border-radius-large)}.ui--notify-empty{padding:4rem 2rem;text-align:center}@media(max-width:768px){.ui--notify-empty{padding:3rem 1rem!important}}.ui--notify-empty .h2{color:var(--color-theme-dark);font-size:var(--font-size-larger)}.ui--notify-empty .desc{color:var(--color-secondary-light);font-size:var(--font-size-regular)}.ui--notify-empty .action{display:flex;gap:1rem;justify-content:center;margin:2rem 0 0}.ui--notify-empty .router-link{gap:.5rem;width:220px;height:48px;border-radius:24px}@media(max-width:768px){.ui--notify-empty .router-link{width:auto;padding:0 2rem}.ui--notify-empty .router-link:nth-child(2){display:none}}.ui--notify-empty .router-link .text{font-size:var(--font-size-regular);font-weight:var(--font-weight-regular)}.ui--referral-container .container{max-width:768px;margin:0 auto}@media(max-width:768px){.ui--referral-body{padding:0 1rem}}.ui--referral-body .container{display:grid;grid-gap:2rem;gap:2rem;grid-auto-flow:row}.ui--referral-body .rows{padding:2rem;background-color:#fff;border-radius:var(--border-radius-large)}@media(max-width:768px){.ui--referral-body .rows{padding:1rem}}.ui--referral-block{display:grid;grid-gap:1rem;gap:1rem;grid-template-columns:repeat(2,1fr);grid-template-areas:"area-1 area-1" "area-2 area-2" "area-3 area-4"}.ui--referral-block .columns{text-align:center;padding:1rem;background-color:#fff;border-radius:var(--border-radius-large)}.ui--referral-block .columns:first-child{grid-area:area-1}.ui--referral-block .columns:nth-child(2){grid-area:area-2}.ui--referral-block .columns:nth-child(3){grid-area:area-3}.ui--referral-block .columns:nth-child(4){grid-area:area-4}.ui--referral-block .h4{color:var(--color-theme-dark);font-size:var(--font-size-regular)}.ui--referral-block .value{padding:.5rem 0;color:var(--color-theme);font-size:var(--font-size-larger);font-weight:var(--font-weight-bolder)}.ui--referral-block .value small{vertical-align:middle;font-size:var(--font-size-medium);font-weight:var(--font-weight-medium)}.ui--referral-block .btn-claim{width:160px;height:36px;border-radius:24px;margin:0 auto}.ui--referral-link{display:grid;grid-gap:1rem;gap:1rem;grid-template-columns:auto 1fr;align-items:flex-start}@media(max-width:768px){.ui--referral-link{gap:.5rem;grid-template-columns:unset}}.ui--referral-link-field{display:grid;grid-gap:1rem;gap:1rem;grid-template-columns:1fr auto;padding:.5rem 1rem;background-color:#f1f2f9;border-radius:var(--border-radius-medium);cursor:pointer}@media(max-width:768px){.ui--referral-link-field{gap:.5rem}}.ui--referral-link-field .text{border-right:1px solid var(--color-secondary)}@media(max-width:768px){.ui--referral-link-field .text{padding-right:.5rem}}.ui--referral-link .title{color:var(--color-theme);font-weight:var(--font-weight-regular);line-height:34px}@media(max-width:768px){.ui--referral-link .title{line-height:normal;font-size:var(--font-size-large);font-weight:var(--font-weight-bold)}}.ui--referral-link .desc{margin:.25rem 0 0 .25rem;color:var(--color-meta)}.ui--referral-members .title{color:var(--color-theme);font-size:var(--font-size-large)}.ui--referral-members .table{margin:1rem 0}.ui--referral-members .table .thead{-webkit-user-select:none;user-select:none;padding:0 0 .25rem;border-bottom:1px solid var(--color-divider-contrast)}.ui--referral-members .table .thead .td{color:var(--color-separator);font-size:var(--font-size-small);font-weight:var(--font-weight-medium)}.ui--referral-members .table .tbody{display:grid;grid-gap:.5rem;gap:.5rem}.ui--referral-members .table .tbody .tr{align-items:center;padding:.5rem}.ui--referral-members .table .tbody .td{font-weight:var(--font-weight-regular)}.ui--referral-members .table .tr{display:grid;grid-gap:1rem;gap:1rem;grid-template-columns:2fr repeat(3,1fr);padding:0 .5rem}@media(max-width:768px){.ui--referral-members .table .tr{gap:.5rem;grid-template-columns:repeat(4,1fr)}}.ui--referral-members .table .tr:nth-child(2n){background-color:#fafafc}.ui--referral-members .table .td:not(:first-child){text-align:center}.ui--referral-members .table .td .bi-check-lg{color:var(--color-variable)}.ui--referral-rules .title{margin:0 0 .5rem;color:var(--color-theme);font-size:var(--font-size-large)}.ui--referral-rules .ul{list-style:square;padding-left:1rem}.ui--referral-rules .ul:not(:last-child){margin-bottom:1rem}.ui--referral-rules .li{color:var(--color-theme-dark)}.ui--referral-rules .li i{color:var(--color-theme);text-decoration:underline}.ui--referral-empty{text-align:center}.ui--referral-empty .image{margin:0 0 .5rem}.ui--referral-empty .text{color:var(--color-theme-dark);font-size:var(--font-size-large)}.ui--referral-claim-form{display:grid;grid-gap:.5rem;gap:.5rem;padding:1rem;max-width:460px;margin:0 auto}.ui--referral-claim .label{color:var(--color-meta)}.ui--referral-claim .field{display:grid;grid-template-columns:1fr auto;padding:1rem 2rem;background-color:#f1f2f9;border-radius:var(--border-radius-medium)}.ui--referral-claim .field input{color:var(--color-theme);font-size:26px;font-weight:var(--font-weight-bolder)}.ui--referral-claim .field input::placeholder{color:rgba(20,20,20,.2);font-size:var(--font-size-large)}.ui--referral-claim .field .unit{align-self:center;font-size:1rem;color:var(--color-theme)}.ui--referral-claim .balance{color:var(--color-meta)}.ui--referral-claim .balance b{color:var(--color-theme);font-size:var(--font-size-regular)}.ui--referral-claim .notice{color:var(--color-meta)}.ui--referral-claim .action{display:grid;grid-gap:1rem;gap:1rem;grid-auto-flow:column;justify-content:center;margin:1.5rem 0 0}.ui--referral-claim .btn{width:160px;height:46px;border-radius:24px}.ui--referral-claim .btn .text{font-size:var(--font-size-regular)}.ui--pwd-container .container{max-width:768px;margin:0 auto}@media(max-width:768px){.ui--pwd-body{padding:0 1rem}}.ui--pwd-form{position:relative;display:grid;grid-gap:1rem;gap:1rem;padding:4rem 8rem;background-color:#fff;border-radius:var(--border-radius-large)}@media(max-width:768px){.ui--pwd-form{padding:1.5rem}}.ui--pwd-form .rows:last-child{display:grid;grid-gap:1rem;gap:1rem;grid-auto-flow:column;justify-content:center}.ui--pwd-form .hr{opacity:.25;border-color:var(--color-secondary-dark)}@media(max-width:768px){.ui--pwd-form .hr{margin:0}}.ui--pwd-form .btn{height:46px;border-radius:24px}@media(max-width:768px){.ui--pwd-form .btn{padding:0 1.5rem}}.ui--pwd-form .btn-submit{width:240px}@media(max-width:768px){.ui--pwd-form .btn-submit{width:auto}}.ui--pwd-form .btn-cancel{width:180px}@media(max-width:768px){.ui--pwd-form .btn-cancel{width:auto}}.ui--pwd-form [class$=input-field] input{background-color:#f1f2f9}.ui--pwd-modal{position:relative;padding:2rem;border-radius:var(--border-radius-medium);background-color:#fff;min-width:320px;text-align:center}.ui--pwd-modal .rows:nth-child(2){margin:2rem 0 0}.ui--pwd-modal .icon{font-size:3rem;color:var(--color-variable)}.ui--pwd-modal .h2{font-size:1.75rem}.ui--pwd-modal .desc{font-size:16px;color:var(--color-secondary-light)}.ui--pwd-modal .btn{width:100%;height:46px;border-radius:24px}.ui--draw-container .container{max-width:992px;margin:0 auto}@media(max-width:768px){.ui--draw-body{padding:0 1rem}}.ui--draw-body [class$=-feeds]{position:relative;padding:3rem;background-color:#fff;border-radius:var(--border-radius-large)}@media(max-width:768px){.ui--draw-body [class$=-feeds]{padding:1.5rem 1rem}}.ui--award-container .container{max-width:768px;margin:0 auto}@media(max-width:768px){.ui--award-body{padding:0 1rem}}.ui--award-body .container{display:grid;grid-gap:2rem;gap:2rem;grid-auto-flow:row}@media(max-width:768px){.ui--award-body .container{gap:1rem}}.ui--award-body .rows{padding:2rem;background-color:#fff;border-radius:var(--border-radius-large)}@media(max-width:768px){.ui--award-body .rows{padding:1rem}}.ui--award-slot-head{display:grid;grid-gap:1rem;gap:1rem;grid-auto-flow:column;justify-content:space-between;align-items:center;margin:0 0 2rem;-webkit-user-select:none;user-select:none}@media(max-width:768px){.ui--award-slot-head{gap:.75rem}}.ui--award-slot-head .columns{display:grid;grid-gap:.5rem;gap:.5rem;grid-auto-flow:column;align-items:center}.ui--award-slot-head .flag{display:block;width:36px;height:36px;object-fit:contain;object-position:center;border-radius:50%;outline:2px solid rgba(156,163,175,.25);outline-offset:2px}@media(max-width:768px){.ui--award-slot-head .flag{width:30px;height:30px}}.ui--award-slot-head .name{font-size:1.5rem;margin-left:.25rem}@media(max-width:768px){.ui--award-slot-head .name{font-size:1.25rem}}.ui--award-slot-head .status{line-height:36px;padding:0 1rem;font-weight:var(--font-weight-bold);color:var(--color-primary-light);background-color:var(--color-process);border-radius:var(--border-radius-large)}@media(max-width:768px){.ui--award-slot-head .status{line-height:32px;padding:0 .75rem;font-size:var(--font-size-small)}}.ui--award-slot-head .date{display:flex;gap:.5rem;line-height:36px;padding:0 1rem;font-weight:var(--font-weight-regular);background-color:#f1f2f9;border-radius:var(--border-radius-large)}@media(max-width:768px){.ui--award-slot-head .date{line-height:32px;padding:0 .75rem;font-size:var(--font-size-small)}}.ui--award-slot-head .date .icon{color:var(--color-meta)}.ui--award-slot-body{display:grid;grid-gap:1rem;gap:1rem}.ui--award-slot-body .row{display:grid;grid-gap:.75rem;gap:.75rem;grid-template-columns:repeat(2,1fr)}.ui--award-slot-body .lorem{display:grid;grid-gap:.5rem 1rem;gap:.5rem 1rem;padding:1rem;background-color:#f1f2f9;border-radius:var(--border-radius-large)}.ui--award-slot-body .lorem.type-a{grid-template-columns:80px 1fr}.ui--award-slot-body .lorem.type-b{display:grid}.ui--award-slot-body .lorem .gap{display:flex;gap:1.5rem}.ui--award-slot-body .label{color:var(--color-primary-dark);-webkit-user-select:none;user-select:none}.ui--award-slot-body .value{font-weight:var(--font-weight-bolder)}.ui--award-slot-dairy .thead{-webkit-user-select:none;user-select:none}.ui--award-slot-dairy .thead .td{color:var(--color-meta)}.ui--award-slot-dairy .tbody{display:grid;grid-gap:1rem;gap:1rem;margin:1rem 0 0}.ui--award-slot-dairy .tbody .td:nth-child(2),.ui--award-slot-dairy .tbody .td:nth-child(3){font-weight:var(--font-weight-bolder)}.ui--award-slot-dairy .tr{display:grid;grid-gap:1rem;gap:1rem;grid-template-columns:2fr repeat(2,1fr)}@media(max-width:768px){.ui--award-slot-dairy .tr{grid-template-columns:3fr repeat(2,1fr)}}.ui--award-slot-dairy .info{display:flex;gap:.5rem;justify-content:flex-start;align-items:center}.ui--award-slot-dairy .info .flag{display:block;width:24px;height:24px;object-fit:contain;object-position:center;border-radius:50%;outline:1px solid rgba(156,163,175,.25);outline-offset:2px}.ui--award-slot-dairy .info .name{font-size:1rem;font-weight:var(--font-weight-regular);margin-left:.25rem}@media(max-width:768px){.ui--award-slot-dairy .info .name{display:grid;font-size:var(--font-size-medium)}}.ui--award-slot-dairy .info .name .desc{padding-left:.5rem;color:var(--color-meta);font-size:var(--font-size-small)}@media(max-width:768px){.ui--award-slot-dairy .info .name .desc{padding-left:0;font-size:var(--font-size-smaller)}}.ui--award-slot .closed{color:var(--color-meta)}.ui--rules-container .container{max-width:768px;margin:0 auto}.ui--rules-body .container{display:grid;grid-gap:2rem;gap:2rem;grid-auto-flow:row}.ui--rules-body .rows{padding:2rem;background-color:#fff;border-radius:var(--border-radius-large)}.ui--rules-body .title{font-size:1.75em}.ui--rules-rath .ul{display:grid;grid-gap:.5rem;gap:.5rem}.ui--rules-rath .li{display:grid;grid-gap:1rem;gap:1rem;grid-auto-flow:column;justify-content:space-between}.ui--rules-rath .li.head{padding:.75rem 0 .5rem;border-bottom:1px solid var(--color-divider-contrast)}.ui--rules-rath .label{font-size:var(--font-size-regular)}.ui--rules-rath .label.bold{font-weight:var(--font-weight-bold)}.ui--rules-content{display:grid;grid-gap:1rem;gap:1rem}.ui--rules-content .h4{font-size:1rem}.ui--rules-content .ul{list-style-type:disc;padding-left:1.1rem}.ui--rules-content b{font-weight:var(--font-weight-regular)}.ui--betting-form-numpad{display:grid;grid-gap:3rem;gap:3rem;width:360px;margin:0 auto}@media(max-width:768px){.ui--betting-form-numpad{gap:2rem;width:100%;padding:0 1rem}}.ui--betting-form-numpad .numpad-field{text-align:center}.ui--betting-form-numpad .numpad-field .h2{font-size:var(--font-size-large);margin:0 0 1rem}.ui--betting-form-numpad .numpad-field .ul{display:grid;grid-gap:1rem;gap:1rem;grid-auto-flow:column;justify-content:center}.ui--betting-form-numpad .numpad-field .li{display:flex;width:72px;height:72px;justify-content:center;align-items:center;border-radius:.75rem;box-shadow:0 6px 12px rgba(156,163,175,.2);pointer-events:none;color:rgba(156,163,175,.5)}.ui--betting-form-numpad .numpad-field .li.focus{box-shadow:0 0 0 1px var(--color-theme),0 6px 12px rgba(156,163,175,.2)}.ui--betting-form-numpad .numpad-field .li.active{color:var(--color-primary)}.ui--betting-form-numpad .numpad-field .li .text{font-size:var(--font-size-larger);font-weight:var(--font-weight-bold)}.ui--betting-form-numpad .numpad-panel .ul{display:grid;grid-gap:.32rem;gap:.32rem}.ui--betting-form-numpad .numpad-panel .ul.grid-x3{grid-template-columns:repeat(3,1fr)}.ui--betting-form-numpad .numpad-panel .ul.grid-x2{grid-template-columns:repeat(2,1fr);margin:.32rem 0 0}.ui--betting-form-numpad .btn{width:100%;height:64px;border-radius:.75rem}.ui--betting-form-numpad .btn-number{color:var(--color-theme);background-color:#f1f2f9}.ui--betting-form-numpad .btn-number:hover{color:var(--color-secondary-dark);background-color:var(--color-theme)}.ui--betting-form-numpad .btn-number:active{background-color:var(--color-theme-light)}.ui--betting-form-numpad .btn-number .text{font-size:var(--font-size-large);font-weight:var(--font-weight-bold)}.ui--betting-form-numpad .btn-backspace{padding:12px 0;gap:0;grid-auto-flow:row;background-color:rgba(248,113,113,.2)}.ui--betting-form-numpad .btn-backspace .icon{color:var(--color-invalid);font-size:var(--font-size-regular)}.ui--betting-form-numpad .btn-backspace .text{color:var(--color-theme);font-size:var(--font-size-regular);font-weight:var(--font-weight-regular)}.ui--betting-basket{display:grid;grid-gap:2rem;gap:2rem;grid-auto-flow:row}@media(max-width:768px){.ui--betting-basket{gap:1rem;padding:1rem!important}}.ui--betting-basket-head{display:grid;grid-gap:2rem;gap:2rem;grid-auto-flow:column;justify-content:space-between;align-items:center}.ui--betting-basket-head .h2{font-size:var(--font-size-larger);font-weight:var(--font-weight-bold)}@media(max-width:768px){.ui--betting-basket-head .h2{font-size:var(--font-size-large)}}.ui--betting-basket-head .desc{color:var(--color-meta)}.ui--betting-basket-head .btn-reset{gap:.5rem;height:42px;padding:0 1rem;background-color:#f1f2f9;border-radius:var(--border-radius-medium)}.ui--betting-basket-head .btn-reset:hover{background-color:#e2e4f3}.ui--betting-basket-head .btn-reset .icon{color:var(--color-invalid)}.ui--betting-basket-table{display:grid;grid-gap:2rem;gap:2rem;grid-auto-flow:row}.ui--betting-basket-table .title{display:grid;grid-gap:2rem;gap:2rem;grid-auto-flow:column;justify-content:space-between;align-items:center;padding:.5rem 0;border-bottom:1px solid var(--color-divider-contrast)}.ui--betting-basket-table .title .h2{font-size:var(--font-size-large)}@media(max-width:768px){.ui--betting-basket-table .title .h2{font-size:var(--font-size-regular)}}.ui--betting-basket-table .title .count{color:var(--color-separator)}.ui--betting-basket-table .table .thead{padding:.5rem 0 1rem;-webkit-user-select:none;user-select:none}@media(max-width:768px){.ui--betting-basket-table .table .thead{padding:.5rem 0}}.ui--betting-basket-table .table .thead .td{color:var(--color-separator);font-weight:var(--font-weight-regular);white-space:nowrap}.ui--betting-basket-table .table .tbody{display:grid;grid-gap:1rem;gap:1rem}.ui--betting-basket-table .table .tbody .tr{align-items:center;padding:4px 0}.ui--betting-basket-table .table .tbody .td{font-size:var(--font-size-small)}.ui--betting-basket-table .table .tr{display:grid;grid-gap:1rem;gap:1rem;grid-template-columns:repeat(4,calc((100% - (4rem + 32px)) / 4)) 32px;border-radius:var(--border-radius-medium)}@media(max-width:768px){.ui--betting-basket-table .table .tr{gap:.5rem;grid-template-columns:repeat(4,calc((100% - (2rem + 32px)) / 4)) 32px}}.ui--betting-basket-table .table .tr.doubly{background-color:rgba(244,114,182,.1);box-shadow:-5px 0 0 0 rgba(244,114,182,.1)}.ui--betting-basket-table .table .tr.doubly .slot.doubly{color:var(--color-popover);background-color:var(--color-keyword)}.ui--betting-basket-table .table .tr.blocked{background-color:rgba(255,184,76,.12);box-shadow:-5px 0 0 0 rgba(255,184,76,.12)}.ui--betting-basket-table .table .tr.blocked .slot.blocked{color:var(--color-popover);background-color:var(--color-process)}.ui--betting-basket-table .table .tr.blocked.l10{background-color:rgba(250,30,30,.12);box-shadow:-5px 0 0 0 rgba(250,30,30,.12)}.ui--betting-basket-table .table .tr.blocked.l10 .slot.blocked{color:#fff;background-color:#fa1e1e}.ui--betting-basket-table .table .td{position:relative;text-align:center}.ui--betting-basket-table .table .td:first-child{text-align:left}.ui--betting-basket-table .table .td:last-child{text-align:right}.ui--betting-basket-table .table .text{font-size:var(--font-size-medium);font-weight:var(--font-weight-bold)}.ui--betting-basket-table .table .badge{position:absolute;left:.25rem;bottom:100%;display:grid;grid-gap:.25rem;gap:.25rem;grid-auto-flow:column}.ui--betting-basket-table .table .badge .slot{line-height:1;border-radius:1rem;padding:3px 5px 4px;-webkit-user-select:none;user-select:none;font-size:var(--font-size-smaller);font-weight:var(--font-weight-bold)}.ui--betting-basket-table .table .badge-warning{left:.25rem;bottom:100%;margin-top:.25rem;display:grid;grid-gap:.25rem;gap:.25rem;grid-auto-flow:column;font-size:var(--font-size-smaller);color:#f37575}.ui--betting-basket-table .table .input{width:64%;height:32px;margin:0 auto;padding:0 .25rem;text-align:center;border-radius:var(--border-radius-medium);background-color:#f1f2f9}@media(max-width:768px){.ui--betting-basket-table .table .input{width:98%}}.ui--betting-basket-table .table .input-warning{width:64%;height:32px;margin:0 auto;padding:0 .25rem;text-align:center;border-radius:var(--border-radius-medium);border-style:solid;border-color:#f37575;background-color:#f1f2f9}@media(max-width:768px){.ui--betting-basket-table .table .input-warning{width:98%}}.ui--betting-basket-table .btn-remove{width:32px;height:32px;border-radius:var(--border-radius-medium)}.ui--betting-basket-table .btn-remove:hover{background-color:#f1f2f9}.ui--betting-basket-table .btn-remove .icon{color:var(--color-invalid)}.ui--betting-basket-empty{text-align:center;padding:2rem 0}.ui--betting-basket-empty .h2{font-size:var(--font-size-larger);font-weight:var(--font-weight-bold)}.ui--betting-basket-empty .desc{color:var(--color-meta);font-size:var(--font-size-regular)}.ui--betting-basket-empty .icon{font-size:4rem;color:var(--color-invalid)}.ui--betting-price{display:grid;grid-gap:2rem;gap:2rem;grid-auto-flow:row;margin:2rem 0 0}@media(max-width:768px){.ui--betting-price{gap:1rem;padding:1rem!important}}.ui--betting-price-head{text-align:center}.ui--betting-price-head .h2{font-size:var(--font-size-larger);font-weight:var(--font-weight-bold)}.ui--betting-price-option .group{display:grid;grid-gap:.5rem;gap:.5rem;grid-template-columns:repeat(4,1fr)}@media(max-width:768px){.ui--betting-price-option .group{gap:.25rem}}.ui--betting-price-option .or{height:1px;margin:2.25rem 0;text-align:center;pointer-events:none;background-color:var(--color-divider-contrast)}@media(max-width:768px){.ui--betting-price-option .or{margin:1.5rem 0}}.ui--betting-price-option .or .text{position:absolute;left:50%;padding:0 1rem;background-color:#fff;transform:translate(-50%,-50%);font-size:var(--font-size-regular);font-weight:var(--font-weight-bold)}.ui--betting-price-option .custom{display:grid;grid-template-columns:auto 1fr auto;padding:.25rem;line-height:46px;background-color:#f1f2f9;border-radius:var(--border-radius-medium)}.ui--betting-price-option .custom .label{padding:0 1rem;font-size:var(--font-size-regular);font-weight:var(--font-weight-regular)}.ui--betting-price-option .custom .input{height:46px;padding:0 1rem;background-color:#fff;border-radius:var(--border-radius-medium) 0 0 var(--border-radius-medium)}.ui--betting-price-option .custom .unit{padding-right:1rem;background-color:#fff;border-radius:0 var(--border-radius-medium) var(--border-radius-medium) 0}.ui--betting-price-option .btn-choice{height:46px;border-radius:var(--border-radius-medium);background-color:#f1f2f9}.ui--betting-price-option .btn-choice:hover{color:#fff;background-color:var(--color-theme)}.ui--betting-price-option .btn-choice .text{font-size:var(--font-size-regular);font-weight:var(--font-weight-regular)}.ui--betting-price-summary{display:grid;grid-gap:.5rem;gap:.5rem;grid-template-columns:repeat(2,1fr)}@media(max-width:768px){.ui--betting-price-summary{grid-template-columns:repeat(2,auto)}}.ui--betting-price-summary .columns{overflow:hidden;border-radius:var(--border-radius-medium)}.ui--betting-price-summary .columns:first-child{background-color:#f1f2f9}.ui--betting-price-summary .columns:first-child .value{padding:.75rem 1rem}.ui--betting-price-summary .columns:first-child .value:after{content:"บาท";margin-left:5px;font-size:var(--font-size-medium);font-weight:var(--font-weight-medium)}.ui--betting-price-summary .columns:first-child .desc{padding:1rem 1rem 0;color:var(--color-secondary-light)}.ui--betting-price-summary .columns:nth-child(2){padding:1.4rem 1rem;text-align:center;background-color:var(--color-theme)}.ui--betting-price-summary .columns:nth-child(2) .value{padding:.5rem 0;color:#fff}.ui--betting-price-summary .columns:nth-child(2) .desc{color:hsla(0,0%,100%,.75)}.ui--betting-price-summary .value{font-size:var(--font-size-larger);font-weight:var(--font-weight-bold)}@media(max-width:768px){.ui--betting-price-summary .value{font-size:var(--font-size-large)}}.ui--betting-price-summary .desc{font-size:var(--font-size-regular)}@media(max-width:768px){.ui--betting-price-summary .desc{font-size:var(--font-size-medium)}}.ui--betting-price-summary .btn-refill{gap:.5rem;height:46px;border-radius:0;font-size:var(--font-size-regular)}.ui--betting-price-summary .btn-refill .icon{color:#fff}.ui--betting-price-summary .btn-refill .text{font-weight:var(--font-weight-regular)}.ui--betting-price-footer{display:grid;grid-gap:1rem;gap:1rem;grid-template-columns:1fr 2fr}.ui--betting-price-footer .btn{height:50px;border-radius:25px}.ui--betting-price-footer .btn .text{font-size:var(--font-size-regular);font-weight:var(--font-weight-regular)}.ui--betting-price-modal{position:relative;display:grid;grid-gap:2rem;gap:2rem;padding:2rem;min-width:320px;text-align:center;background-color:#fff;border-radius:var(--border-radius-medium)}.ui--betting-price-modal .rows{display:grid;grid-gap:.5rem;gap:.5rem}.ui--betting-price-modal .rows.exclamation .h2,.ui--betting-price-modal .rows.exclamation .icon{color:var(--color-process)}.ui--betting-price-modal .rows.invalid .h2,.ui--betting-price-modal .rows.invalid .icon{color:var(--color-invalid)}.ui--betting-price-modal .rows.confirm .icon{color:var(--color-operator)}.ui--betting-price-modal .rows.success .icon{color:var(--color-variable)}.ui--betting-price-modal .rows.blocked .icon{color:var(--color-invalid)}.ui--betting-price-modal .icon{font-size:3rem}.ui--betting-price-modal .h2{font-size:1.5rem}.ui--betting-price-modal .p1 b{color:var(--color-invalid)}.ui--betting-price-modal .p1 span{padding-left:5px}.ui--betting-price-modal .value{font-size:var(--font-size-large);font-weight:var(--font-weight-bold)}.ui--betting-price-modal .desc{color:var(--color-separator);font-size:var(--font-size-regular)}.ui--betting-price-modal .notice{padding:1rem;margin:1rem 0 0;border-radius:.5rem;font-weight:var(--font-weight-bold);color:var(--color-invalid);background-color:rgba(248,113,113,.05)}.ui--betting-price-modal .btn{width:100%;height:44px;border-radius:22px}.ui--betting-price-modal .btn .text{font-weight:var(--font-weight-regular)}.ui--betting-price-modal .btn-denied{height:38px;background-color:#f1f2f9}@media(max-width:768px){.full-panel{display:block;padding:.5rem}}.ui--betting-panel{display:grid;grid-gap:1rem;gap:1rem;grid-auto-flow:row;margin:2rem 0 0}@media(max-width:768px){.ui--betting-panel{gap:1rem;padding:1rem!important}}.ui--betting-panel-head{text-align:center;color:#0c3eae}.ui--betting-panel-head .h2{font-size:var(--font-size-larger);font-weight:var(--font-weight-bold)}.ui--betting-panel-head .close{position:absolute;top:0;right:0;z-index:1;padding:1.25rem 1rem 0 0}.ui--betting-panel-head .close .btn-close{width:26px;height:26px;padding:0}.ui--betting-panel-head .close .btn-close .icon{font-size:var(--font-size-regular);-webkit-text-stroke:1px}.ui--betting-panel-option{background-color:#f1f2f9;border-radius:20px;padding:.5rem;row-gap:16px}.ui--betting-panel-option .section{display:grid;grid-row-gap:.5rem;row-gap:.5rem}.ui--betting-panel-option .section .label{padding:0;font-size:var(--font-size-normal);font-weight:var(--font-weight-regular)}.ui--betting-panel-option.main{padding:0}.ui--betting-panel-option .tabs{display:grid;grid-gap:.5rem;gap:.5rem;grid-auto-flow:column;padding:.5rem;border-radius:var(--border-radius-medium) var(--border-radius-medium)}.ui--betting-panel-option .tabs:first-child{gap:0;background-color:var(--color-theme)}.ui--betting-panel-option .tabs:nth-child(2){background-color:#e7e8f5}.ui--betting-panel-option .tabs .btn{border-radius:var(--border-radius-medium)}.ui--betting-panel-option .tabs .btn-tab-main{grid-auto-flow:row;gap:.25rem;height:auto;padding:.75rem;justify-content:center}@media(max-width:768px){.ui--betting-panel-option .tabs .btn-tab-main{padding:.5rem}}.ui--betting-panel-option .tabs .btn-tab-main.active{background-color:var(--color-theme-light)}.ui--betting-panel-option .tabs .btn-tab-main .svg{width:24px;height:24px;margin:0 auto;color:var(--color-secondary-dark)}.ui--betting-panel-option .tabs .btn-tab-main .text{color:var(--color-secondary-dark);font-size:var(--font-size-regular);font-weight:var(--font-weight-regular)}.ui--betting-panel-option .tabs .btn-tab-sub{height:48px;border-radius:var(--border-radius-medium);color:var(--color-secondary-light)}@media(max-width:768px){.ui--betting-panel-option .tabs .btn-tab-sub{height:auto;padding:.5rem;grid-auto-flow:row}}.ui--betting-panel-option .tabs .btn-tab-sub.active{background-color:hsla(0,0%,100%,.75);box-shadow:0 0 0 1px var(--color-theme-light)}.ui--betting-panel-option .tabs .btn-tab-sub.active .text{color:var(--color-theme);font-weight:var(--font-weight-bold)}.ui--betting-panel-option .tabs .btn-tab-sub.active .mult{color:#fff;background-color:var(--color-theme-light);font-weight:var(--font-weight-regular)}.ui--betting-panel-option .tabs .btn-tab-sub .text{font-size:var(--font-size-regular)}.ui--betting-panel-option .tabs .btn-tab-sub .mult{margin-left:3px;padding:3px 9px;border-radius:1rem;background-color:#d6d7e3}@media(max-width:768px){.ui--betting-panel-option .tabs .btn-tab-sub .mult{margin:0;padding:0 3px;font-size:var(--font-size-small)}}.ui--betting-panel-option .group{display:grid;grid-gap:.5rem;gap:.5rem;grid-auto-flow:column}@media(max-width:768px){.ui--betting-panel-option .group{gap:.25rem}}.ui--betting-panel-option .group-tab{gap:4px 0;grid-auto-flow:row;grid-template-columns:repeat(5,1fr)}@media(max-width:768px){.ui--betting-panel-option .group-tab{grid-template-columns:repeat(10,1fr)}}.ui--betting-panel-option .group .btn{border:1px solid #d6d7e3;border-radius:12px;background:#fff}.ui--betting-panel-option .group .btn.active{background:#4275f5;color:#fff}.ui--betting-panel-option .group .btn.active .mult{color:#43af61;background-color:#fff}.ui--betting-panel-option .group .btn.disabled{background:#c6c6c6}.ui--betting-panel-option .group .btn.blocked-1{color:#fb0}.ui--betting-panel-option .group .btn.blocked-2{color:red}.ui--betting-panel-option .group .btn.blocked-10{background-color:#c6c6c6;color:#939393}.ui--betting-panel-option .group .btn-tab{border-radius:0;border-right:none}.ui--betting-panel-option .group .btn-tab:first-child,.ui--betting-panel-option .group .btn-tab:nth-child(6){border-radius:var(--border-radius-large) 0 0 var(--border-radius-large)}.ui--betting-panel-option .group .btn-tab:last-child,.ui--betting-panel-option .group .btn-tab:nth-child(5){border-radius:0 var(--border-radius-large) var(--border-radius-large) 0;border:1px solid #d6d7e3}@media(max-width:768px){.ui--betting-panel-option .group .btn-tab:not(:last-child){border-radius:0;border-right:none}.ui--betting-panel-option .group .btn-tab:first-child{border-radius:var(--border-radius-large) 0 0 var(--border-radius-large)}.ui--betting-panel-option .group .btn-tab:last-child{border-radius:0 var(--border-radius-large) var(--border-radius-large) 0}}.ui--betting-panel-option .group .btn .mult{color:#fff;background-color:var(--color-theme-light);font-weight:var(--font-weight-regular);margin-left:8px;padding:3px 9px;border-radius:.5rem;background-color:#43af61}@media(max-width:768px){.ui--betting-panel-option .group .btn .mult{border-radius:var(--border-radius-small);padding:3px;font-size:var(--font-size-small)}}.ui--betting-panel-option .two-bet-wrapper{display:grid;grid-auto-flow:column;grid-template-columns:repeat(3,1fr);grid-gap:.5rem;gap:.5rem}@media(max-width:768px){.ui--betting-panel-option .two-bet-wrapper{grid-auto-flow:row;grid-template-columns:1fr}}.ui--betting-panel-option .group-bets{grid-auto-flow:row;grid-template-columns:repeat(10,1fr)}@media(max-width:768px){.ui--betting-panel-option .group-bets{grid-template-columns:repeat(5,1fr)}}.ui--betting-panel-option .group-bet{grid-auto-flow:row;grid-template-columns:repeat(10,1fr)}@media(max-width:768px){.ui--betting-panel-option .group-bet{grid-template-columns:repeat(5,1fr)}}.ui--betting-panel-option .or{height:1px;margin:2.25rem 0;text-align:center;pointer-events:none;background-color:var(--color-divider-contrast)}@media(max-width:768px){.ui--betting-panel-option .or{margin:1.5rem 0}}.ui--betting-panel-option .or .text{position:absolute;left:50%;padding:0 1rem;background-color:#fff;transform:translate(-50%,-50%);font-size:var(--font-size-regular);font-weight:var(--font-weight-bold)}.ui--betting-panel-option .custom{display:grid;grid-template-columns:auto 1fr auto;padding:.25rem;line-height:46px;background-color:#f1f2f9;border-radius:var(--border-radius-medium)}.ui--betting-panel-option .custom .label{padding:0 1rem;font-size:var(--font-size-regular);font-weight:var(--font-weight-regular)}.ui--betting-panel-option .custom .input{height:46px;padding:0 1rem;background-color:#fff;border-radius:var(--border-radius-medium) 0 0 var(--border-radius-medium)}.ui--betting-panel-option .custom .unit{padding-right:1rem;background-color:#fff;border-radius:0 var(--border-radius-medium) var(--border-radius-medium) 0}.ui--betting-panel-option .btn-choice{height:46px;border-radius:var(--border-radius-medium);background-color:#f1f2f9}.ui--betting-panel-option .btn-choice:hover{color:#fff;background-color:var(--color-theme)}.ui--betting-panel-option .btn-choice .text{font-size:var(--font-size-regular);font-weight:var(--font-weight-regular)}.ui--betting-panel-summary{display:grid;grid-gap:.5rem;gap:.5rem;grid-template-columns:repeat(2,1fr)}@media(max-width:768px){.ui--betting-panel-summary{grid-template-columns:repeat(2,auto)}}.ui--betting-panel-summary .columns{overflow:hidden;border-radius:var(--border-radius-medium)}.ui--betting-panel-summary .columns:first-child{background-color:#f1f2f9}.ui--betting-panel-summary .columns:first-child .value{padding:.75rem 1rem}.ui--betting-panel-summary .columns:first-child .value:after{content:"บาท";margin-left:5px;font-size:var(--font-size-medium);font-weight:var(--font-weight-medium)}.ui--betting-panel-summary .columns:first-child .desc{padding:1rem 1rem 0;color:var(--color-secondary-light)}.ui--betting-panel-summary .columns:nth-child(2){padding:1.4rem 1rem;text-align:center;background-color:var(--color-theme)}.ui--betting-panel-summary .columns:nth-child(2) .value{padding:.5rem 0;color:#fff}.ui--betting-panel-summary .columns:nth-child(2) .desc{color:hsla(0,0%,100%,.75)}.ui--betting-panel-summary .value{font-size:var(--font-size-larger);font-weight:var(--font-weight-bold)}@media(max-width:768px){.ui--betting-panel-summary .value{font-size:var(--font-size-large)}}.ui--betting-panel-summary .desc{font-size:var(--font-size-regular)}@media(max-width:768px){.ui--betting-panel-summary .desc{font-size:var(--font-size-medium)}}.ui--betting-panel-summary .btn-refill{gap:.5rem;height:46px;border-radius:0;font-size:var(--font-size-regular)}.ui--betting-panel-summary .btn-refill .icon{color:#fff}.ui--betting-panel-summary .btn-refill .text{font-weight:var(--font-weight-regular)}.ui--betting-panel-footer{display:grid;grid-gap:1rem;gap:1rem;grid-template-columns:1fr 2fr}.ui--betting-panel-footer .btn{height:50px;border-radius:25px}.ui--betting-panel-footer .btn .text{font-size:var(--font-size-regular);font-weight:var(--font-weight-regular)}.ui--betting-panel-modal{width:1024px;position:relative;display:grid;grid-gap:1rem;gap:1rem;padding:1rem 2rem;min-width:320px;text-align:center;background-color:#fff;border-radius:var(--border-radius-medium)}@media(max-width:768px){.ui--betting-panel-modal{width:auto;padding:1rem .5rem;gap:1rem}}.ui--betting-panel-modal .rows{display:grid;grid-gap:.5rem;gap:.5rem}.ui--betting-panel-modal .rows .section{font-weight:var(--font-weight-regular)}.ui--betting-panel-modal .rows .section span{margin:0 12px}.ui--betting-panel-modal .rows .section .blocked-1{color:#fb0}.ui--betting-panel-modal .rows .section .blocked-2{color:red}.ui--betting-panel-modal .rows.exclamation .h2,.ui--betting-panel-modal .rows.exclamation .icon{color:var(--color-process)}.ui--betting-panel-modal .rows.invalid .h2,.ui--betting-panel-modal .rows.invalid .icon{color:var(--color-invalid)}.ui--betting-panel-modal .rows.confirm .icon{color:var(--color-operator)}.ui--betting-panel-modal .rows.success .icon{color:var(--color-variable)}.ui--betting-panel-modal .rows.blocked .icon{color:var(--color-invalid)}.ui--betting-panel-modal .icon{font-size:3rem}.ui--betting-panel-modal .h2{font-size:1.5rem}.ui--betting-panel-modal .p1 b{color:var(--color-invalid)}.ui--betting-panel-modal .p1 span{padding-left:5px}.ui--betting-panel-modal .value{font-size:var(--font-size-large);font-weight:var(--font-weight-bold)}.ui--betting-panel-modal .desc{color:var(--color-separator);font-size:var(--font-size-regular)}.ui--betting-panel-modal .rows-submit{justify-content:space-evenly}.ui--betting-panel-modal .btn{width:100%;height:44px;border-radius:22px}.ui--betting-panel-modal .btn .text{font-weight:var(--font-weight-regular)}.ui--betting-panel-modal .btn-denied{height:38px;background-color:#f1f2f9}.ui--betting-panel-modal .btn-submit{width:240px;height:50px;padding:0 1rem;border-radius:2rem;font-size:18px}.ui--betting-container .container{max-width:768px;margin:0 auto}.ui--betting-header .h3{display:flex;gap:.5rem;align-items:center}.ui--betting-header .h3 .icon{display:block;width:28px;height:28px;object-fit:contain;object-position:center;border-radius:50%;outline:1px solid rgba(156,163,175,.25);outline-offset:2px}@media(max-width:768px){.ui--betting-body{padding:0 1rem}}.ui--betting-body .rows{padding:2rem;background-color:#fff;border-radius:var(--border-radius-large)}@media(max-width:768px){.ui--betting-body .rows{padding:0}}.ui--betting-datetime{display:flex;gap:.5rem;align-items:center}@media(max-width:768px){.ui--betting-datetime{display:grid;justify-content:flex-start}}.ui--betting-datetime .date{color:var(--color-separator)}.ui--betting-datetime .countdown{display:flex;gap:.5rem;align-items:center;padding:0 .75rem;height:30px;background-color:#f1f2f9;border-radius:30px}@media(max-width:768px){.ui--betting-datetime .countdown{width:148px}}.ui--betting-datetime .countdown .icon{color:var(--color-invalid);line-height:0}.ui--betting-datetime .countdown .text{font-weight:var(--font-weight-regular)}.ui--betting-form{display:grid;grid-gap:3rem;gap:3rem;grid-auto-flow:row}@media(max-width:768px){.ui--betting-form{gap:1.25rem}}.ui--betting-form-menu{position:relative;overflow:hidden;background-color:#f1f2f9;border-radius:var(--border-radius-medium)}.ui--betting-form-menu .tabs{display:grid;grid-gap:.5rem;gap:.5rem;grid-auto-flow:column;padding:.5rem;border-radius:0 0 var(--border-radius-medium) var(--border-radius-medium)}.ui--betting-form-menu .tabs:first-child{gap:0;background-color:var(--color-theme);box-shadow:0 0 0 .25rem #e7e8f5}.ui--betting-form-menu .tabs:nth-child(2){background-color:#e7e8f5}.ui--betting-form-menu .btn{border-radius:var(--border-radius-medium)}.ui--betting-form-menu .btn-tab-main{grid-auto-flow:row;gap:.25rem;height:auto;padding:.75rem;justify-content:center}@media(max-width:768px){.ui--betting-form-menu .btn-tab-main{padding:.5rem}}.ui--betting-form-menu .btn-tab-main.active{background-color:var(--color-theme-light)}.ui--betting-form-menu .btn-tab-main .svg{width:24px;height:24px;margin:0 auto;color:var(--color-secondary-dark)}.ui--betting-form-menu .btn-tab-main .text{color:var(--color-secondary-dark);font-size:var(--font-size-regular);font-weight:var(--font-weight-regular)}.ui--betting-form-menu .btn-tab-sub{height:48px;border-radius:var(--border-radius-medium);color:var(--color-secondary-light)}@media(max-width:768px){.ui--betting-form-menu .btn-tab-sub{height:auto;padding:.5rem;grid-auto-flow:row}}.ui--betting-form-menu .btn-tab-sub.active{background-color:hsla(0,0%,100%,.75);box-shadow:0 0 0 1px var(--color-theme-light)}.ui--betting-form-menu .btn-tab-sub.active .text{color:var(--color-theme);font-weight:var(--font-weight-bold)}.ui--betting-form-menu .btn-tab-sub.active .mult{color:#fff;background-color:var(--color-theme-light);font-weight:var(--font-weight-regular)}.ui--betting-form-menu .btn-tab-sub .text{font-size:var(--font-size-regular)}.ui--betting-form-menu .btn-tab-sub .mult{margin-left:3px;padding:3px 9px;border-radius:1rem;background-color:#d6d7e3}@media(max-width:768px){.ui--betting-form-menu .btn-tab-sub .mult{margin:0;padding:0 3px;font-size:var(--font-size-small)}}.ui--betting-form-footer{display:grid;grid-gap:1rem;gap:1rem;width:360px;margin:0 auto}@media(max-width:768px){.ui--betting-form-footer{width:100%;padding:0 1rem 1rem}}.ui--betting-form-footer .tr{display:grid;grid-gap:.75rem;gap:.75rem}.ui--betting-form-footer .tr:first-child{grid-template-columns:repeat(2,1fr)}.ui--betting-form-footer .btn{gap:.5rem;height:46px;border-radius:24px;font-size:var(--font-size-regular)}.ui--betting-form-footer .btn-submit{height:50px;font-weight:var(--font-weight-regular)}.ui--campaign-container{position:fixed;inset:0;z-index:1010;background-color:#f7cd4a;overflow:hidden auto}.ui--campaign-container .rows{max-width:576px;margin:0 auto}.ui--campaign-container .rows:nth-child(2){text-align:center;background-color:#fff;border-radius:1rem 1rem 0 0;padding:0 0 2rem}.ui--campaign-container .rows:nth-child(2) ul{display:grid;grid-gap:1rem;gap:1rem}.ui--campaign-container .rows:nth-child(2) ul img{display:block;height:180px;margin:0 auto;border-radius:1rem}.ui--campaign-container .rows:nth-child(3){padding:1rem;background-color:#fff}.ui--campaign-container .rows.text{color:#f1f2f9;-webkit-user-select:none;user-select:none}.ui--campaign-container .banner{display:block;margin:0 auto}