@font-face {
  font-family: "Proxima Nova";
  src: url("/assets/42a6b83aa276-ProximaNova-Regular.ttf")
    format("truetype");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: "Proxima Nova";
  src: url("/assets/42a6b83aa276-ProximaNova-Regular.ttf")
    format("opentype");
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: "Proxima Nova";
  src: url("/assets/03e3dbad5df6-ProximaNova-Bold.ttf")
    format("truetype");
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: "Proxima Nova";
  src: url("/assets/93c3161fa5d6-ProximaNova-Extrabld.ttf")
    format("truetype");
  font-weight: 800;
  font-style: normal;
}

@font-face {
  font-family: "Proxima Nova";
  src: url("/assets/d893a3ae707a-ProximaNova-Black.ttf")
    format("truetype");
  font-weight: 900;
  font-style: normal;
}

:root{--swiper-theme-color:#007aff}:host{z-index:1;margin-left:auto;margin-right:auto;display:block;position:relative}.swiper{z-index:1;margin-left:auto;margin-right:auto;padding:0;list-style:none;display:block;position:relative;overflow:hidden}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{z-index:1;width:100%;height:100%;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);box-sizing:content-box;display:flex;position:relative}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translate(0,0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;transition-property:transform;display:block;position:relative}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{backface-visibility:hidden;transform:translateZ(0)}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-slide,.swiper-3d .swiper-cube-shadow{transform-style:preserve-3d}.swiper-css-mode>.swiper-wrapper{scrollbar-width:none;-ms-overflow-style:none;overflow:auto}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-css-mode.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-slides-offset-before);scroll-margin-inline-start:var(--swiper-slides-offset-before)}.swiper-css-mode.swiper-horizontal>.swiper-wrapper>.swiper-slide:last-child{margin-inline-end:var(--swiper-slides-offset-after)}.swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-slides-offset-before);scroll-margin-block-start:var(--swiper-slides-offset-before)}.swiper-css-mode.swiper-vertical>.swiper-wrapper>.swiper-slide:last-child{margin-block-end:var(--swiper-slides-offset-after)}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-css-mode.swiper-centered>.swiper-wrapper:before{content:"";flex-shrink:0;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper:before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper:before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-slide-shadow-bottom{pointer-events:none;z-index:10;width:100%;height:100%;position:absolute;top:0;left:0}.swiper-3d .swiper-slide-shadow{background:#00000026}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(270deg,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(90deg,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(#0000,#00000080)}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(#00000080,#0000)}.swiper-lazy-preloader{z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-top-color:#0000;border-radius:50%;width:42px;height:42px;margin-top:-21px;margin-left:-21px;position:absolute;top:50%;left:50%}:is(.swiper:not(.swiper-watch-progress),.swiper-watch-progress .swiper-slide-visible) .swiper-lazy-preloader{animation:1s linear infinite swiper-preloader-spin}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}

.swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active{pointer-events:auto}.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}

.swiper-scrollbar{border-radius:var(--swiper-scrollbar-border-radius,10px);touch-action:none;background:var(--swiper-scrollbar-bg-color,#0000001a);position:relative}.swiper-scrollbar-disabled>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-disabled{display:none!important}.swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal{left:var(--swiper-scrollbar-sides-offset,1%);bottom:var(--swiper-scrollbar-bottom,4px);top:var(--swiper-scrollbar-top,auto);z-index:50;height:var(--swiper-scrollbar-size,4px);width:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%));position:absolute}.swiper-vertical>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-vertical{left:var(--swiper-scrollbar-left,auto);right:var(--swiper-scrollbar-right,4px);top:var(--swiper-scrollbar-sides-offset,1%);z-index:50;width:var(--swiper-scrollbar-size,4px);height:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%));position:absolute}.swiper-scrollbar-drag{background:var(--swiper-scrollbar-drag-bg-color,#00000080);border-radius:var(--swiper-scrollbar-border-radius,10px);width:100%;height:100%;position:relative;top:0;left:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}

.driver-active .driver-overlay,.driver-active *{pointer-events:none}.driver-active .driver-active-element,.driver-active .driver-active-element *,.driver-popover,.driver-popover *{pointer-events:auto}@keyframes animate-fade-in{0%{opacity:0}to{opacity:1}}.driver-fade .driver-overlay{animation:.2s ease-in-out animate-fade-in}.driver-fade .driver-popover{animation:.2s animate-fade-in}.driver-popover{all:unset;box-sizing:border-box;color:#2d2d2d;z-index:1000000000;background-color:#fff;border-radius:5px;min-width:250px;max-width:300px;margin:0;padding:15px;position:fixed;top:0;right:0;box-shadow:0 1px 10px #0006}.driver-popover *{font-family:Helvetica Neue,Inter,ui-sans-serif,Apple Color Emoji,Helvetica,Arial,sans-serif}.driver-popover-title{zoom:1;margin:0;font:700 19px/1.5 sans-serif;display:block;position:relative}.driver-popover-close-btn{all:unset;cursor:pointer;color:#d2d2d2;z-index:1;text-align:center;width:32px;height:28px;font-size:18px;font-weight:500;transition:color .2s;position:absolute;top:0;right:0}.driver-popover-close-btn:hover,.driver-popover-close-btn:focus{color:#2d2d2d}.driver-popover-title[style*=block]+.driver-popover-description{margin-top:5px}.driver-popover-description{zoom:1;margin-bottom:0;font:400 14px/1.5 sans-serif}.driver-popover-footer{text-align:right;zoom:1;justify-content:space-between;align-items:center;margin-top:15px;display:flex}.driver-popover-progress-text{color:#727272;zoom:1;font-size:13px;font-weight:400}.driver-popover-footer button{all:unset;box-sizing:border-box;text-shadow:1px 1px #fff;color:#2d2d2d;cursor:pointer;zoom:1;background-color:#fff;border:1px solid #ccc;border-radius:3px;outline:0;padding:3px 7px;font:12px/1.3 sans-serif;text-decoration:none;display:inline-block}.driver-popover-footer .driver-popover-btn-disabled{opacity:.5;pointer-events:none}:not(body):has(>.driver-active-element){overflow:hidden!important}.driver-no-interaction,.driver-no-interaction *{pointer-events:none!important}.driver-popover-footer button:hover,.driver-popover-footer button:focus{background-color:#f7f7f7}.driver-popover-navigation-btns{flex-grow:1;justify-content:flex-end;display:flex}.driver-popover-navigation-btns button+button{margin-left:4px}.driver-popover-arrow{content:"";border:5px solid #fff;position:absolute}.driver-popover-arrow-side-over{display:none}.driver-popover-arrow-side-left{border-top-color:#0000;border-bottom-color:#0000;border-right-color:#0000;left:100%}.driver-popover-arrow-side-right{border-top-color:#0000;border-bottom-color:#0000;border-left-color:#0000;right:100%}.driver-popover-arrow-side-top{border-bottom-color:#0000;border-left-color:#0000;border-right-color:#0000;top:100%}.driver-popover-arrow-side-bottom{border-top-color:#0000;border-left-color:#0000;border-right-color:#0000;bottom:100%}.driver-popover-arrow-side-center{display:none}.driver-popover-arrow-side-left.driver-popover-arrow-align-start,.driver-popover-arrow-side-right.driver-popover-arrow-align-start{top:15px}.driver-popover-arrow-side-top.driver-popover-arrow-align-start,.driver-popover-arrow-side-bottom.driver-popover-arrow-align-start{left:15px}.driver-popover-arrow-align-end.driver-popover-arrow-side-left,.driver-popover-arrow-align-end.driver-popover-arrow-side-right{bottom:15px}.driver-popover-arrow-side-top.driver-popover-arrow-align-end,.driver-popover-arrow-side-bottom.driver-popover-arrow-align-end{right:15px}.driver-popover-arrow-side-left.driver-popover-arrow-align-center,.driver-popover-arrow-side-right.driver-popover-arrow-align-center{margin-top:-5px;top:50%}.driver-popover-arrow-side-top.driver-popover-arrow-align-center,.driver-popover-arrow-side-bottom.driver-popover-arrow-align-center{margin-left:-5px;left:50%}.driver-popover-arrow-none{display:none}

@font-face{font-family:Kanit;font-style:normal;font-weight:300;font-display:swap;src:url("/assets/3a6937bd4b76-d598b2fbe51cc254-s.05w.2et-mx.n0.woff2")format("woff2");unicode-range:U+2D7,U+303,U+331,U+E01-E5B,U+200C-200D,U+25CC}@font-face{font-family:Kanit;font-style:normal;font-weight:300;font-display:swap;src:url("/assets/2b702cc193a2-7e531266682ee0b2-s.0vclydnq.v21f.woff2")format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Kanit;font-style:normal;font-weight:300;font-display:swap;src:url("/assets/751a82102cee-4bc62d0d5f9ae771-s.p.03dauh6laurdw.woff2")format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Kanit;font-style:normal;font-weight:300;font-display:swap;src:url("/assets/f580f4a623ce-fdbfb7080a87a334-s.p.05jkh-jral1t-.woff2")format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Kanit;font-style:normal;font-weight:400;font-display:swap;src:url("/assets/8c82e19f72a5-577b8067601e9847-s.0e39u1f8exps8.woff2")format("woff2");unicode-range:U+2D7,U+303,U+331,U+E01-E5B,U+200C-200D,U+25CC}@font-face{font-family:Kanit;font-style:normal;font-weight:400;font-display:swap;src:url("/assets/f6f26e38c56b-5d1ea58cfb9c551d-s.0jr7q2puild41.woff2")format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Kanit;font-style:normal;font-weight:400;font-display:swap;src:url("/assets/93498643cada-d1bdedfd2fe13894-s.p.06v5of0lx6fd3.woff2")format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Kanit;font-style:normal;font-weight:400;font-display:swap;src:url("/assets/b5992a669eec-1e23e5114abf0db3-s.p.14up1-z_4bbg8.woff2")format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Kanit;font-style:normal;font-weight:500;font-display:swap;src:url("/assets/1d85899a6817-34da6f6f5d0d57a5-s.10-i_d9bb8d-3.woff2")format("woff2");unicode-range:U+2D7,U+303,U+331,U+E01-E5B,U+200C-200D,U+25CC}@font-face{font-family:Kanit;font-style:normal;font-weight:500;font-display:swap;src:url("/assets/b91008111c52-c5ef4f45c466146b-s.0yan68-kg349e.woff2")format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Kanit;font-style:normal;font-weight:500;font-display:swap;src:url("/assets/bc40865009c9-5e9c5fb40545fcd2-s.p.161.pmj1e-vkh.woff2")format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Kanit;font-style:normal;font-weight:500;font-display:swap;src:url("/assets/560245078ffc-89d4f80f11029d6d-s.p.15k_uqsna_8c8.woff2")format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Kanit;font-style:normal;font-weight:600;font-display:swap;src:url("/assets/7c4ce1c79822-876b05e81fb36bf6-s.16kkxuedyezia.woff2")format("woff2");unicode-range:U+2D7,U+303,U+331,U+E01-E5B,U+200C-200D,U+25CC}@font-face{font-family:Kanit;font-style:normal;font-weight:600;font-display:swap;src:url("/assets/7b288412d08a-5128e7653d6f3744-s.0e7993jzdv0mi.woff2")format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Kanit;font-style:normal;font-weight:600;font-display:swap;src:url("/assets/f2c95598dbde-07bc3d3e69c8b6e8-s.p.05bb5h3dt_txi.woff2")format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Kanit;font-style:normal;font-weight:600;font-display:swap;src:url("/assets/969651682b4e-118b6ed7ac256a99-s.p.0-qiti7z5w-re.woff2")format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Kanit;font-style:normal;font-weight:700;font-display:swap;src:url("/assets/cafadbeef429-a244653d74e7372f-s.15-2tpf2ppfz7.woff2")format("woff2");unicode-range:U+2D7,U+303,U+331,U+E01-E5B,U+200C-200D,U+25CC}@font-face{font-family:Kanit;font-style:normal;font-weight:700;font-display:swap;src:url("/assets/adf77d56598b-7ff43f20b4a94066-s.0uzkp.2w67zj3.woff2")format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Kanit;font-style:normal;font-weight:700;font-display:swap;src:url("/assets/49c341079048-d5ac005905e340fc-s.p.0otlqm-r87ayy.woff2")format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Kanit;font-style:normal;font-weight:700;font-display:swap;src:url("/assets/cfe9cc16a7cd-c750adf2ddf22b70-s.p.0hlyuqjg3dzim.woff2")format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Kanit;font-style:normal;font-weight:900;font-display:swap;src:url("/assets/7b4bfd894c7b-073882072f72ca37-s.0ht4h9-nmaume.woff2")format("woff2");unicode-range:U+2D7,U+303,U+331,U+E01-E5B,U+200C-200D,U+25CC}@font-face{font-family:Kanit;font-style:normal;font-weight:900;font-display:swap;src:url("/assets/34ff3102c0f1-7f33a509678d7a30-s.0wzdkb1.-mt9q.woff2")format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Kanit;font-style:normal;font-weight:900;font-display:swap;src:url("/assets/d146984890c3-d0ed2b25cc87a567-s.p.0maehkg_-nc.k.woff2")format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Kanit;font-style:normal;font-weight:900;font-display:swap;src:url("/assets/9f8eb2884bc2-5ad4ff46ac72da73-s.p.12ktuabwj5mwz.woff2")format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Kanit Fallback;src:local(Arial);ascent-override:108.49%;descent-override:38.96%;line-gap-override:0.0%;size-adjust:101.39%}.kanit_39e3ff31-module__q8tNKG__className{font-family:Kanit,Kanit Fallback;font-style:normal}.kanit_39e3ff31-module__q8tNKG__variable{--font-kanit:"Kanit", "Kanit Fallback"}
@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url("/assets/2c57f6803c94-2c55a0e60120577a-s.0bjc5tiuqdqro.woff2")format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url("/assets/7c8c8bb3afd1-9c72aa0f40e4eef8-s.0m6w47a4e5dy9.woff2")format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url("/assets/f76b367fe9de-ad66f9afd8947f86-s.11u06r12fd6v_.woff2")format("woff2");unicode-range:U+1F??}@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url("/assets/63503eb7b209-5476f68d60460930-s.0wxq9webf.ew4.woff2")format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url("/assets/42f8f9badb47-2bbe8d2671613f1f-s.067x_6k0k23tk.woff2")format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url("/assets/75c3a863b901-1bffadaabf893a1e-s.16ipb6fqu393i.woff2")format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url("/assets/598a80f6f819-83afe278b6a6bb3c-s.p.0q-301v4kxxnr.woff2")format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:swap;src:url("/assets/2c57f6803c94-2c55a0e60120577a-s.0bjc5tiuqdqro.woff2")format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:swap;src:url("/assets/7c8c8bb3afd1-9c72aa0f40e4eef8-s.0m6w47a4e5dy9.woff2")format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:swap;src:url("/assets/f76b367fe9de-ad66f9afd8947f86-s.11u06r12fd6v_.woff2")format("woff2");unicode-range:U+1F??}@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:swap;src:url("/assets/63503eb7b209-5476f68d60460930-s.0wxq9webf.ew4.woff2")format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:swap;src:url("/assets/42f8f9badb47-2bbe8d2671613f1f-s.067x_6k0k23tk.woff2")format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:swap;src:url("/assets/75c3a863b901-1bffadaabf893a1e-s.16ipb6fqu393i.woff2")format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:swap;src:url("/assets/598a80f6f819-83afe278b6a6bb3c-s.p.0q-301v4kxxnr.woff2")format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter Fallback;src:local(Arial);ascent-override:90.44%;descent-override:22.52%;line-gap-override:0.0%;size-adjust:107.12%}.inter_bca77c03-module__k97YtW__className{font-family:Inter,Inter Fallback;font-style:normal}.inter_bca77c03-module__k97YtW__variable{--font-inter:"Inter", "Inter Fallback"}
@font-face{font-family:proximaNovaAltCondensed;src:url("/assets/2fb42b7ec849-proxima_nova_alt_extra_condensed-s.p.1510rc80uf-9t.otf")format("opentype");font-display:swap}@font-face{font-family:proximaNovaAltCondensed Fallback;src:local(Arial);ascent-override:121.65%;descent-override:39.4%;line-gap-override:0.0%;size-adjust:75.63%}.proximanovaaltcondensed_923b06aa-module__ArKAka__className{font-family:proximaNovaAltCondensed,proximaNovaAltCondensed Fallback}.proximanovaaltcondensed_923b06aa-module__ArKAka__variable{--font-proxima-nova-alt-condensed:"proximaNovaAltCondensed", "proximaNovaAltCondensed Fallback"}
:root{--sa-top:env(safe-area-inset-top);--sa-right:env(safe-area-inset-right);--sa-bottom:env(safe-area-inset-bottom);--sa-left:env(safe-area-inset-left)}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility}html body{padding:0}body{height:inherit}::-webkit-scrollbar-track{background-color:#0000}::-webkit-scrollbar{background-color:#0000;width:4px;height:4px}::-webkit-scrollbar-thumb{background-color:#2a5044;border-radius:10px}.is-rtl.css-1ckxnn4-MuiFormControl-root-MuiTextField-root{text-align:end;direction:ltr}h1,h2,h3,h4,p,ul,ol{margin:0;padding:0}*{scrollbar-width:auto;box-sizing:border-box}@keyframes spin{0%{transform:rotate(0)!important}to{transform:rotate(360deg)}}.ellipsis{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.MuiOutlinedInput-root .MuiInputBase-input{box-sizing:border-box;align-items:center;padding:0 12px;line-height:18px;display:flex}.MuiOutlinedInput-root.MuiInputBase-sizeLarge,.MuiOutlinedInput-root.MuiInputBase-sizeLarge .MuiInputBase-input{height:44px}.MuiOutlinedInput-root .MuiSelect-select.MuiInputBase-input>*{line-height:inherit}.truncate-text{white-space:nowrap;text-overflow:ellipsis;width:100%;display:block;overflow:hidden}span[class^=icon-]:before,span[class*=\ icon-]:before{width:inherit}.w-100{width:100%}.h-100{height:100%}.fontWeightRegular{font-weight:400}.flex{display:flex}.flex-1{flex:1}.line-clamp-1{-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;display:-webkit-box!important}.line-clamp-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;display:-webkit-box!important}.line-clamp-3{-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;display:-webkit-box!important}.line-clamp-4{-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;display:-webkit-box!important}.wrapper-img-scale>img{transition:transform .5s}.wrapper-img-scale:hover>img{transform:scale(1.2)}.d-none{display:none!important}.flex-col-center{flex-direction:column;align-items:center;display:flex}input::-ms-reveal{display:none}input::-ms-clear{display:none}.word-break-all{word-break:break-all}.m-auto{margin:auto}.mb-auto{margin-bottom:auto}.mt-auto{margin-top:auto}.relative{position:relative}.swiper-scrollbar{background:#d6d6d6}.swiper-container-horizontal>.swiper-scrollbar{border-radius:2px;width:200px;height:5px;bottom:0;left:50%;transform:translate(-50%)}.marquee{will-change:transform;backface-visibility:hidden;transform:translate(0,0);-webkit-mask-image:-webkit-radial-gradient(#fff,#000)}.__floater.__floater__open[x-placement*=top] .__floater__body .container-tutorial{border-bottom:1px solid #fff9}.__floater.__floater__open[x-placement*=bottom] .__floater__body .container-tutorial{border-top:1px solid #fff9}.__floater.__floater__open[x-placement*=left] .__floater__body .container-tutorial{border-right:1px solid #fff9}.__floater.__floater__open[x-placement*=right] .__floater__body .container-tutorial{border-left:1px solid #fff9}@media screen and (min-width:1025px){.__floater.__floater__open[x-placement*=left] .__floater__body .__floater__arrow span{top:0!important}#react-joyride-step-2 .__floater.__floater__open[x-placement*=left]{top:10px!important}#react-joyride-step-2 .__floater.__floater__open[x-placement*=left] .__floater__body .__floater__arrow span{top:60px!important}#react-joyride-step-3 .__floater.__floater__open[x-placement*=left]{top:10px!important}#react-joyride-step-3 .__floater.__floater__open[x-placement*=left] .__floater__body .__floater__arrow span{top:60px!important}#react-joyride-step-11 .__floater.__floater__open[x-placement*=left]{top:50px!important}}@media screen and (max-width:1025px){#react-joyride-step-12 .__floater.__floater__open[x-placement*=bottom] .__floater__body .__floater__arrow span{right:100px;left:unset!important}}@media screen and (min-width:900px) and (max-width:1280px){#react-joyride-step-2 .__floater.__floater__open[x-placement*=top] .__floater__body .__floater__arrow span{left:60px!important}#react-joyride-step-3 .__floater.__floater__open[x-placement*=top] .__floater__body .__floater__arrow span{left:240px!important}#react-joyride-step-4 .__floater.__floater__open[x-placement*=top] .__floater__body .__floater__arrow span{left:40px!important}}:not(body):has(>.driver-active-element){overflow:unset!important}
.animated__scaleUpFromBottom .animated__scaleUpFromBottom__children{transform-origin:bottom;transition:transform .3s ease-in-out}.animated__scaleUpFromBottom .animated__scaleUpFromBottom__children .svg-main-path{transition:fill .3s ease-in-out}.animated__scaleUpFromBottom:hover .animated__scaleUpFromBottom__children{transform:scale(1.1)}.animated__scaleUpFromBottom:hover .animated__scaleUpFromBottom__children .svg-main-path{fill:#fee20c}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translate(0,0)}}.animated__fadeInUp{animation:.5s ease-in-out fadeInUp}@keyframes shimmer{to{-webkit-mask-position:0}}@keyframes scaleInUp{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.animated__scaleInUp{animation:.2s scaleInUp}@keyframes progressNotification{0%{width:0}to{width:100%}}@keyframes shine{0%{opacity:0;left:-100%}to{opacity:1;left:100%}}@keyframes bounceIn{0%{opacity:0;transform:scale(.3)}50%{opacity:1;transform:scale(1.05)}70%{transform:scale(.9)}to{transform:scale(1)}}@keyframes rowOdd{0%{transform:translateY(-100%)}}@keyframes rowEven{0%{transform:translateY(-100%)}}@keyframes widthOpacity{0%{opacity:0;width:50px}to{opacity:1;width:158px}}@keyframes rotate{0%{--angle:0deg}to{--angle:360deg}}@property --angle{syntax:"<angle>";inherits:false;initial-value:0deg}
@font-face{font-family:icon-fonts;src:url("/assets/ada0d272b960-icon-fonts.ttf")format("truetype"),url("/assets/77cb56cdb126-icon-fonts.woff")format("woff"),url("/assets/48aed97e7ef0-icon-fonts.woff2")format("woff2")}span[class^=icon-]:before,span[class*=\ icon-]:before{font-variant:normal;text-transform:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-style:normal;line-height:1;font-family:icon-fonts!important;font-weight:400!important}.icon-account-block:before{content:""}.icon-arrow-double-down:before{content:""}.icon-arrow-double-up:before{content:""}.icon-arrow-down:before{content:""}.icon-arrow-left:before{content:""}.icon-arrow-line-left:before{content:""}.icon-arrow-line-right:before{content:""}.icon-arrow-right:before{content:""}.icon-arrow-up:before{content:""}.icon-arrows:before{content:""}.icon-baccarat:before{content:""}.icon-betslip:before{content:""}.icon-blackjack:before{content:""}.icon-book:before{content:""}.icon-calculator:before{content:""}.icon-calendar-blank:before{content:""}.icon-calendar:before{content:""}.icon-card:before{content:""}.icon-cashier:before{content:""}.icon-change-rate:before{content:""}.icon-chart-bar:before{content:""}.icon-chat-info:before{content:""}.icon-chat:before{content:""}.icon-check-circle:before{content:""}.icon-check-square-empty:before{content:""}.icon-check-square:before{content:""}.icon-check:before{content:""}.icon-checks:before{content:""}.icon-chevron-up:before{content:""}.icon-clock-c-wise:before{content:""}.icon-clock-clockwise:before{content:""}.icon-clock:before{content:""}.icon-close:before{content:""}.icon-coin-vertical:before{content:""}.icon-coin:before{content:""}.icon-coins:before{content:""}.icon-comparison:before{content:""}.icon-copy-simple:before{content:""}.icon-crypto-icon:before{content:""}.icon-currency-circle-dollar:before{content:""}.icon-currency-dollar:before{content:""}.icon-daily-bonus:before{content:""}.icon-deposit:before{content:""}.icon-desktop:before{content:""}.icon-dinosaur:before{content:""}.icon-discord:before{content:""}.icon-dots-horizontal:before{content:""}.icon-dots-vertical:before{content:""}.icon-edit:before{content:""}.icon-envelope:before{content:""}.icon-error-circle:before{content:""}.icon-exclusive:before{content:""}.icon-eye-closed:before{content:""}.icon-eye:before{content:""}.icon-facebook:before{content:""}.icon-favorite-fill:before{content:""}.icon-favorite:before{content:""}.icon-filter-lines:before{content:""}.icon-filter:before{content:""}.icon-flag:before{content:""}.icon-game-controller:before{content:""}.icon-game-show:before{content:""}.icon-gift:before{content:""}.icon-globe:before{content:""}.icon-google:before{content:""}.icon-hall-of-fame:before{content:""}.icon-hand:before{content:""}.icon-help:before{content:""}.icon-high-roller:before{content:""}.icon-house:before{content:""}.icon-incognito:before{content:""}.icon-info:before{content:""}.icon-infographic:before{content:""}.icon-instagram:before{content:""}.icon-instant-cashback:before{content:""}.icon-link:before{content:""}.icon-list-bullets:before{content:""}.icon-list-checks:before{content:""}.icon-list:before{content:""}.icon-live-casino:before{content:""}.icon-live-win:before{content:""}.icon-lock-open:before{content:""}.icon-lock:before{content:""}.icon-maximize:before{content:""}.icon-menu-1:before{content:""}.icon-menu-2:before{content:""}.icon-minimize:before{content:""}.icon-minus:before{content:""}.icon-new:before{content:""}.icon-notification-active:before{content:""}.icon-notification:before{content:""}.icon-percent:before{content:""}.icon-phone:before{content:""}.icon-player-guide:before{content:""}.icon-plus-2:before{content:""}.icon-plus:before{content:""}.icon-prestige:before{content:""}.icon-promotions:before{content:""}.icon-providers:before{content:""}.icon-push-pin-slash:before{content:""}.icon-push-pin:before{content:""}.icon-redirect:before{content:""}.icon-referral:before{content:""}.icon-reload:before{content:""}.icon-rocket:before{content:""}.icon-roulette:before{content:""}.icon-rows:before{content:""}.icon-scan:before{content:""}.icon-search:before{content:""}.icon-settings:before{content:""}.icon-share-network:before{content:""}.icon-sign-in:before{content:""}.icon-sign-out:before{content:""}.icon-slide-left:before{content:""}.icon-slide-right:before{content:""}.icon-sliders-horizontal:before{content:""}.icon-sliders:before{content:""}.icon-slot:before{content:""}.icon-sport:before{content:""}.icon-stats:before{content:""}.icon-suit:before{content:""}.icon-support:before{content:""}.icon-telegram:before{content:""}.icon-theatre:before{content:""}.icon-thunder:before{content:""}.icon-timer:before{content:""}.icon-tournament:before{content:""}.icon-trash:before{content:""}.icon-union-currency:before{content:""}.icon-union:before{content:""}.icon-user:before{content:""}.icon-vault:before{content:""}.icon-verification:before{content:""}.icon-vip:before{content:""}.icon-voltrush:before{content:""}.icon-wallet-card:before{content:""}.icon-wallet-cross:before{content:""}.icon-wallet:before{content:""}.icon-warning-circle:before{content:""}.icon-warning:before{content:""}.icon-weekly-cashback:before{content:""}.icon-wheel:before{content:""}.icon-x:before{content:""}

.odometer.odometer-auto-theme,.odometer.odometer-theme-default,.odometer.odometer-auto-theme .odometer-digit,.odometer.odometer-theme-default .odometer-digit{vertical-align:middle;display:inline-block;position:relative}.odometer.odometer-auto-theme .odometer-digit .odometer-digit-spacer,.odometer.odometer-theme-default .odometer-digit .odometer-digit-spacer{vertical-align:middle;visibility:hidden;display:inline-block}.odometer.odometer-auto-theme .odometer-digit .odometer-digit-inner,.odometer.odometer-theme-default .odometer-digit .odometer-digit-inner{text-align:left;display:block;position:absolute;inset:0;overflow:hidden}.odometer.odometer-auto-theme .odometer-digit .odometer-ribbon,.odometer.odometer-theme-default .odometer-digit .odometer-ribbon{display:block}.odometer.odometer-auto-theme .odometer-digit .odometer-ribbon-inner,.odometer.odometer-theme-default .odometer-digit .odometer-ribbon-inner{-webkit-backface-visibility:hidden;display:block}.odometer.odometer-auto-theme .odometer-digit .odometer-value,.odometer.odometer-theme-default .odometer-digit .odometer-value{display:block;-webkit-transform:translateZ(0)}.odometer.odometer-auto-theme .odometer-digit .odometer-value.odometer-last-value,.odometer.odometer-theme-default .odometer-digit .odometer-value.odometer-last-value{position:absolute}.odometer.odometer-auto-theme.odometer-animating-up .odometer-ribbon-inner,.odometer.odometer-theme-default.odometer-animating-up .odometer-ribbon-inner{-webkit-transition:-webkit-transform 2s;-moz-transition:-moz-transform 2s;-o-transition:-o-transform 2s;-ms-transition:-ms-transform 2s;transition:transform 2s}.odometer.odometer-auto-theme.odometer-animating-up.odometer-animating .odometer-ribbon-inner,.odometer.odometer-theme-default.odometer-animating-up.odometer-animating .odometer-ribbon-inner,.odometer.odometer-auto-theme.odometer-animating-down .odometer-ribbon-inner,.odometer.odometer-theme-default.odometer-animating-down .odometer-ribbon-inner{transform:translateY(-100%)}.odometer.odometer-auto-theme.odometer-animating-down.odometer-animating .odometer-ribbon-inner,.odometer.odometer-theme-default.odometer-animating-down.odometer-animating .odometer-ribbon-inner{-webkit-transition:-webkit-transform 2s;-moz-transition:-moz-transform 2s;-o-transition:-o-transform 2s;-ms-transition:-ms-transform 2s;transition:transform 2s;transform:translateY(0)}.odometer.odometer-auto-theme,.odometer.odometer-theme-default{font-family:Helvetica Neue,sans-serif;line-height:1.1em}.odometer.odometer-auto-theme .odometer-value,.odometer.odometer-theme-default .odometer-value{text-align:center}

div:not(body):has(> .driver-active-element) { overflow: unset !important; }
div.driver-popover.driver-js-tours::before { content: ""; position: absolute; width: 100%; height: 100%; background-image: url("data:,"); background-repeat: no-repeat; background-position: left center; background-size: cover; pointer-events: none; }
.driver-popover.driver-js-tours.mobile { min-width: 375px !important; }
@media (max-width: 375px) {
  .driver-popover.driver-js-tours.mobile { overflow: auto; min-width: 100vw !important; max-width: 100vw !important; left: 0px !important; }
}


:root { --swiper-theme-color: #007aff; }
:host { z-index: 1; margin-left: auto; margin-right: auto; display: block; position: relative; }
.swiper { z-index: 1; margin-left: auto; margin-right: auto; padding: 0px; list-style: none; display: block; position: relative; overflow: hidden; }
.swiper-vertical > .swiper-wrapper { flex-direction: column; }
.swiper-wrapper { z-index: 1; width: 100%; height: 100%; transition-property: transform; transition-timing-function: var(--swiper-wrapper-transition-timing-function,initial); box-sizing: content-box; display: flex; position: relative; }
.swiper-android .swiper-slide, .swiper-ios .swiper-slide, .swiper-wrapper { transform: translate(0px, 0px); }
.swiper-horizontal { touch-action: pan-y; }
.swiper-vertical { touch-action: pan-x; }
.swiper-slide { flex-shrink: 0; width: 100%; height: 100%; transition-property: transform; display: block; position: relative; }
.swiper-slide-invisible-blank { visibility: hidden; }
.swiper-autoheight, .swiper-autoheight .swiper-slide { height: auto; }
.swiper-autoheight .swiper-wrapper { align-items: flex-start; transition-property: transform, height; }
.swiper-backface-hidden .swiper-slide { backface-visibility: hidden; transform: translateZ(0px); }
.swiper-3d.swiper-css-mode .swiper-wrapper { perspective: 1200px; }
.swiper-3d .swiper-wrapper { transform-style: preserve-3d; }
.swiper-3d { perspective: 1200px; }
.swiper-3d .swiper-slide, .swiper-3d .swiper-cube-shadow { transform-style: preserve-3d; }
.swiper-css-mode > .swiper-wrapper { scrollbar-width: none; overflow: auto; }
.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar { display: none; }
.swiper-css-mode > .swiper-wrapper > .swiper-slide { scroll-snap-align: start; }
.swiper-css-mode.swiper-horizontal > .swiper-wrapper { scroll-snap-type: x mandatory; }
.swiper-css-mode.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child { margin-inline-start: var(--swiper-slides-offset-before); scroll-margin-inline-start: var(--swiper-slides-offset-before); }
.swiper-css-mode.swiper-horizontal > .swiper-wrapper > .swiper-slide:last-child { margin-inline-end: var(--swiper-slides-offset-after); }
.swiper-css-mode.swiper-vertical > .swiper-wrapper { scroll-snap-type: y mandatory; }
.swiper-css-mode.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child { margin-block-start: var(--swiper-slides-offset-before); scroll-margin-block-start: var(--swiper-slides-offset-before); }
.swiper-css-mode.swiper-vertical > .swiper-wrapper > .swiper-slide:last-child { margin-block-end: var(--swiper-slides-offset-after); }
.swiper-css-mode.swiper-free-mode > .swiper-wrapper { scroll-snap-type: none; }
.swiper-css-mode.swiper-free-mode > .swiper-wrapper > .swiper-slide { scroll-snap-align: none; }
.swiper-css-mode.swiper-centered > .swiper-wrapper::before { content: ""; flex-shrink: 0; order: 9999; }
.swiper-css-mode.swiper-centered > .swiper-wrapper > .swiper-slide { scroll-snap-align: center; scroll-snap-stop: always; }
.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child { margin-inline-start: var(--swiper-centered-offset-before); }
.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper::before { height: 100%; min-height: 1px; width: var(--swiper-centered-offset-after); }
.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child { margin-block-start: var(--swiper-centered-offset-before); }
.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper::before { width: 100%; min-width: 1px; height: var(--swiper-centered-offset-after); }
.swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top, .swiper-3d .swiper-slide-shadow-bottom, .swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top, .swiper-3d .swiper-slide-shadow-bottom { pointer-events: none; z-index: 10; width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; }
.swiper-3d .swiper-slide-shadow { background: rgba(0, 0, 0, 0.15); }
.swiper-3d .swiper-slide-shadow-left { background-image: linear-gradient(270deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); }
.swiper-3d .swiper-slide-shadow-right { background-image: linear-gradient(90deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); }
.swiper-3d .swiper-slide-shadow-top { background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.5)); }
.swiper-3d .swiper-slide-shadow-bottom { background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); }
.swiper-lazy-preloader { z-index: 10; transform-origin: 50% center; box-sizing: border-box; border-top-style: ; border-top-width: ; border-right-color: ; border-right-style: ; border-right-width: ; border-bottom-color: ; border-bottom-style: ; border-bottom-width: ; border-left-color: ; border-left-style: ; border-left-width: ; border-image-source: ; border-image-slice: ; border-image-width: ; border-image-outset: ; border-image-repeat: ; border-top-color: rgba(0, 0, 0, 0); border-radius: 50%; width: 42px; height: 42px; margin-top: -21px; margin-left: -21px; position: absolute; top: 50%; left: 50%; }
:is(.swiper:not(.swiper-watch-progress), .swiper-watch-progress .swiper-slide-visible) .swiper-lazy-preloader { animation: 1s linear 0s infinite normal none running swiper-preloader-spin; }
.swiper-lazy-preloader-white { --swiper-preloader-color: #fff; }
.swiper-lazy-preloader-black { --swiper-preloader-color: #000; }
@keyframes swiper-preloader-spin { 
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
.swiper-fade.swiper-free-mode .swiper-slide { transition-timing-function: ease-out; }
.swiper-fade .swiper-slide { pointer-events: none; transition-property: opacity; }
.swiper-fade .swiper-slide .swiper-slide { pointer-events: none; }
.swiper-fade .swiper-slide-active { pointer-events: auto; }
.swiper-fade .swiper-slide-active .swiper-slide-active { pointer-events: auto; }
.swiper-scrollbar { border-radius: var(--swiper-scrollbar-border-radius,10px); touch-action: none; background: var(--swiper-scrollbar-bg-color,#0000001a); position: relative; }
.swiper-scrollbar-disabled > .swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-disabled { display: none !important; }
.swiper-horizontal > .swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-horizontal { left: var(--swiper-scrollbar-sides-offset,1%); bottom: var(--swiper-scrollbar-bottom,4px); top: var(--swiper-scrollbar-top,auto); z-index: 50; height: var(--swiper-scrollbar-size,4px); width: calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%)); position: absolute; }
.swiper-vertical > .swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-vertical { left: var(--swiper-scrollbar-left,auto); right: var(--swiper-scrollbar-right,4px); top: var(--swiper-scrollbar-sides-offset,1%); z-index: 50; width: var(--swiper-scrollbar-size,4px); height: calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%)); position: absolute; }
.swiper-scrollbar-drag { background: var(--swiper-scrollbar-drag-bg-color,#00000080); border-radius: var(--swiper-scrollbar-border-radius,10px); width: 100%; height: 100%; position: relative; top: 0px; left: 0px; }
.swiper-scrollbar-cursor-drag { cursor: move; }
.swiper-scrollbar-lock { display: none; }
.driver-active .driver-overlay, .driver-active * { pointer-events: none; }
.driver-active .driver-active-element, .driver-active .driver-active-element *, .driver-popover, .driver-popover * { pointer-events: auto; }
@keyframes animate-fade-in { 
  0% { opacity: 0; }
  100% { opacity: 1; }
}
.driver-fade .driver-overlay { animation: 0.2s ease-in-out 0s 1 normal none running animate-fade-in; }
.driver-fade .driver-popover { animation: 0.2s ease 0s 1 normal none running animate-fade-in; }
.driver-popover { color-scheme: unset; forced-color-adjust: unset; math-depth: unset; position-anchor: unset; text-size-adjust: unset; appearance: unset; font: unset; font-palette: unset; font-synthesis: unset; position-area: unset; text-orientation: unset; text-rendering: unset; text-spacing-trim: unset; -webkit-font-smoothing: unset; -webkit-locale: unset; -webkit-text-orientation: unset; -webkit-writing-mode: unset; writing-mode: unset; zoom: unset; accent-color: unset; place-content: unset; place-items: unset; place-self: unset; alignment-baseline: unset; anchor-name: unset; anchor-scope: unset; animation-composition: unset; animation: unset; animation-trigger: unset; app-region: unset; aspect-ratio: unset; backdrop-filter: unset; backface-visibility: unset; background-attachment: unset; background-blend-mode: unset; background-clip: unset; background-image: unset; background-origin: unset; background-position: unset; background-repeat: unset; background-size: unset; baseline-shift: unset; baseline-source: unset; block-size: unset; border-block: unset; border: unset; border-collapse: unset; border-end-end-radius: unset; border-end-start-radius: unset; border-inline: unset; border-shape: unset; border-start-end-radius: unset; border-start-start-radius: unset; bottom: unset; box-decoration-break: unset; break-after: unset; break-before: unset; break-inside: unset; buffered-rendering: unset; caption-side: unset; caret-animation: unset; caret-color: unset; caret-shape: unset; clear: unset; clip: unset; clip-path: unset; clip-rule: unset; color-interpolation: unset; color-interpolation-filters: unset; color-rendering: unset; columns: unset; column-fill: unset; gap: unset; rule-break: unset; rule: unset; rule-inset: unset; rule-visibility-items: unset; column-span: unset; contain: unset; contain-intrinsic-block-size: unset; contain-intrinsic-size: unset; contain-intrinsic-inline-size: unset; container: unset; content: unset; content-visibility: unset; corner-shape: unset; corner-block-end-shape: unset; corner-block-start-shape: unset; counter-increment: unset; counter-reset: unset; counter-set: unset; cursor: unset; cx: unset; cy: unset; d: unset; display: unset; dominant-baseline: unset; dynamic-range-limit: unset; empty-cells: unset; field-sizing: unset; fill: unset; fill-opacity: unset; fill-rule: unset; filter: unset; flex: unset; flex-flow: unset; flex-line-count: unset; float: unset; flood-color: unset; flood-opacity: unset; grid: unset; grid-area: unset; height: unset; hyphenate-character: unset; hyphenate-limit-chars: unset; hyphens: unset; image-orientation: unset; image-rendering: unset; initial-letter: unset; inline-size: unset; inset-block: unset; inset-inline: unset; interactivity: unset; interest-delay: unset; interpolate-size: unset; isolation: unset; left: unset; letter-spacing: unset; lighting-color: unset; line-break: unset; list-style: unset; margin-block: unset; margin-inline: unset; marker: unset; mask: unset; mask-type: unset; math-shift: unset; math-style: unset; max-block-size: unset; max-height: unset; max-inline-size: unset; min-block-size: unset; min-height: unset; min-inline-size: unset; mix-blend-mode: unset; object-fit: unset; object-position: unset; object-view-box: unset; offset: unset; opacity: unset; order: unset; orphans: unset; outline: unset; outline-offset: unset; overflow-anchor: unset; overflow-block: unset; overflow-clip-margin: unset; overflow-inline: unset; overflow-wrap: unset; overflow: unset; overlay: unset; overscroll-behavior-block: unset; overscroll-behavior-inline: unset; overscroll-behavior: unset; padding-block: unset; padding-inline: unset; page: unset; page-margin-safety: unset; page-orientation: unset; paint-order: unset; perspective: unset; perspective-origin: unset; pointer-events: unset; position-try: unset; position-visibility: unset; print-color-adjust: unset; quotes: unset; r: unset; reading-flow: unset; reading-order: unset; resize: unset; rotate: unset; ruby-align: unset; ruby-overhang: unset; ruby-position: unset; rule-overlap: unset; rx: unset; ry: unset; scale: unset; scroll-axis-lock: unset; scroll-behavior: unset; scroll-initial-target: unset; scroll-margin-block: unset; scroll-margin: unset; scroll-margin-inline: unset; scroll-marker-group: unset; scroll-padding-block: unset; scroll-padding: unset; scroll-padding-inline: unset; scroll-snap-align: unset; scroll-snap-stop: unset; scroll-snap-type: unset; scroll-target-group: unset; scroll-timeline: unset; scrollbar-color: unset; scrollbar-gutter: unset; scrollbar-width: unset; shape-image-threshold: unset; shape-margin: unset; shape-outside: unset; shape-rendering: unset; size: unset; speak: unset; stop-color: unset; stop-opacity: unset; stroke: unset; stroke-dasharray: unset; stroke-dashoffset: unset; stroke-linecap: unset; stroke-linejoin: unset; stroke-miterlimit: unset; stroke-opacity: unset; stroke-width: unset; tab-size: unset; table-layout: unset; text-align: unset; text-align-last: unset; text-anchor: unset; text-autospace: unset; text-box: unset; text-combine-upright: unset; text-decoration: unset; text-decoration-skip-ink: unset; text-emphasis: unset; text-emphasis-position: unset; text-fit: unset; text-indent: unset; text-justify: unset; text-overflow: unset; text-shadow: unset; text-transform: unset; text-underline-offset: unset; text-underline-position: unset; text-wrap: unset; timeline-scope: unset; timeline-trigger: unset; touch-action: unset; transform: unset; transform-box: unset; transform-origin: unset; transform-style: unset; transition: unset; translate: unset; trigger-scope: unset; user-select: unset; vector-effect: unset; vertical-align: unset; view-timeline: unset; view-transition-class: unset; view-transition-group: unset; view-transition-name: unset; view-transition-scope: unset; visibility: unset; border-spacing: unset; -webkit-box-align: unset; -webkit-box-decoration-break: unset; -webkit-box-direction: unset; -webkit-box-flex: unset; -webkit-box-ordinal-group: unset; -webkit-box-orient: unset; -webkit-box-pack: unset; -webkit-box-reflect: unset; -webkit-line-break: unset; -webkit-line-clamp: unset; -webkit-mask-box-image: unset; -webkit-rtl-ordering: unset; -webkit-ruby-position: unset; -webkit-tap-highlight-color: unset; -webkit-text-combine: unset; -webkit-text-decorations-in-effect: unset; -webkit-text-fill-color: unset; -webkit-text-security: unset; -webkit-text-stroke: unset; -webkit-user-drag: unset; white-space-collapse: unset; widows: unset; width: unset; will-change: unset; window-drag: unset; word-break: unset; word-spacing: unset; x: unset; y: unset; box-sizing: border-box; color: rgb(45, 45, 45); z-index: 1000000000; background-color: rgb(255, 255, 255); border-radius: 5px; min-width: 250px; max-width: 300px; margin: 0px; padding: 15px; position: fixed; top: 0px; right: 0px; box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 10px; }
.driver-popover * { font-family: "Helvetica Neue", Inter, ui-sans-serif, "Apple Color Emoji", Helvetica, Arial, sans-serif; }
.driver-popover-title { zoom: 1; margin: 0px; font: 700 19px / 1.5 sans-serif; display: block; position: relative; }
.driver-popover-close-btn { color-scheme: unset; forced-color-adjust: unset; math-depth: unset; position-anchor: unset; text-size-adjust: unset; appearance: unset; font-family: unset; font-feature-settings: unset; font-kerning: unset; font-language-override: unset; font-optical-sizing: unset; font-palette: unset; font-size-adjust: unset; font-stretch: unset; font-style: unset; font-synthesis: unset; font-variant: unset; font-variation-settings: unset; position-area: unset; text-orientation: unset; text-rendering: unset; text-spacing-trim: unset; -webkit-font-smoothing: unset; -webkit-locale: unset; -webkit-text-orientation: unset; -webkit-writing-mode: unset; writing-mode: unset; zoom: unset; accent-color: unset; place-content: unset; place-items: unset; place-self: unset; alignment-baseline: unset; anchor-name: unset; anchor-scope: unset; animation-composition: unset; animation: unset; animation-trigger: unset; app-region: unset; aspect-ratio: unset; backdrop-filter: unset; backface-visibility: unset; background: unset; background-blend-mode: unset; baseline-shift: unset; baseline-source: unset; block-size: unset; border-block: unset; border: unset; border-radius: unset; border-collapse: unset; border-end-end-radius: unset; border-end-start-radius: unset; border-inline: unset; border-shape: unset; border-start-end-radius: unset; border-start-start-radius: unset; bottom: unset; box-decoration-break: unset; box-shadow: unset; box-sizing: unset; break-after: unset; break-before: unset; break-inside: unset; buffered-rendering: unset; caption-side: unset; caret-animation: unset; caret-color: unset; caret-shape: unset; clear: unset; clip: unset; clip-path: unset; clip-rule: unset; color-interpolation: unset; color-interpolation-filters: unset; color-rendering: unset; columns: unset; column-fill: unset; gap: unset; rule-break: unset; rule: unset; rule-inset: unset; rule-visibility-items: unset; column-span: unset; contain: unset; contain-intrinsic-block-size: unset; contain-intrinsic-size: unset; contain-intrinsic-inline-size: unset; container: unset; content: unset; content-visibility: unset; corner-shape: unset; corner-block-end-shape: unset; corner-block-start-shape: unset; counter-increment: unset; counter-reset: unset; counter-set: unset; cx: unset; cy: unset; d: unset; display: unset; dominant-baseline: unset; dynamic-range-limit: unset; empty-cells: unset; field-sizing: unset; fill: unset; fill-opacity: unset; fill-rule: unset; filter: unset; flex: unset; flex-flow: unset; flex-line-count: unset; float: unset; flood-color: unset; flood-opacity: unset; grid: unset; grid-area: unset; hyphenate-character: unset; hyphenate-limit-chars: unset; hyphens: unset; image-orientation: unset; image-rendering: unset; initial-letter: unset; inline-size: unset; inset-block: unset; inset-inline: unset; interactivity: unset; interest-delay: unset; interpolate-size: unset; isolation: unset; left: unset; letter-spacing: unset; lighting-color: unset; line-break: unset; line-height: unset; list-style: unset; margin-block: unset; margin: unset; margin-inline: unset; marker: unset; mask: unset; mask-type: unset; math-shift: unset; math-style: unset; max-block-size: unset; max-height: unset; max-inline-size: unset; max-width: unset; min-block-size: unset; min-height: unset; min-inline-size: unset; min-width: unset; mix-blend-mode: unset; object-fit: unset; object-position: unset; object-view-box: unset; offset: unset; opacity: unset; order: unset; orphans: unset; outline: unset; outline-offset: unset; overflow-anchor: unset; overflow-block: unset; overflow-clip-margin: unset; overflow-inline: unset; overflow-wrap: unset; overflow: unset; overlay: unset; overscroll-behavior-block: unset; overscroll-behavior-inline: unset; overscroll-behavior: unset; padding-block: unset; padding: unset; padding-inline: unset; page: unset; page-margin-safety: unset; page-orientation: unset; paint-order: unset; perspective: unset; perspective-origin: unset; pointer-events: unset; position-try: unset; position-visibility: unset; print-color-adjust: unset; quotes: unset; r: unset; reading-flow: unset; reading-order: unset; resize: unset; rotate: unset; ruby-align: unset; ruby-overhang: unset; ruby-position: unset; rule-overlap: unset; rx: unset; ry: unset; scale: unset; scroll-axis-lock: unset; scroll-behavior: unset; scroll-initial-target: unset; scroll-margin-block: unset; scroll-margin: unset; scroll-margin-inline: unset; scroll-marker-group: unset; scroll-padding-block: unset; scroll-padding: unset; scroll-padding-inline: unset; scroll-snap-align: unset; scroll-snap-stop: unset; scroll-snap-type: unset; scroll-target-group: unset; scroll-timeline: unset; scrollbar-color: unset; scrollbar-gutter: unset; scrollbar-width: unset; shape-image-threshold: unset; shape-margin: unset; shape-outside: unset; shape-rendering: unset; size: unset; speak: unset; stop-color: unset; stop-opacity: unset; stroke: unset; stroke-dasharray: unset; stroke-dashoffset: unset; stroke-linecap: unset; stroke-linejoin: unset; stroke-miterlimit: unset; stroke-opacity: unset; stroke-width: unset; tab-size: unset; table-layout: unset; text-align-last: unset; text-anchor: unset; text-autospace: unset; text-box: unset; text-combine-upright: unset; text-decoration: unset; text-decoration-skip-ink: unset; text-emphasis: unset; text-emphasis-position: unset; text-fit: unset; text-indent: unset; text-justify: unset; text-overflow: unset; text-shadow: unset; text-transform: unset; text-underline-offset: unset; text-underline-position: unset; text-wrap: unset; timeline-scope: unset; timeline-trigger: unset; touch-action: unset; transform: unset; transform-box: unset; transform-origin: unset; transform-style: unset; translate: unset; trigger-scope: unset; user-select: unset; vector-effect: unset; vertical-align: unset; view-timeline: unset; view-transition-class: unset; view-transition-group: unset; view-transition-name: unset; view-transition-scope: unset; visibility: unset; border-spacing: unset; -webkit-box-align: unset; -webkit-box-decoration-break: unset; -webkit-box-direction: unset; -webkit-box-flex: unset; -webkit-box-ordinal-group: unset; -webkit-box-orient: unset; -webkit-box-pack: unset; -webkit-box-reflect: unset; -webkit-line-break: unset; -webkit-line-clamp: unset; -webkit-mask-box-image: unset; -webkit-rtl-ordering: unset; -webkit-ruby-position: unset; -webkit-tap-highlight-color: unset; -webkit-text-combine: unset; -webkit-text-decorations-in-effect: unset; -webkit-text-fill-color: unset; -webkit-text-security: unset; -webkit-text-stroke: unset; -webkit-user-drag: unset; white-space-collapse: unset; widows: unset; will-change: unset; window-drag: unset; word-break: unset; word-spacing: unset; x: unset; y: unset; cursor: pointer; color: rgb(210, 210, 210); z-index: 1; text-align: center; width: 32px; height: 28px; font-size: 18px; font-weight: 500; transition: color 0.2s; position: absolute; top: 0px; right: 0px; }
.driver-popover-close-btn:hover, .driver-popover-close-btn:focus { color: rgb(45, 45, 45); }
.driver-popover-title[style*="block"] + .driver-popover-description { margin-top: 5px; }
.driver-popover-description { zoom: 1; margin-bottom: 0px; font: 400 14px / 1.5 sans-serif; }
.driver-popover-footer { text-align: right; zoom: 1; justify-content: space-between; align-items: center; margin-top: 15px; display: flex; }
.driver-popover-progress-text { color: rgb(114, 114, 114); zoom: 1; font-size: 13px; font-weight: 400; }
.driver-popover-footer button { color-scheme: unset; forced-color-adjust: unset; math-depth: unset; position: unset; position-anchor: unset; text-size-adjust: unset; appearance: unset; font-palette: unset; font-synthesis: unset; position-area: unset; text-orientation: unset; text-rendering: unset; text-spacing-trim: unset; -webkit-font-smoothing: unset; -webkit-locale: unset; -webkit-text-orientation: unset; -webkit-writing-mode: unset; writing-mode: unset; accent-color: unset; place-content: unset; place-items: unset; place-self: unset; alignment-baseline: unset; anchor-name: unset; anchor-scope: unset; animation-composition: unset; animation: unset; animation-trigger: unset; app-region: unset; aspect-ratio: unset; backdrop-filter: unset; backface-visibility: unset; background-attachment: unset; background-blend-mode: unset; background-clip: unset; background-image: unset; background-origin: unset; background-position: unset; background-repeat: unset; background-size: unset; baseline-shift: unset; baseline-source: unset; block-size: unset; border-block: unset; border-collapse: unset; border-end-end-radius: unset; border-end-start-radius: unset; border-inline: unset; border-shape: unset; border-start-end-radius: unset; border-start-start-radius: unset; inset: unset; box-decoration-break: unset; box-shadow: unset; break-after: unset; break-before: unset; break-inside: unset; buffered-rendering: unset; caption-side: unset; caret-animation: unset; caret-color: unset; caret-shape: unset; clear: unset; clip: unset; clip-path: unset; clip-rule: unset; color-interpolation: unset; color-interpolation-filters: unset; color-rendering: unset; columns: unset; column-fill: unset; gap: unset; rule-break: unset; rule: unset; rule-inset: unset; rule-visibility-items: unset; column-span: unset; contain: unset; contain-intrinsic-block-size: unset; contain-intrinsic-size: unset; contain-intrinsic-inline-size: unset; container: unset; content: unset; content-visibility: unset; corner-shape: unset; corner-block-end-shape: unset; corner-block-start-shape: unset; counter-increment: unset; counter-reset: unset; counter-set: unset; cx: unset; cy: unset; d: unset; dominant-baseline: unset; dynamic-range-limit: unset; empty-cells: unset; field-sizing: unset; fill: unset; fill-opacity: unset; fill-rule: unset; filter: unset; flex: unset; flex-flow: unset; flex-line-count: unset; float: unset; flood-color: unset; flood-opacity: unset; grid: unset; grid-area: unset; height: unset; hyphenate-character: unset; hyphenate-limit-chars: unset; hyphens: unset; image-orientation: unset; image-rendering: unset; initial-letter: unset; inline-size: unset; inset-block: unset; inset-inline: unset; interactivity: unset; interest-delay: unset; interpolate-size: unset; isolation: unset; letter-spacing: unset; lighting-color: unset; line-break: unset; list-style: unset; margin-block: unset; margin: unset; margin-inline: unset; marker: unset; mask: unset; mask-type: unset; math-shift: unset; math-style: unset; max-block-size: unset; max-height: unset; max-inline-size: unset; max-width: unset; min-block-size: unset; min-height: unset; min-inline-size: unset; min-width: unset; mix-blend-mode: unset; object-fit: unset; object-position: unset; object-view-box: unset; offset: unset; opacity: unset; order: unset; orphans: unset; outline-offset: unset; overflow-anchor: unset; overflow-block: unset; overflow-clip-margin: unset; overflow-inline: unset; overflow-wrap: unset; overflow: unset; overlay: unset; overscroll-behavior-block: unset; overscroll-behavior-inline: unset; overscroll-behavior: unset; padding-block: unset; padding-inline: unset; page: unset; page-margin-safety: unset; page-orientation: unset; paint-order: unset; perspective: unset; perspective-origin: unset; pointer-events: unset; position-try: unset; position-visibility: unset; print-color-adjust: unset; quotes: unset; r: unset; reading-flow: unset; reading-order: unset; resize: unset; rotate: unset; ruby-align: unset; ruby-overhang: unset; ruby-position: unset; rule-overlap: unset; rx: unset; ry: unset; scale: unset; scroll-axis-lock: unset; scroll-behavior: unset; scroll-initial-target: unset; scroll-margin-block: unset; scroll-margin: unset; scroll-margin-inline: unset; scroll-marker-group: unset; scroll-padding-block: unset; scroll-padding: unset; scroll-padding-inline: unset; scroll-snap-align: unset; scroll-snap-stop: unset; scroll-snap-type: unset; scroll-target-group: unset; scroll-timeline: unset; scrollbar-color: unset; scrollbar-gutter: unset; scrollbar-width: unset; shape-image-threshold: unset; shape-margin: unset; shape-outside: unset; shape-rendering: unset; size: unset; speak: unset; stop-color: unset; stop-opacity: unset; stroke: unset; stroke-dasharray: unset; stroke-dashoffset: unset; stroke-linecap: unset; stroke-linejoin: unset; stroke-miterlimit: unset; stroke-opacity: unset; stroke-width: unset; tab-size: unset; table-layout: unset; text-align: unset; text-align-last: unset; text-anchor: unset; text-autospace: unset; text-box: unset; text-combine-upright: unset; text-decoration-skip-ink: unset; text-emphasis: unset; text-emphasis-position: unset; text-fit: unset; text-indent: unset; text-justify: unset; text-overflow: unset; text-transform: unset; text-underline-offset: unset; text-underline-position: unset; text-wrap: unset; timeline-scope: unset; timeline-trigger: unset; touch-action: unset; transform: unset; transform-box: unset; transform-origin: unset; transform-style: unset; transition: unset; translate: unset; trigger-scope: unset; user-select: unset; vector-effect: unset; vertical-align: unset; view-timeline: unset; view-transition-class: unset; view-transition-group: unset; view-transition-name: unset; view-transition-scope: unset; visibility: unset; border-spacing: unset; -webkit-box-align: unset; -webkit-box-decoration-break: unset; -webkit-box-direction: unset; -webkit-box-flex: unset; -webkit-box-ordinal-group: unset; -webkit-box-orient: unset; -webkit-box-pack: unset; -webkit-box-reflect: unset; -webkit-line-break: unset; -webkit-line-clamp: unset; -webkit-mask-box-image: unset; -webkit-rtl-ordering: unset; -webkit-ruby-position: unset; -webkit-tap-highlight-color: unset; -webkit-text-combine: unset; -webkit-text-decorations-in-effect: unset; -webkit-text-fill-color: unset; -webkit-text-security: unset; -webkit-text-stroke: unset; -webkit-user-drag: unset; white-space-collapse: unset; widows: unset; width: unset; will-change: unset; window-drag: unset; word-break: unset; word-spacing: unset; x: unset; y: unset; z-index: unset; box-sizing: border-box; text-shadow: rgb(255, 255, 255) 1px 1px; color: rgb(45, 45, 45); cursor: pointer; zoom: 1; background-color: rgb(255, 255, 255); border: 1px solid rgb(204, 204, 204); border-radius: 3px; outline: 0px; padding: 3px 7px; font: 12px / 1.3 sans-serif; text-decoration: none; display: inline-block; }
.driver-popover-footer .driver-popover-btn-disabled { opacity: 0.5; pointer-events: none; }
:not(body):has(> .driver-active-element) { overflow: hidden !important; }
.driver-no-interaction, .driver-no-interaction * { pointer-events: none !important; }
.driver-popover-footer button:hover, .driver-popover-footer button:focus { background-color: rgb(247, 247, 247); }
.driver-popover-navigation-btns { flex-grow: 1; justify-content: flex-end; display: flex; }
.driver-popover-navigation-btns button + button { margin-left: 4px; }
.driver-popover-arrow { content: ""; border: 5px solid rgb(255, 255, 255); position: absolute; }
.driver-popover-arrow-side-over { display: none; }
.driver-popover-arrow-side-left { border-top-color: rgba(0, 0, 0, 0); border-bottom-color: rgba(0, 0, 0, 0); border-right-color: rgba(0, 0, 0, 0); left: 100%; }
.driver-popover-arrow-side-right { border-top-color: rgba(0, 0, 0, 0); border-bottom-color: rgba(0, 0, 0, 0); border-left-color: rgba(0, 0, 0, 0); right: 100%; }
.driver-popover-arrow-side-top { border-bottom-color: rgba(0, 0, 0, 0); border-left-color: rgba(0, 0, 0, 0); border-right-color: rgba(0, 0, 0, 0); top: 100%; }
.driver-popover-arrow-side-bottom { border-top-color: rgba(0, 0, 0, 0); border-left-color: rgba(0, 0, 0, 0); border-right-color: rgba(0, 0, 0, 0); bottom: 100%; }
.driver-popover-arrow-side-center { display: none; }
.driver-popover-arrow-side-left.driver-popover-arrow-align-start, .driver-popover-arrow-side-right.driver-popover-arrow-align-start { top: 15px; }
.driver-popover-arrow-side-top.driver-popover-arrow-align-start, .driver-popover-arrow-side-bottom.driver-popover-arrow-align-start { left: 15px; }
.driver-popover-arrow-align-end.driver-popover-arrow-side-left, .driver-popover-arrow-align-end.driver-popover-arrow-side-right { bottom: 15px; }
.driver-popover-arrow-side-top.driver-popover-arrow-align-end, .driver-popover-arrow-side-bottom.driver-popover-arrow-align-end { right: 15px; }
.driver-popover-arrow-side-left.driver-popover-arrow-align-center, .driver-popover-arrow-side-right.driver-popover-arrow-align-center { margin-top: -5px; top: 50%; }
.driver-popover-arrow-side-top.driver-popover-arrow-align-center, .driver-popover-arrow-side-bottom.driver-popover-arrow-align-center { margin-left: -5px; left: 50%; }
.driver-popover-arrow-none { display: none; }
@font-face { font-family: Kanit; font-style: normal; font-weight: 300; font-display: swap; src: url("/assets/3a6937bd4b76-d598b2fbe51cc254-s.05w.2et-mx.n0.woff2") format("woff2"); unicode-range: U+2D7, U+303, U+331, U+E01-E5B, U+200C-200D, U+25CC; }
@font-face { font-family: Kanit; font-style: normal; font-weight: 300; font-display: swap; src: url("/assets/2b702cc193a2-7e531266682ee0b2-s.0vclydnq.v21f.woff2") format("woff2"); unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB; }
@font-face { font-family: Kanit; font-style: normal; font-weight: 300; font-display: swap; src: url("/assets/751a82102cee-4bc62d0d5f9ae771-s.p.03dauh6laurdw.woff2") format("woff2"); unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: Kanit; font-style: normal; font-weight: 300; font-display: swap; src: url("/assets/f580f4a623ce-fdbfb7080a87a334-s.p.05jkh-jral1t-.woff2") format("woff2"); unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: Kanit; font-style: normal; font-weight: 400; font-display: swap; src: url("/assets/8c82e19f72a5-577b8067601e9847-s.0e39u1f8exps8.woff2") format("woff2"); unicode-range: U+2D7, U+303, U+331, U+E01-E5B, U+200C-200D, U+25CC; }
@font-face { font-family: Kanit; font-style: normal; font-weight: 400; font-display: swap; src: url("/assets/f6f26e38c56b-5d1ea58cfb9c551d-s.0jr7q2puild41.woff2") format("woff2"); unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB; }
@font-face { font-family: Kanit; font-style: normal; font-weight: 400; font-display: swap; src: url("/assets/93498643cada-d1bdedfd2fe13894-s.p.06v5of0lx6fd3.woff2") format("woff2"); unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: Kanit; font-style: normal; font-weight: 400; font-display: swap; src: url("/assets/b5992a669eec-1e23e5114abf0db3-s.p.14up1-z_4bbg8.woff2") format("woff2"); unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: Kanit; font-style: normal; font-weight: 500; font-display: swap; src: url("/assets/1d85899a6817-34da6f6f5d0d57a5-s.10-i_d9bb8d-3.woff2") format("woff2"); unicode-range: U+2D7, U+303, U+331, U+E01-E5B, U+200C-200D, U+25CC; }
@font-face { font-family: Kanit; font-style: normal; font-weight: 500; font-display: swap; src: url("/assets/b91008111c52-c5ef4f45c466146b-s.0yan68-kg349e.woff2") format("woff2"); unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB; }
@font-face { font-family: Kanit; font-style: normal; font-weight: 500; font-display: swap; src: url("/assets/bc40865009c9-5e9c5fb40545fcd2-s.p.161.pmj1e-vkh.woff2") format("woff2"); unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: Kanit; font-style: normal; font-weight: 500; font-display: swap; src: url("/assets/560245078ffc-89d4f80f11029d6d-s.p.15k_uqsna_8c8.woff2") format("woff2"); unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: Kanit; font-style: normal; font-weight: 600; font-display: swap; src: url("/assets/7c4ce1c79822-876b05e81fb36bf6-s.16kkxuedyezia.woff2") format("woff2"); unicode-range: U+2D7, U+303, U+331, U+E01-E5B, U+200C-200D, U+25CC; }
@font-face { font-family: Kanit; font-style: normal; font-weight: 600; font-display: swap; src: url("/assets/7b288412d08a-5128e7653d6f3744-s.0e7993jzdv0mi.woff2") format("woff2"); unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB; }
@font-face { font-family: Kanit; font-style: normal; font-weight: 600; font-display: swap; src: url("/assets/f2c95598dbde-07bc3d3e69c8b6e8-s.p.05bb5h3dt_txi.woff2") format("woff2"); unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: Kanit; font-style: normal; font-weight: 600; font-display: swap; src: url("/assets/969651682b4e-118b6ed7ac256a99-s.p.0-qiti7z5w-re.woff2") format("woff2"); unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: Kanit; font-style: normal; font-weight: 700; font-display: swap; src: url("/assets/cafadbeef429-a244653d74e7372f-s.15-2tpf2ppfz7.woff2") format("woff2"); unicode-range: U+2D7, U+303, U+331, U+E01-E5B, U+200C-200D, U+25CC; }
@font-face { font-family: Kanit; font-style: normal; font-weight: 700; font-display: swap; src: url("/assets/adf77d56598b-7ff43f20b4a94066-s.0uzkp.2w67zj3.woff2") format("woff2"); unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB; }
@font-face { font-family: Kanit; font-style: normal; font-weight: 700; font-display: swap; src: url("/assets/49c341079048-d5ac005905e340fc-s.p.0otlqm-r87ayy.woff2") format("woff2"); unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: Kanit; font-style: normal; font-weight: 700; font-display: swap; src: url("/assets/cfe9cc16a7cd-c750adf2ddf22b70-s.p.0hlyuqjg3dzim.woff2") format("woff2"); unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: Kanit; font-style: normal; font-weight: 900; font-display: swap; src: url("/assets/7b4bfd894c7b-073882072f72ca37-s.0ht4h9-nmaume.woff2") format("woff2"); unicode-range: U+2D7, U+303, U+331, U+E01-E5B, U+200C-200D, U+25CC; }
@font-face { font-family: Kanit; font-style: normal; font-weight: 900; font-display: swap; src: url("/assets/34ff3102c0f1-7f33a509678d7a30-s.0wzdkb1.-mt9q.woff2") format("woff2"); unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB; }
@font-face { font-family: Kanit; font-style: normal; font-weight: 900; font-display: swap; src: url("/assets/d146984890c3-d0ed2b25cc87a567-s.p.0maehkg_-nc.k.woff2") format("woff2"); unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: Kanit; font-style: normal; font-weight: 900; font-display: swap; src: url("/assets/9f8eb2884bc2-5ad4ff46ac72da73-s.p.12ktuabwj5mwz.woff2") format("woff2"); unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: "Kanit Fallback"; src: local("Arial"); ascent-override: 108.49%; descent-override: 38.96%; line-gap-override: 0%; size-adjust: 101.39%; }
.kanit_39e3ff31-module__q8tNKG__className { font-family: Kanit, "Kanit Fallback"; font-style: normal; }
.kanit_39e3ff31-module__q8tNKG__variable { --font-kanit: "Kanit", "Kanit Fallback"; }
@font-face { font-family: Inter; font-style: normal; font-weight: 400; font-display: swap; src: url("/assets/2c57f6803c94-2c55a0e60120577a-s.0bjc5tiuqdqro.woff2") format("woff2"); unicode-range: U+460-52F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; }
@font-face { font-family: Inter; font-style: normal; font-weight: 400; font-display: swap; src: url("/assets/7c8c8bb3afd1-9c72aa0f40e4eef8-s.0m6w47a4e5dy9.woff2") format("woff2"); unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116; }
@font-face { font-family: Inter; font-style: normal; font-weight: 400; font-display: swap; src: url("/assets/f76b367fe9de-ad66f9afd8947f86-s.11u06r12fd6v_.woff2") format("woff2"); unicode-range: U+1F00-1FFF; }
@font-face { font-family: Inter; font-style: normal; font-weight: 400; font-display: swap; src: url("/assets/63503eb7b209-5476f68d60460930-s.0wxq9webf.ew4.woff2") format("woff2"); unicode-range: U+370-377, U+37A-37F, U+384-38A, U+38C, U+38E-3A1, U+3A3-3FF; }
@font-face { font-family: Inter; font-style: normal; font-weight: 400; font-display: swap; src: url("/assets/42f8f9badb47-2bbe8d2671613f1f-s.067x_6k0k23tk.woff2") format("woff2"); unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB; }
@font-face { font-family: Inter; font-style: normal; font-weight: 400; font-display: swap; src: url("/assets/75c3a863b901-1bffadaabf893a1e-s.16ipb6fqu393i.woff2") format("woff2"); unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: Inter; font-style: normal; font-weight: 400; font-display: swap; src: url("/assets/598a80f6f819-83afe278b6a6bb3c-s.p.0q-301v4kxxnr.woff2") format("woff2"); unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: Inter; font-style: normal; font-weight: 700; font-display: swap; src: url("/assets/2c57f6803c94-2c55a0e60120577a-s.0bjc5tiuqdqro.woff2") format("woff2"); unicode-range: U+460-52F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; }
@font-face { font-family: Inter; font-style: normal; font-weight: 700; font-display: swap; src: url("/assets/7c8c8bb3afd1-9c72aa0f40e4eef8-s.0m6w47a4e5dy9.woff2") format("woff2"); unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116; }
@font-face { font-family: Inter; font-style: normal; font-weight: 700; font-display: swap; src: url("/assets/f76b367fe9de-ad66f9afd8947f86-s.11u06r12fd6v_.woff2") format("woff2"); unicode-range: U+1F00-1FFF; }
@font-face { font-family: Inter; font-style: normal; font-weight: 700; font-display: swap; src: url("/assets/63503eb7b209-5476f68d60460930-s.0wxq9webf.ew4.woff2") format("woff2"); unicode-range: U+370-377, U+37A-37F, U+384-38A, U+38C, U+38E-3A1, U+3A3-3FF; }
@font-face { font-family: Inter; font-style: normal; font-weight: 700; font-display: swap; src: url("/assets/42f8f9badb47-2bbe8d2671613f1f-s.067x_6k0k23tk.woff2") format("woff2"); unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB; }
@font-face { font-family: Inter; font-style: normal; font-weight: 700; font-display: swap; src: url("/assets/75c3a863b901-1bffadaabf893a1e-s.16ipb6fqu393i.woff2") format("woff2"); unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: Inter; font-style: normal; font-weight: 700; font-display: swap; src: url("/assets/598a80f6f819-83afe278b6a6bb3c-s.p.0q-301v4kxxnr.woff2") format("woff2"); unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: "Inter Fallback"; src: local("Arial"); ascent-override: 90.44%; descent-override: 22.52%; line-gap-override: 0%; size-adjust: 107.12%; }
.inter_bca77c03-module__k97YtW__className { font-family: Inter, "Inter Fallback"; font-style: normal; }
.inter_bca77c03-module__k97YtW__variable { --font-inter: "Inter", "Inter Fallback"; }
@font-face { font-family: proximaNovaAltCondensed; src: url("/assets/2fb42b7ec849-proxima_nova_alt_extra_condensed-s.p.1510rc80uf-9t.otf") format("opentype"); font-display: swap; }
@font-face { font-family: "proximaNovaAltCondensed Fallback"; src: local("Arial"); ascent-override: 121.65%; descent-override: 39.4%; line-gap-override: 0%; size-adjust: 75.63%; }
.proximanovaaltcondensed_923b06aa-module__ArKAka__className { font-family: proximaNovaAltCondensed, "proximaNovaAltCondensed Fallback"; }
.proximanovaaltcondensed_923b06aa-module__ArKAka__variable { --font-proxima-nova-alt-condensed: "proximaNovaAltCondensed", "proximaNovaAltCondensed Fallback"; }
:root { --sa-top: env(safe-area-inset-top); --sa-right: env(safe-area-inset-right); --sa-bottom: env(safe-area-inset-bottom); --sa-left: env(safe-area-inset-left); }
html { -webkit-font-smoothing: antialiased; text-rendering: optimizelegibility; }
html body { padding: 0px; }
body { height: inherit; }
::-webkit-scrollbar-track { background-color: rgba(0, 0, 0, 0); }
::-webkit-scrollbar { background-color: rgba(0, 0, 0, 0); width: 4px; height: 4px; }
::-webkit-scrollbar-thumb { background-color: rgb(42, 80, 68); border-radius: 10px; }
.is-rtl.css-1ckxnn4-MuiFormControl-root-MuiTextField-root { text-align: end; direction: ltr; }
h1, h2, h3, h4, p, ul, ol { margin: 0px; padding: 0px; }
* { scrollbar-width: auto; box-sizing: border-box; }
@keyframes spin { 
  0% { }
  100% { transform: rotate(360deg); }
}
.ellipsis { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.MuiOutlinedInput-root .MuiInputBase-input { box-sizing: border-box; align-items: center; padding: 0px 12px; line-height: 18px; display: flex; }
.MuiOutlinedInput-root.MuiInputBase-sizeLarge, .MuiOutlinedInput-root.MuiInputBase-sizeLarge .MuiInputBase-input { height: 44px; }
.MuiOutlinedInput-root .MuiSelect-select.MuiInputBase-input > * { line-height: inherit; }
.truncate-text { white-space: nowrap; text-overflow: ellipsis; width: 100%; display: block; overflow: hidden; }
span[class^="icon-"]::before, span[class*=" icon-"]::before { width: inherit; }
.w-100 { width: 100%; }
.h-100 { height: 100%; }
.fontWeightRegular { font-weight: 400; }
.flex { display: flex; }
.flex-1 { flex: 1 1 0%; }
.line-clamp-1 { -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; display: -webkit-box !important; }
.line-clamp-2 { -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; display: -webkit-box !important; }
.line-clamp-3 { -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; display: -webkit-box !important; }
.line-clamp-4 { -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; display: -webkit-box !important; }
.wrapper-img-scale > img { transition: transform 0.5s; }
.wrapper-img-scale:hover > img { transform: scale(1.2); }
.d-none { display: none !important; }
.flex-col-center { flex-direction: column; align-items: center; display: flex; }
.word-break-all { word-break: break-all; }
.m-auto { margin: auto; }
.mb-auto { margin-bottom: auto; }
.mt-auto { margin-top: auto; }
.relative { position: relative; }
.swiper-scrollbar { background: rgb(214, 214, 214); }
.swiper-container-horizontal > .swiper-scrollbar { border-radius: 2px; width: 200px; height: 5px; bottom: 0px; left: 50%; transform: translate(-50%); }
.marquee { will-change: transform; backface-visibility: hidden; transform: translate(0px, 0px); mask-image: -webkit-radial-gradient(center, rgb(255, 255, 255), rgb(0, 0, 0)); }
.__floater.__floater__open[x-placement*="top"] .__floater__body .container-tutorial { border-bottom: 1px solid rgba(255, 255, 255, 0.6); }
.__floater.__floater__open[x-placement*="bottom"] .__floater__body .container-tutorial { border-top: 1px solid rgba(255, 255, 255, 0.6); }
.__floater.__floater__open[x-placement*="left"] .__floater__body .container-tutorial { border-right: 1px solid rgba(255, 255, 255, 0.6); }
.__floater.__floater__open[x-placement*="right"] .__floater__body .container-tutorial { border-left: 1px solid rgba(255, 255, 255, 0.6); }
@media screen and (min-width: 1025px) {
  .__floater.__floater__open[x-placement*="left"] .__floater__body .__floater__arrow span { top: 0px !important; }
  #react-joyride-step-2 .__floater.__floater__open[x-placement*="left"] { top: 10px !important; }
  #react-joyride-step-2 .__floater.__floater__open[x-placement*="left"] .__floater__body .__floater__arrow span { top: 60px !important; }
  #react-joyride-step-3 .__floater.__floater__open[x-placement*="left"] { top: 10px !important; }
  #react-joyride-step-3 .__floater.__floater__open[x-placement*="left"] .__floater__body .__floater__arrow span { top: 60px !important; }
  #react-joyride-step-11 .__floater.__floater__open[x-placement*="left"] { top: 50px !important; }
}
@media screen and (max-width: 1025px) {
  #react-joyride-step-12 .__floater.__floater__open[x-placement*="bottom"] .__floater__body .__floater__arrow span { right: 100px; left: unset !important; }
}
@media screen and (min-width: 900px) and (max-width: 1280px) {
  #react-joyride-step-2 .__floater.__floater__open[x-placement*="top"] .__floater__body .__floater__arrow span { left: 60px !important; }
  #react-joyride-step-3 .__floater.__floater__open[x-placement*="top"] .__floater__body .__floater__arrow span { left: 240px !important; }
  #react-joyride-step-4 .__floater.__floater__open[x-placement*="top"] .__floater__body .__floater__arrow span { left: 40px !important; }
}
:not(body):has(> .driver-active-element) { overflow: unset !important; }
.animated__scaleUpFromBottom .animated__scaleUpFromBottom__children { transform-origin: center bottom; transition: transform 0.3s ease-in-out; }
.animated__scaleUpFromBottom .animated__scaleUpFromBottom__children .svg-main-path { transition: fill 0.3s ease-in-out; }
.animated__scaleUpFromBottom:hover .animated__scaleUpFromBottom__children { transform: scale(1.1); }
.animated__scaleUpFromBottom:hover .animated__scaleUpFromBottom__children .svg-main-path { fill: rgb(254, 226, 12); }
@keyframes fadeInUp { 
  0% { opacity: 0; transform: translateY(10px); }
  100% { opacity: 1; transform: translate(0px, 0px); }
}
.animated__fadeInUp { animation: 0.5s ease-in-out 0s 1 normal none running fadeInUp; }
@keyframes shimmer { 
  100% { mask-position: 0px center; }
}
@keyframes scaleInUp { 
  0% { opacity: 0; transform: scale(0.9); }
  100% { opacity: 1; transform: scale(1); }
}
.animated__scaleInUp { animation: 0.2s ease 0s 1 normal none running scaleInUp; }
@keyframes progressNotification { 
  0% { width: 0px; }
  100% { width: 100%; }
}
@keyframes shine { 
  0% { opacity: 0; left: -100%; }
  100% { opacity: 1; left: 100%; }
}
@keyframes bounceIn { 
  0% { opacity: 0; transform: scale(0.3); }
  50% { opacity: 1; transform: scale(1.05); }
  70% { transform: scale(0.9); }
  100% { transform: scale(1); }
}
@keyframes rowOdd { 
  0% { transform: translateY(-100%); }
}
@keyframes rowEven { 
  0% { transform: translateY(-100%); }
}
@keyframes widthOpacity { 
  0% { opacity: 0; width: 50px; }
  100% { opacity: 1; width: 158px; }
}
@keyframes rotate { 
  0% { --angle: 0deg; }
  100% { --angle: 360deg; }
}
@property --angle { syntax: "<angle>"; inherits: false; initial-value: 0deg; }
@font-face { font-family: icon-fonts; src: url("/assets/ada0d272b960-icon-fonts.ttf") format("truetype"), url("/assets/77cb56cdb126-icon-fonts.woff") format("woff"), url("/assets/48aed97e7ef0-icon-fonts.woff2") format("woff2"); }
span[class^="icon-"]::before, span[class*=" icon-"]::before { font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; font-style: normal; line-height: 1; font-family: icon-fonts !important; font-weight: 400 !important; }
.icon-account-block::before { content: ""; }
.icon-arrow-double-down::before { content: ""; }
.icon-arrow-double-up::before { content: ""; }
.icon-arrow-down::before { content: ""; }
.icon-arrow-left::before { content: ""; }
.icon-arrow-line-left::before { content: ""; }
.icon-arrow-line-right::before { content: ""; }
.icon-arrow-right::before { content: ""; }
.icon-arrow-up::before { content: ""; }
.icon-arrows::before { content: ""; }
.icon-baccarat::before { content: ""; }
.icon-betslip::before { content: ""; }
.icon-blackjack::before { content: ""; }
.icon-book::before { content: ""; }
.icon-calculator::before { content: ""; }
.icon-calendar-blank::before { content: ""; }
.icon-calendar::before { content: ""; }
.icon-card::before { content: ""; }
.icon-cashier::before { content: ""; }
.icon-change-rate::before { content: ""; }
.icon-chart-bar::before { content: ""; }
.icon-chat-info::before { content: ""; }
.icon-chat::before { content: ""; }
.icon-check-circle::before { content: ""; }
.icon-check-square-empty::before { content: ""; }
.icon-check-square::before { content: ""; }
.icon-check::before { content: ""; }
.icon-checks::before { content: ""; }
.icon-chevron-up::before { content: ""; }
.icon-clock-c-wise::before { content: ""; }
.icon-clock-clockwise::before { content: ""; }
.icon-clock::before { content: ""; }
.icon-close::before { content: ""; }
.icon-coin-vertical::before { content: ""; }
.icon-coin::before { content: ""; }
.icon-coins::before { content: ""; }
.icon-comparison::before { content: ""; }
.icon-copy-simple::before { content: ""; }
.icon-crypto-icon::before { content: ""; }
.icon-currency-circle-dollar::before { content: ""; }
.icon-currency-dollar::before { content: ""; }
.icon-daily-bonus::before { content: ""; }
.icon-deposit::before { content: ""; }
.icon-desktop::before { content: ""; }
.icon-dinosaur::before { content: ""; }
.icon-discord::before { content: ""; }
.icon-dots-horizontal::before { content: ""; }
.icon-dots-vertical::before { content: ""; }
.icon-edit::before { content: ""; }
.icon-envelope::before { content: ""; }
.icon-error-circle::before { content: ""; }
.icon-exclusive::before { content: ""; }
.icon-eye-closed::before { content: ""; }
.icon-eye::before { content: ""; }
.icon-facebook::before { content: ""; }
.icon-favorite-fill::before { content: ""; }
.icon-favorite::before { content: ""; }
.icon-filter-lines::before { content: ""; }
.icon-filter::before { content: ""; }
.icon-flag::before { content: ""; }
.icon-game-controller::before { content: ""; }
.icon-game-show::before { content: ""; }
.icon-gift::before { content: ""; }
.icon-globe::before { content: ""; }
.icon-google::before { content: ""; }
.icon-hall-of-fame::before { content: ""; }
.icon-hand::before { content: ""; }
.icon-help::before { content: ""; }
.icon-high-roller::before { content: ""; }
.icon-house::before { content: ""; }
.icon-incognito::before { content: ""; }
.icon-info::before { content: ""; }
.icon-infographic::before { content: ""; }
.icon-instagram::before { content: ""; }
.icon-instant-cashback::before { content: ""; }
.icon-link::before { content: ""; }
.icon-list-bullets::before { content: ""; }
.icon-list-checks::before { content: ""; }
.icon-list::before { content: ""; }
.icon-live-casino::before { content: ""; }
.icon-live-win::before { content: ""; }
.icon-lock-open::before { content: ""; }
.icon-lock::before { content: ""; }
.icon-maximize::before { content: ""; }
.icon-menu-1::before { content: ""; }
.icon-menu-2::before { content: ""; }
.icon-minimize::before { content: ""; }
.icon-minus::before { content: ""; }
.icon-new::before { content: ""; }
.icon-notification-active::before { content: ""; }
.icon-notification::before { content: ""; }
.icon-percent::before { content: ""; }
.icon-phone::before { content: ""; }
.icon-player-guide::before { content: ""; }
.icon-plus-2::before { content: ""; }
.icon-plus::before { content: ""; }
.icon-prestige::before { content: ""; }
.icon-promotions::before { content: ""; }
.icon-providers::before { content: ""; }
.icon-push-pin-slash::before { content: ""; }
.icon-push-pin::before { content: ""; }
.icon-redirect::before { content: ""; }
.icon-referral::before { content: ""; }
.icon-reload::before { content: ""; }
.icon-rocket::before { content: ""; }
.icon-roulette::before { content: ""; }
.icon-rows::before { content: ""; }
.icon-scan::before { content: ""; }
.icon-search::before { content: ""; }
.icon-settings::before { content: ""; }
.icon-share-network::before { content: ""; }
.icon-sign-in::before { content: ""; }
.icon-sign-out::before { content: ""; }
.icon-slide-left::before { content: ""; }
.icon-slide-right::before { content: ""; }
.icon-sliders-horizontal::before { content: ""; }
.icon-sliders::before { content: ""; }
.icon-slot::before { content: ""; }
.icon-sport::before { content: ""; }
.icon-stats::before { content: ""; }
.icon-suit::before { content: ""; }
.icon-support::before { content: ""; }
.icon-telegram::before { content: ""; }
.icon-theatre::before { content: ""; }
.icon-thunder::before { content: ""; }
.icon-timer::before { content: ""; }
.icon-tournament::before { content: ""; }
.icon-trash::before { content: ""; }
.icon-union-currency::before { content: ""; }
.icon-union::before { content: ""; }
.icon-user::before { content: ""; }
.icon-vault::before { content: ""; }
.icon-verification::before { content: ""; }
.icon-vip::before { content: ""; }
.icon-voltrush::before { content: ""; }
.icon-wallet-card::before { content: ""; }
.icon-wallet-cross::before { content: ""; }
.icon-wallet::before { content: ""; }
.icon-warning-circle::before { content: ""; }
.icon-warning::before { content: ""; }
.icon-weekly-cashback::before { content: ""; }
.icon-wheel::before { content: ""; }
.icon-x::before { content: ""; }
.odometer.odometer-auto-theme, .odometer.odometer-theme-default, .odometer.odometer-auto-theme .odometer-digit, .odometer.odometer-theme-default .odometer-digit { vertical-align: middle; display: inline-block; position: relative; }
.odometer.odometer-auto-theme .odometer-digit .odometer-digit-spacer, .odometer.odometer-theme-default .odometer-digit .odometer-digit-spacer { vertical-align: middle; visibility: hidden; display: inline-block; }
.odometer.odometer-auto-theme .odometer-digit .odometer-digit-inner, .odometer.odometer-theme-default .odometer-digit .odometer-digit-inner { text-align: left; display: block; position: absolute; inset: 0px; overflow: hidden; }
.odometer.odometer-auto-theme .odometer-digit .odometer-ribbon, .odometer.odometer-theme-default .odometer-digit .odometer-ribbon { display: block; }
.odometer.odometer-auto-theme .odometer-digit .odometer-ribbon-inner, .odometer.odometer-theme-default .odometer-digit .odometer-ribbon-inner { backface-visibility: hidden; display: block; }
.odometer.odometer-auto-theme .odometer-digit .odometer-value, .odometer.odometer-theme-default .odometer-digit .odometer-value { display: block; transform: translateZ(0px); }
.odometer.odometer-auto-theme .odometer-digit .odometer-value.odometer-last-value, .odometer.odometer-theme-default .odometer-digit .odometer-value.odometer-last-value { position: absolute; }
.odometer.odometer-auto-theme.odometer-animating-up .odometer-ribbon-inner, .odometer.odometer-theme-default.odometer-animating-up .odometer-ribbon-inner { transition: transform 2s; }
.odometer.odometer-auto-theme.odometer-animating-up.odometer-animating .odometer-ribbon-inner, .odometer.odometer-theme-default.odometer-animating-up.odometer-animating .odometer-ribbon-inner, .odometer.odometer-auto-theme.odometer-animating-down .odometer-ribbon-inner, .odometer.odometer-theme-default.odometer-animating-down .odometer-ribbon-inner { transform: translateY(-100%); }
.odometer.odometer-auto-theme.odometer-animating-down.odometer-animating .odometer-ribbon-inner, .odometer.odometer-theme-default.odometer-animating-down.odometer-animating .odometer-ribbon-inner { transition: transform 2s; transform: translateY(0px); }
.odometer.odometer-auto-theme, .odometer.odometer-theme-default { font-family: "Helvetica Neue", sans-serif; line-height: 1.1em; }
.odometer.odometer-auto-theme .odometer-value, .odometer.odometer-theme-default .odometer-value { text-align: center; }
html { -webkit-font-smoothing: antialiased; box-sizing: border-box; text-size-adjust: 100%; color-scheme: dark; }
*, ::before, ::after { box-sizing: inherit; }
strong, b { font-weight: 600; }
body { margin: 0px; color: rgb(255, 255, 255); font-family: Kanit, sans-serif; font-weight: 400; font-size: 1rem; line-height: 1.5; background-color: rgb(12, 23, 19); }
@media print {
  body { background-color: rgb(255, 255, 255); }
}
body::backdrop { background-color: rgb(12, 23, 19); }
.primary { color: rgb(0, 254, 169); }
.pt-0 { padding-top: 0px; }
.ml-auto { margin-left: auto; }
.relative { position: relative; }
.swiper-pagination-bottom .swiper-pagination { cursor: pointer; position: relative; bottom: 0px; display: flex; -webkit-box-pack: center; justify-content: center; gap: 6px; padding-top: 16px; width: 100% !important; }
.swiper-pagination-bottom .swiper-pagination > * { height: 10px; width: 10px; border-radius: 100%; }
.swiper-pagination-bottom .swiper-pagination .swiper-pagination-bullet { opacity: 1; background-color: rgb(28, 54, 45); }
.swiper-pagination-bottom .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { background-color: transparent; border: 1px solid rgb(0, 254, 169); }
.swiper-pagination-bottom .swiper-pagination-lock { display: none; }
.h-auto { height: auto; }
.h-full { height: 100%; }
.w-full { width: 100%; }
.dropdown-list-200 { width: 240px; border-width: 0px 1px 1px; border-color: rgba(255, 255, 255, 0.2); border-style: solid; background-color: rgb(21, 40, 34); border-radius: 0px 0px 6px 6px !important; }
.dropdown-list-200 ul { max-height: 340px; overflow: auto; background-color: rgb(21, 40, 34); padding: 0px 8px 8px !important; }
.dropdown-list-200 ul > li:not(:last-child) { margin-bottom: 8px; }
@media (max-width: 599.95px) {
  .dropdown-list-200 ul { padding: 0px 4px 4px !important; }
  .dropdown-list-200 ul > li:not(:last-child) { margin-bottom: 4px; }
}
.dropdown-list-200-casino { width: 240px; border-width: 0px 1px 1px; border-color: rgb(42, 80, 68); border-style: solid; border-radius: 0px 0px 6px 6px !important; background: rgb(21, 40, 34) !important; }
.dropdown-list-200-casino ul { max-height: calc(332px); width: calc(100% - 4px); overflow: auto; background-color: rgb(21, 40, 34); padding: 0px 2px 6px 6px; margin-top: 2px; }
.dropdown-list-200-casino ul > li:not(:last-child) { padding-bottom: 8px; }
@media (max-width: 599.95px) {
  .dropdown-list-200-casino ul { max-height: calc(196px); width: calc(100% - 2px); padding: 0px 2px 4px 4px; margin-top: 4px; }
  .dropdown-list-200-casino ul > li:not(:last-child) { padding-bottom: 4px; }
}
.dropdown-list-200-profile { width: 188px; border-width: 0px 1px 1px; border-color: rgba(255, 255, 255, 0.2); border-style: solid; background-color: rgb(21, 40, 34); border-radius: 0px 0px 6px 6px !important; }
.dropdown-list-200-profile ul { max-height: 340px; overflow: auto; background-color: rgb(21, 40, 34); padding: 8px !important; }
.dropdown-list-200-profile ul .Mui-selected { background-color: rgb(0, 254, 169); }
@media (hover: none) {
  .dropdown-list-200-profile ul .Mui-selected { background-color: rgb(0, 254, 169) !important; }
}
.w-fit-content { width: fit-content; }
a { color: rgb(0, 254, 169); }
.scroll-hidden { overflow: hidden; }
.scroll-x-hidden { overflow-x: hidden; }
.scroll-y-hidden { overflow-y: hidden; }
.scroll { overflow: auto; }
.scroll-x { overflow-x: auto; }
.scroll-y { overflow-y: auto; }
.scrollbar::-webkit-scrollbar, .scrollbar-2::-webkit-scrollbar, .scrollbar-3::-webkit-scrollbar { width: 4px; height: 4px; }
.scrollbar-3 { padding-bottom: 0px !important; }
.hidden-scrollbar::-webkit-scrollbar { display: none; }
.line-clamp-2 { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.opacity-5 { opacity: 0.5; }
.loading-primary::after { top: 0px; left: 0px; position: absolute; content: " "; z-index: 9999; width: 100%; height: 100%; }
.loading-primary::before { position: absolute; content: " "; width: 20px; height: 20px; box-sizing: border-box; border-width: 3px; border-style: solid; border-color: rgb(0, 254, 169) transparent transparent rgb(0, 254, 169); border-image: none; border-radius: 50%; animation: 700ms linear 0s infinite normal none running spin; left: calc(50% - 10px); z-index: 9998; top: calc(50% - 10px); }
#fasttrack-crm .title, #fasttrack-crm .preview, #fasttrack-crm .message, #fasttrack-crm .cta-button, #fasttrack-crm .no-messages *, #fasttrack-crm .message-body, #fasttrack-crm .bottom-info, #fasttrack-crm .footer-text, #fasttrack-crm .text, #fasttrack-crm .date { word-break: normal !important; overflow-wrap: break-word !important; color: rgb(255, 255, 255) !important; font-family: Kanit, sans-serif !important; }
#fasttrack-crm .is_read .title, #fasttrack-crm .is_read .date, #fasttrack-crm .is_read .text { color: rgba(255, 255, 255, 0.6) !important; }
#fasttrack-crm .image-wrapper { display: flex; -webkit-box-align: center; align-items: center; margin-right: 15px; }
#fasttrack-crm .image-wrapper img { margin: 0px !important; width: 131px !important; }
#fasttrack-crm .preview { -webkit-line-clamp: 5; -webkit-box-orient: vertical; overflow: hidden; color: rgb(255, 255, 255) !important; display: -webkit-box !important; padding-bottom: 0px !important; }
#fasttrack-crm .show-message-button, #fasttrack-crm .cta-button { -webkit-box-pack: center; justify-content: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-weight: 700; background-color: rgb(21, 40, 34) !important; box-shadow: none !important; border-width: medium !important; border-style: none !important; border-color: currentcolor !important; border-image: none !important; padding: 0px 12px !important; margin: 0px !important; height: 44px !important; vertical-align: middle !important; line-height: 44px !important; transition: 0.6s !important; text-transform: unset !important; font-size: 13px !important; display: inline-block !important; color: rgb(255, 255, 255) !important; }
#fasttrack-crm .show-message-button:hover, #fasttrack-crm .cta-button:hover { background-color: rgb(0, 254, 169) !important; }
#fasttrack-crm .show-message-button.secondary, #fasttrack-crm .cta-button.secondary { border: 1px solid rgb(0, 254, 169); background-color: rgb(0, 254, 169) !important; box-shadow: rgba(0, 254, 169, 0.9) 0px 0px 10px 0px !important; }
#fasttrack-crm .show-message-button.secondary:hover, #fasttrack-crm .cta-button.secondary:hover { background-color: rgb(238, 190, 68) !important; color: rgb(255, 255, 255) !important; }
#fasttrack-crm .close-btn { margin: 0px !important; top: 16px !important; right: 16px !important; left: unset !important; background-color: rgb(21, 40, 34) !important; box-shadow: none !important; }
#fasttrack-crm .close-btn::before, #fasttrack-crm .close-btn::after { background-color: rgb(255, 255, 255) !important; }
#fasttrack-crm .small-notifications-wrapper { z-index: 1200 !important; padding: 0px 15px 15px !important; top: 68px !important; overflow-y: auto !important; max-height: calc(-68px + 100vh) !important; }
#fasttrack-crm .small-notifications-wrapper .notification-small { background-color: rgb(28, 54, 45) !important; padding: 15px !important; }
#fasttrack-crm .small-notifications-wrapper .notification-small .show-message-button { min-width: 100px; width: calc(50% - 8px) !important; }
#fasttrack-crm .small-notifications-wrapper .notification-small .show-message-button.secondary { margin-left: 16px !important; }
#fasttrack-crm .selected-message { padding: 16px; gap: 16px; border-radius: 0px !important; background-color: rgb(21, 40, 34) !important; }
#fasttrack-crm .selected-message .image { border-radius: 21.512px; overflow: hidden; }
#fasttrack-crm .selected-message .image.loaded { width: 100%; max-width: 588px; height: 215.122px; flex-shrink: 0; background: none !important; }
#fasttrack-crm .selected-message .scroll-area { display: flex; flex-direction: column; flex: 1 1 0px; min-height: 0px; overflow: unset !important; height: fit-content !important; position: relative !important; }
#fasttrack-crm .selected-message .scroll-area .title { font-size: 16px !important; font-style: normal !important; font-weight: 600 !important; line-height: 20px !important; }
#fasttrack-crm .selected-message .bottom-info { flex-shrink: 0; }
#fasttrack-crm .selected-message .image, #fasttrack-crm .selected-message img { width: 100%; object-fit: contain; }
#fasttrack-crm .small-notifications-wrapper::-webkit-scrollbar-track, #fasttrack-crm .messages-list::-webkit-scrollbar-track { background-color: rgb(28, 54, 45) !important; }
#fasttrack-crm .small-notifications-wrapper::-webkit-scrollbar, #fasttrack-crm .messages-list::-webkit-scrollbar { width: 2px !important; background-color: rgb(28, 54, 45) !important; }
#fasttrack-crm .small-notifications-wrapper::-webkit-scrollbar-thumb, #fasttrack-crm .messages-list::-webkit-scrollbar-thumb { border-radius: 200px !important; background-color: rgb(0, 254, 169) !important; }
#fasttrack-crm .inbox-wrapper .inbox { height: 100vh; max-height: 660px; max-width: 620px; overflow: hidden auto; background-color: rgb(21, 40, 34) !important; margin: 0px !important; }
#fasttrack-crm .inbox-wrapper .inbox .inbox-navigation-bar { padding-left: 16px; padding-right: 16px; }
#fasttrack-crm .inbox-wrapper .inbox .messages-list { padding: 16px; overflow-y: auto; display: flex; flex-direction: column; gap: 16px; max-width: unset !important; }
#fasttrack-crm .inbox-wrapper .inbox .messages-list .title { text-align: left !important; }
#fasttrack-crm .inbox-wrapper .inbox .logo:not(.back-button) { display: none; }
#fasttrack-crm .inbox-wrapper .inbox .back-button { display: flex; }
#fasttrack-crm .inbox-wrapper .inbox::-webkit-scrollbar-track { background-color: rgba(0, 254, 169, 0.1) !important; }
#fasttrack-crm .inbox-wrapper .inbox::-webkit-scrollbar { width: 5px !important; background-color: rgba(0, 254, 169, 0.1) !important; }
#fasttrack-crm .inbox-wrapper .inbox::-webkit-scrollbar-thumb { border-radius: 200px !important; background-color: rgb(0, 254, 169) !important; }
#fasttrack-crm .inbox-wrapper .inbox .title { font-size: 14px; line-height: 18px; font-weight: 600; font-style: normal; text-align: center; margin: 0px !important; }
#fasttrack-crm .inbox-wrapper .inbox .bottom-info { font-weight: 400; font-size: 12px; font-style: normal; line-height: 16px; text-align: center; padding: 16px 0px 0px; border-top: 1px solid rgb(42, 80, 68); margin: 12px 0px 0px !important; color: rgba(255, 255, 255, 0.8) !important; text-decoration-line: unset !important; text-decoration-skip-ink: none !important; text-decoration-thickness: auto !important; text-underline-offset: auto !important; text-underline-position: from-font !important; }
#fasttrack-crm .inbox-wrapper .inbox .bottom-info br { display: none; }
@media (max-width: 599.95px) {
  #fasttrack-crm .inbox-wrapper .inbox .bottom-info br { display: block; }
}
#fasttrack-crm .inbox-wrapper .inbox .bottom-info a { font-weight: 400; text-decoration-line: underline; }
#fasttrack-crm .inbox-wrapper .inbox .message-body { font-size: 14px; font-style: normal; font-weight: 400; line-height: 18px; flex: 1 1 0px; min-height: 0px; overflow-y: auto; margin: 12px 0px 0px !important; color: rgba(255, 255, 255, 0.8) !important; }
#fasttrack-crm .inbox-wrapper .inbox .bottom-row { padding: 0px !important; margin: 0px !important; box-shadow: unset !important; }
#fasttrack-crm .inbox-wrapper .inbox .bottom-row .buttons-row { gap: 16px; flex-wrap: nowrap; padding: 0px !important; margin: 0px !important; }
#fasttrack-crm .inbox-wrapper .inbox .bottom-row .cta-button { flex: 1 1 0px; min-width: 0px; max-width: none; font-style: normal; font-weight: 600; display: block !important; font-size: 14px !important; line-height: 18px !important; border-radius: 6px !important; padding: 13px 24px !important; background-color: rgb(28, 54, 45) !important; }
#fasttrack-crm .inbox-wrapper .inbox .bottom-row .cta-button::before { border-radius: 6px !important; }
#fasttrack-crm .inbox-wrapper .inbox .bottom-row .cta-button:hover { background-color: rgb(42, 80, 68) !important; }
#fasttrack-crm .inbox-wrapper .inbox .bottom-row .secondary { background: linear-gradient(90deg, rgb(254, 226, 12) 0%, rgb(255, 174, 0) 100%); box-shadow: none !important; color: rgb(14, 27, 23) !important; }
#fasttrack-crm .inbox-wrapper .inbox .bottom-row .secondary:hover { background: linear-gradient(270deg, rgb(254, 226, 12) 0%, rgb(255, 174, 0) 100%); }
#fasttrack-crm .inbox-wrapper .inbox .footer-text { font-style: normal; font-weight: 600; padding: 16px 0px 0px !important; margin: 0px !important; color: rgb(0, 254, 169) !important; font-size: 14px !important; line-height: 18px !important; }
#fasttrack-crm .inbox-wrapper .inbox-navigation-bar { box-shadow: none; border-radius: 8px !important; padding-right: 45px !important; padding-top: 14px !important; }
#fasttrack-crm .inbox-wrapper .inbox-navigation-bar .contact-details { display: none; }
#fasttrack-crm .inbox-wrapper .inbox-navigation-bar .back-button { color: rgb(255, 255, 255) !important; }
#fasttrack-crm .inbox-wrapper .inbox-navigation-bar .back-button::before, #fasttrack-crm .inbox-wrapper .inbox-navigation-bar .back-button::after { background-color: rgb(255, 255, 255) !important; }
#fasttrack-crm .inbox-wrapper .message { gap: 8px; border-radius: 8px; padding: 12px; height: auto; min-height: 100px; flex-shrink: 0; }
#fasttrack-crm .inbox-wrapper .message .title { max-width: calc(100% - 16px); font-size: 14px; font-style: normal; font-weight: 600; line-height: 18px; }
#fasttrack-crm .inbox-wrapper .message.is_read .title, #fasttrack-crm .inbox-wrapper .message.is_unread .title { min-width: 0px; white-space: normal; }
#fasttrack-crm .inbox-wrapper .message.is_read .title p, #fasttrack-crm .inbox-wrapper .message.is_unread .title p { margin: 0px; }
#fasttrack-crm .inbox-wrapper .message.is_read .text, #fasttrack-crm .inbox-wrapper .message.is_unread .text { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; white-space: normal; max-height: none; font-size: 14px; font-style: normal; font-weight: 500; line-height: 22px; }
#fasttrack-crm .inbox-wrapper .message.is_read .text p, #fasttrack-crm .inbox-wrapper .message.is_unread .text p { margin: 0px; }
#fasttrack-crm .inbox-wrapper .message .date { font-weight: 400; color: rgba(255, 255, 255, 0.6) !important; font-size: 12px !important; font-style: normal !important; line-height: 16px !important; }
#fasttrack-crm .inbox-wrapper .message .unread-badge { display: none; }
#fasttrack-crm .inbox-wrapper .message:nth-of-type(2n+1) { background-color: rgb(28, 54, 45) !important; }
#fasttrack-crm .inbox-wrapper .message:nth-of-type(2n) { background-color: rgb(28, 54, 45) !important; }
#fasttrack-crm .inbox-wrapper .delete-button g { fill: rgb(255, 255, 255); }
#fasttrack-crm .inbox-wrapper .no-messages::before { content: ""; display: block; width: 160px; height: 160px; margin: 0px auto 20px; background-image: url("/assets/2ae5aaca81b0-empty-message.webp"); background-position: center center; background-repeat: no-repeat; background-size: contain; }
#fasttrack-crm .inbox-wrapper .no-messages svg { display: none !important; }
#fasttrack-crm .inbox-wrapper .no-messages span { font-size: 16px !important; line-height: 20px !important; max-width: 252px !important; font-weight: 600 !important; }
#ft-crm-inbox-badge { display: block !important; height: 0px; }
.no-messages svg { fill: rgb(255, 255, 255) !important; }
.spinner div::after { background-color: rgb(255, 255, 255) !important; }
.footer-text { margin-top: 10px !important; }
@media (max-width: 899.95px) {
  #fasttrack-crm .title, #fasttrack-crm .preview, #fasttrack-crm .message, #fasttrack-crm .cta-button, #fasttrack-crm .no-messages *, #fasttrack-crm .message-body, #fasttrack-crm .bottom-info, #fasttrack-crm .footer-text, #fasttrack-crm .text, #fasttrack-crm .date { word-break: normal !important; overflow-wrap: break-word !important; color: rgb(255, 255, 255) !important; font-family: Kanit, sans-serif !important; }
  #fasttrack-crm .image-wrapper { display: flex; -webkit-box-align: center; align-items: center; margin-right: 15px; }
  #fasttrack-crm .image-wrapper img { margin: 0px !important; width: 131px !important; }
  #fasttrack-crm .preview { -webkit-line-clamp: 5; -webkit-box-orient: vertical; overflow: hidden; color: rgb(255, 255, 255) !important; display: -webkit-box !important; padding-bottom: 0px !important; }
  #fasttrack-crm .show-message-button, #fasttrack-crm .cta-button { -webkit-box-pack: center; justify-content: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-weight: 700; background-color: rgb(21, 40, 34) !important; box-shadow: none !important; border-width: medium !important; border-style: none !important; border-color: currentcolor !important; border-image: none !important; padding: 0px 12px !important; margin: 0px !important; height: 44px !important; vertical-align: middle !important; line-height: 44px !important; transition: 0.6s !important; text-transform: unset !important; font-size: 13px !important; display: inline-block !important; color: rgb(255, 255, 255) !important; }
  #fasttrack-crm .show-message-button:hover, #fasttrack-crm .cta-button:hover { background-color: rgb(0, 254, 169) !important; }
  #fasttrack-crm .show-message-button.secondary, #fasttrack-crm .cta-button.secondary { border: 1px solid rgb(0, 254, 169); background-color: rgb(0, 254, 169) !important; box-shadow: rgba(0, 254, 169, 0.9) 0px 0px 10px 0px !important; }
  #fasttrack-crm .show-message-button.secondary:hover, #fasttrack-crm .cta-button.secondary:hover { background-color: rgb(238, 190, 68) !important; color: rgb(255, 255, 255) !important; }
  #fasttrack-crm .close-btn { margin: 0px !important; top: 5px !important; right: 5px !important; left: unset !important; background-color: rgb(21, 40, 34) !important; }
  #fasttrack-crm .close-btn::before, #fasttrack-crm .close-btn::after { background-color: rgb(255, 255, 255) !important; }
  #fasttrack-crm .small-notifications-wrapper { z-index: 1200 !important; padding: 0px 15px 15px !important; top: 68px !important; overflow-y: auto !important; max-height: calc(-68px + 100vh) !important; }
  #fasttrack-crm .small-notifications-wrapper .notification-small { background-color: rgb(28, 54, 45) !important; padding: 15px !important; }
  #fasttrack-crm .small-notifications-wrapper .notification-small .show-message-button { min-width: 100px; width: calc(50% - 8px) !important; }
  #fasttrack-crm .small-notifications-wrapper .notification-small .show-message-button.secondary { margin-left: 16px !important; }
  #fasttrack-crm .selected-message .image.loaded { border-radius: 12px; }
  #fasttrack-crm .selected-message .scroll-area { overflow: unset !important; height: fit-content !important; }
  #fasttrack-crm .messages-list { max-width: unset !important; }
  #fasttrack-crm .small-notifications-wrapper::-webkit-scrollbar-track, #fasttrack-crm .messages-list::-webkit-scrollbar-track { background-color: rgb(28, 54, 45) !important; }
  #fasttrack-crm .small-notifications-wrapper::-webkit-scrollbar, #fasttrack-crm .messages-list::-webkit-scrollbar { width: 2px !important; background-color: rgb(28, 54, 45) !important; }
  #fasttrack-crm .small-notifications-wrapper::-webkit-scrollbar-thumb, #fasttrack-crm .messages-list::-webkit-scrollbar-thumb { border-radius: 200px !important; background-color: rgb(0, 254, 169) !important; }
  #fasttrack-crm .inbox-wrapper .inbox { height: 100vh; overflow: hidden auto; background-color: rgb(21, 40, 34) !important; margin: 0px !important; }
  #fasttrack-crm .inbox-wrapper .inbox::-webkit-scrollbar-track { background-color: rgba(0, 254, 169, 0.1) !important; }
  #fasttrack-crm .inbox-wrapper .inbox::-webkit-scrollbar { width: 5px !important; background-color: rgba(0, 254, 169, 0.1) !important; }
  #fasttrack-crm .inbox-wrapper .inbox::-webkit-scrollbar-thumb { border-radius: 200px !important; background-color: rgb(0, 254, 169) !important; }
  #fasttrack-crm .inbox-wrapper .inbox .title { font-size: 16px; font-weight: 700; }
  #fasttrack-crm .inbox-wrapper .inbox-navigation-bar { border-radius: 8px !important; padding-right: 45px !important; }
  #fasttrack-crm .inbox-wrapper .inbox-navigation-bar .back-button { color: rgb(255, 255, 255) !important; }
  #fasttrack-crm .inbox-wrapper .inbox-navigation-bar .back-button::before, #fasttrack-crm .inbox-wrapper .inbox-navigation-bar .back-button::after { background-color: rgb(255, 255, 255) !important; }
  #fasttrack-crm .inbox-wrapper .message .title { padding-right: 16px; }
  #fasttrack-crm .inbox-wrapper .message .date { font-size: 12px !important; color: rgba(255, 255, 255, 0.6) !important; }
  #fasttrack-crm .inbox-wrapper .message:nth-of-type(2n+1) { background-color: rgb(28, 54, 45) !important; }
  #fasttrack-crm .inbox-wrapper .message:nth-of-type(2n) { background-color: rgb(28, 54, 45) !important; }
  #fasttrack-crm .inbox-wrapper .delete-button g { fill: rgb(255, 255, 255); }
  #fasttrack-crm .inbox-wrapper .no-messages::before { content: ""; display: block; width: 160px; height: 160px; margin: 0px auto 20px; background-image: url("/assets/2ae5aaca81b0-empty-message.webp"); background-position: center center; background-repeat: no-repeat; background-size: contain; }
  #fasttrack-crm .inbox-wrapper .no-messages svg { display: none !important; }
  #fasttrack-crm .inbox-wrapper .no-messages span { font-size: 16px !important; line-height: 20px !important; max-width: 252px !important; }
  #ft-crm-inbox-badge { display: block !important; height: 0px; }
  .no-messages svg { fill: rgb(255, 255, 255) !important; }
  .spinner div::after { background-color: rgb(255, 255, 255) !important; }
  .footer-text { margin-top: 10px !important; }
  @media (max-width: 899.95px) {
  #fasttrack-crm .small-notifications-wrapper { padding: 10px !important; }
  #fasttrack-crm .small-notifications-wrapper .notification-small { padding: 10px !important; }
  #fasttrack-crm .title { font-size: 15px !important; padding-right: 13px; }
  #fasttrack-crm .preview { font-size: 13px !important; }
  #fasttrack-crm .image-wrapper { display: flex; -webkit-box-align: center; align-items: center; margin-right: 10px; }
  #fasttrack-crm .image-wrapper img { width: 80px !important; }
}
}
@media (max-width: 599.95px) {
  #fasttrack-crm .selected-message .image.loaded { height: 120px; }
}
@-webkit-keyframes mui-auto-fill { 
  0% { display: block; }
}
@keyframes mui-auto-fill { 
  0% { display: block; }
}
@-webkit-keyframes mui-auto-fill-cancel { 
  0% { display: block; }
}
@keyframes mui-auto-fill-cancel { 
  0% { display: block; }
}
.driver-popover-stop-control { top: 0px; left: 0px; width: 100%; height: 100%; position: fixed; z-index: 999999999; pointer-events: visible; background-color: transparent; }
.driver-popover.driver-js-tours { min-width: 375px; min-height: 168px; grid-template-columns: 150px auto; gap: 8px; grid-template-areas: "left header" "left main" "left subMain" "left footer"; padding: 12px; border-radius: 12px; border: 1px solid transparent; background: linear-gradient(rgb(14, 27, 23), rgb(14, 27, 23)) padding-box padding-box, linear-gradient(90deg, rgb(0, 254, 169) 0%, rgb(0, 254, 169) 100%) border-box border-box; display: grid !important; overflow: unset !important; }
.driver-popover.driver-js-tours.mobile { min-width: 320px; }
.driver-popover.driver-js-tours .driver-popover-close-btn { top: 4px; right: 4px; color: rgba(255, 255, 255, 0.8); height: 24px; width: 24px; padding: 4px; border-radius: 6px; }
.driver-popover.driver-js-tours .driver-popover-close-btn > * { line-height: 24px; font-size: 24px; }
.driver-popover.driver-js-tours .driver-popover-close-btn:hover { background-color: rgba(255, 255, 255, 0.08); }
.driver-popover.driver-js-tours.driver-popover-wrapper-without-image { column-gap: 0px; grid-template-columns: auto; grid-template-areas: "header" "main" "subMain" "footer"; }
.driver-popover.driver-js-tours .driver-popover.driverjs-theme .driver-popover-title, .driver-popover.driver-js-tours .driver-popover.driverjs-theme .driver-popover-description, .driver-popover.driver-js-tours .driver-popover.driverjs-theme .driver-popover-progress-text { color: rgb(255, 255, 255); }
.driver-popover.driver-js-tours .driver-popover-arrow { border-width: 10px; border-color: rgb(0, 254, 169); width: 0px !important; height: 0px !important; }
.driver-popover.driver-js-tours .driver-popover-arrow.driver-popover-arrow-side-right { right: calc(100% + 1px); border-left-color: transparent; border-bottom-color: transparent; border-top-color: transparent; }
.driver-popover.driver-js-tours .driver-popover-arrow.driver-popover-arrow-side-bottom { bottom: calc(100% + 1px); border-left-color: transparent; border-top-color: transparent; border-right-color: transparent; }
.driver-popover.driver-js-tours .driver-popover-arrow.driver-popover-arrow-side-top { top: calc(100% + 1px); border-left-color: transparent; border-bottom-color: transparent; border-right-color: transparent; }
.driver-popover.driver-js-tours .driver-popover-arrow.driver-popover-arrow-side-left { left: calc(100% + 1px); border-right-color: transparent; border-bottom-color: transparent; border-top-color: transparent; }
.driver-popover.driver-js-tours .driver-popover-title { padding-right: 20px; text-shadow: none; grid-area: header; color: rgb(255, 255, 255); font-size: 24px; line-height: 32px; font-weight: 700; }
.driver-popover.driver-js-tours .driver-popover-description { min-width: 172px; grid-area: main; text-shadow: none; color: rgb(255, 255, 255); font-size: 14px; line-height: 18px; font-weight: 500; }
.driver-popover.driver-js-tours .driver-popover-description1 { min-width: 172px; text-shadow: none; grid-area: subMain; color: rgb(255, 255, 255); font-size: 14px; line-height: 18px; font-weight: 500; }
.driver-popover.driver-js-tours .driver-popover-footer { grid-area: footer; margin-top: 16px; }
.driver-popover.driver-js-tours .driver-popover-footer .driver-popover-navigation-btns { -webkit-box-pack: end; justify-content: end; gap: 12px; }
.driver-popover.driver-js-tours .driver-popover-footer .driver-popover-navigation-btns button { text-shadow: none; }
.driver-popover.driver-js-tours .driver-popover-footer .driver-popover-navigation-btns .driver-popover-prev-btn { border: 0px; height: 36px; font-size: 14px; font-weight: 700; line-height: 18px; background-color: transparent; color: rgb(0, 254, 169); }
.driver-popover.driver-js-tours .driver-popover-footer .driver-popover-navigation-btns .driver-popover-next-btn { min-width: fit-content; border-radius: 6px; padding: 9px 12px; background: linear-gradient(90deg, rgb(254, 226, 12) 0%, rgb(255, 174, 0) 25%, rgb(254, 226, 12) 75%, rgb(255, 174, 0) 100%) 0% 0% / 400% 400%; border: 0px; height: 36px; font-size: 14px; font-weight: 700; color: rgb(14, 27, 23); }
.driver-popover.driver-js-tours .driver-popover-footer .driver-popover-navigation-btns .driver-popover-next-btn:hover { animation: 0.7s ease 0s 1 normal forwards running animation-dofypc; }
.driver-popover.driver-js-tours .driver-popover-image { grid-area: left; margin: auto; max-width: 100%; filter: drop-shadow(rgb(0, 254, 169) 0px 0px 20px); }
@-webkit-keyframes mui-auto-fill { 
  0% { display: block; }
}
@keyframes mui-auto-fill { 
  0% { display: block; }
}
@-webkit-keyframes mui-auto-fill-cancel { 
  0% { display: block; }
}
@keyframes mui-auto-fill-cancel { 
  0% { display: block; }
}
@-webkit-keyframes mui-auto-fill { 
  0% { display: block; }
}
@keyframes mui-auto-fill { 
  0% { display: block; }
}
@-webkit-keyframes mui-auto-fill-cancel { 
  0% { display: block; }
}
@keyframes mui-auto-fill-cancel { 
  0% { display: block; }
}
.css-kolccp { background-color: rgb(21, 40, 34); background-image: none; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; box-shadow: none; transition: width 300ms cubic-bezier(0.4, 0, 0.2, 1), margin 300ms cubic-bezier(0.4, 0, 0.2, 1), left 300ms cubic-bezier(0.4, 0, 0.2, 1); height: calc(64px + env(safe-area-inset-top)); padding-top: env(safe-area-inset-top); }
@media (min-width: 1024px) {
  .css-kolccp { width: calc(100% - 260px); left: 260px; }
}
@media (max-width: 899.95px) {
  .css-kolccp { height: calc(56px + env(safe-area-inset-top)); z-index: 1202; }
}
.css-qe59jw { display: flex; flex-direction: column; width: 100%; box-sizing: border-box; flex-shrink: 0; position: fixed; z-index: 1100; top: 0px; left: auto; right: 0px; --AppBar-background: #00FEA9; --AppBar-color: rgba(0, 0, 0, 0.87); background-color: rgb(21, 40, 34); background-image: none; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; box-shadow: none; transition: width 300ms cubic-bezier(0.4, 0, 0.2, 1), margin 300ms cubic-bezier(0.4, 0, 0.2, 1), left 300ms cubic-bezier(0.4, 0, 0.2, 1); height: calc(64px + env(safe-area-inset-top)); padding-top: env(safe-area-inset-top); }
@media print {
  .css-qe59jw { position: absolute; }
}
@media (min-width: 1024px) {
  .css-qe59jw { width: calc(100% - 260px); left: 260px; }
}
@media (max-width: 899.95px) {
  .css-qe59jw { height: calc(56px + env(safe-area-inset-top)); z-index: 1202; }
}
.css-bb7a3w { color: rgb(255, 255, 255); display: flex; flex-direction: column; width: 100%; box-sizing: border-box; flex-shrink: 0; position: fixed; z-index: 1100; top: 0px; left: auto; right: 0px; --AppBar-background: #00FEA9; --AppBar-color: rgba(0, 0, 0, 0.87); background-color: rgb(21, 40, 34); background-image: none; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; box-shadow: none; transition: width 300ms cubic-bezier(0.4, 0, 0.2, 1), margin 300ms cubic-bezier(0.4, 0, 0.2, 1), left 300ms cubic-bezier(0.4, 0, 0.2, 1); height: calc(64px + env(safe-area-inset-top)); padding-top: env(safe-area-inset-top); }
@media print {
  .css-bb7a3w { position: absolute; }
}
@media (min-width: 1024px) {
  .css-bb7a3w { width: calc(100% - 260px); left: 260px; }
}
@media (max-width: 899.95px) {
  .css-bb7a3w { height: calc(56px + env(safe-area-inset-top)); z-index: 1202; }
}
.css-1ihe551 { display: flex; flex: 1 1 0%; transition: width 300ms cubic-bezier(0.4, 0, 0.2, 1); box-shadow: none; -webkit-box-align: center; align-items: center; -webkit-box-pack: justify; justify-content: space-between; background-color: rgb(21, 40, 34); padding: 0px 24px 0px 32px; }
@media (max-width: 599.95px) {
  .css-1ihe551 { width: 100%; padding: 0px 16px; gap: 12px; min-height: 56px; }
}
.css-aiqn3o { position: relative; min-height: 64px; display: flex; flex: 1 1 0%; transition: width 300ms cubic-bezier(0.4, 0, 0.2, 1); box-shadow: none; -webkit-box-align: center; align-items: center; -webkit-box-pack: justify; justify-content: space-between; background-color: rgb(21, 40, 34); padding: 0px 24px 0px 32px; }
@media (min-width: 0px) {
  @media (orientation: landscape) {
  .css-aiqn3o { min-height: 64px; }
}
}
@media (min-width: 600px) {
  .css-aiqn3o { min-height: 64px; }
}
@media (max-width: 599.95px) {
  .css-aiqn3o { width: 100%; padding: 0px 16px; gap: 12px; min-height: 56px; }
}
.css-vcb7ji { display: flex; flex-direction: row; -webkit-box-pack: justify; justify-content: space-between; -webkit-box-align: center; align-items: center; width: 100%; max-width: 1200px; margin: auto; gap: 24px; }
@media (max-width: 899.95px) {
  .css-vcb7ji { -webkit-box-pack: center; justify-content: center; }
}
.css-2pfb4p { display: flex; flex-direction: row; flex: 1 1 0%; gap: 24px; -webkit-box-align: center; align-items: center; }
@media (max-width: 899.95px) {
  .css-2pfb4p { flex: unset; flex-direction: column; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; gap: 10px; }
}
.css-1v2yl9d { min-width: 24px; display: flex; flex-direction: row; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; }
.css-wxrcqd { position: relative; overflow: hidden; display: flex; }
.css-1j7twow { display: flex; flex-direction: row; -webkit-box-align: center; align-items: center; gap: 12px; min-width: fit-content; }
@media (max-width: 599.95px) {
  .css-1j7twow { gap: 8px; }
}
@media (max-width: 1023.95px) {
  .css-1j7twow .search-button { display: none; }
}
.css-1j7twow .login-button { min-width: 123px; }
@media (max-width: 599.95px) {
  .css-1j7twow .login-button { min-width: 93px; }
}
.css-3yg897 { display: inline-flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; gap: 8px; flex-shrink: 0; border-radius: 6px; color: rgba(0, 0, 0, 0.8); font-size: 14px; text-transform: none; text-align: center; min-width: 123px; margin-inline: 0px 8px; }
.css-3yg897 .MuiButton-startIcon { display: inline-flex; gap: 8px; margin-right: 0px; margin-left: 0px; }
.css-3yg897 .MuiButton-endIcon { display: inline-flex; gap: 8px; margin-right: 0px; margin-left: 0px; }
.css-3yg897.MuiButton-containedPrimary { box-shadow: none; color: rgb(14, 27, 23); background: linear-gradient(90deg, rgb(254, 226, 12) 0%, rgb(255, 174, 0) 25%, rgb(254, 226, 12) 75%, rgb(255, 174, 0) 100%) 0% 0% / 400% 400%; }
.css-3yg897.MuiButton-containedPrimary:hover { color: rgb(14, 27, 23); animation: 0.7s ease 0s 1 normal forwards running animation-dofypc; }
.css-3yg897.MuiButton-containedPrimary:active { color: rgb(14, 27, 23); animation: 0.7s ease 0s 1 normal forwards running animation-i3y9un; }
.css-3yg897.MuiButton-containedPrimary:disabled { color: rgb(14, 27, 23); opacity: 0.5; }
.css-3yg897.MuiButton-containedSecondary { color: rgba(255, 255, 255, 0.8); background-color: rgb(28, 54, 45); box-shadow: none; }
.css-3yg897.MuiButton-containedSecondary:hover { background-color: rgb(28, 54, 45); opacity: 0.85; }
.css-3yg897.MuiButton-containedSecondary:active { color: rgb(255, 255, 255); background-color: rgb(28, 54, 45); opacity: 1; }
.css-3yg897.MuiButton-containedSecondary:disabled { color: rgba(255, 255, 255, 0.8); background-color: rgb(28, 54, 45); opacity: 0.4; }
.css-3yg897.MuiButton-containedSizeLarge { height: 44px; padding: 0px 12px; }
.css-3yg897.MuiButton-containedSizeMedium { height: 40px; padding: 0px 12px; }
.css-3yg897.MuiButton-containedSizeSmall { height: 36px; padding: 0px 12px; }
.css-3yg897.MuiButton-outlinedSizeLarge { height: 44px; padding: 0px 12px; }
.css-3yg897.MuiButton-outlinedSizeMedium { height: 40px; padding: 0px 12px; }
.css-3yg897.MuiButton-outlinedSizeSmall { height: 36px; padding: 0px 12px 0px 8px; }
.css-3yg897.MuiButton-text { padding: 0px 12px; color: rgb(0, 254, 169); font-size: 14px; font-weight: 600; line-height: 18px; }
.css-3yg897.MuiButton-text:hover { background: transparent; color: rgb(0, 229, 152); }
.css-3yg897.MuiButton-text:active { color: rgb(0, 229, 152); }
.css-3yg897.MuiButton-text:disabled { color: rgb(0, 254, 169); opacity: 0.4; }
.css-3yg897.MuiButton-textSecondary { color: rgba(255, 255, 255, 0.8); background: rgb(28, 54, 45); }
.css-3yg897.MuiButton-textSecondary:hover { opacity: 0.85; }
.css-3yg897.MuiButton-textSecondary:active { opacity: 1; }
.css-3yg897.MuiButton-textSecondary:disabled { opacity: 0.5; }
.css-3yg897.MuiButton-textSizeLarge { height: 44px; }
.css-3yg897.MuiButton-textSizeMedium { height: 40px; }
.css-3yg897.MuiButton-textSizeSmall { height: 36px; }
.css-3yg897.MuiButton-iconInherit { padding: 0px; }
.css-3yg897.MuiButton-iconPrimary { background: linear-gradient(90deg, rgb(254, 226, 12) 0%, rgb(255, 174, 0) 25%, rgb(254, 226, 12) 75%, rgb(255, 174, 0) 100%); box-shadow: none; }
.css-3yg897.MuiButton-iconPrimary:hover { opacity: 0.8; }
.css-3yg897.MuiButton-iconPrimary:active { opacity: 1; }
.css-3yg897.MuiButton-iconPrimary:disabled { opacity: 0.5; }
.css-3yg897.MuiButton-iconSecondary { color: rgba(255, 255, 255, 0.8); box-shadow: none; background-color: rgb(28, 54, 45); }
.css-3yg897.MuiButton-iconSecondary:hover { background-color: rgb(28, 54, 45); opacity: 0.85; }
.css-3yg897.MuiButton-iconSecondary:active { color: rgb(255, 255, 255); background-color: rgb(28, 54, 45); opacity: 1; }
.css-3yg897.MuiButton-iconSecondary:disabled { color: rgba(255, 255, 255, 0.8); background-color: rgb(28, 54, 45); opacity: 0.4; }
.css-3yg897.MuiButton-iconSuccess { background: rgb(152, 255, 22); border: 1px solid rgb(152, 255, 22); box-shadow: rgba(152, 255, 22, 0.6) 0px 0px 10px 0px; }
.css-3yg897.MuiButton-iconSuccess:hover { background-color: rgb(106, 178, 15); }
.css-3yg897.MuiButton-iconSuccess:active { background-color: rgb(106, 178, 15); }
.css-3yg897.MuiButton-iconSuccess:disabled { opacity: 0.5; box-shadow: none; }
.css-3yg897.MuiButton-iconError { background: rgb(242, 73, 50); border: 1px solid rgb(242, 73, 50); box-shadow: rgba(242, 73, 50, 0.6) 0px 0px 10px 0px; }
.css-3yg897.MuiButton-iconError:hover { background-color: rgb(169, 51, 35); }
.css-3yg897.MuiButton-iconError:active { background-color: rgb(169, 51, 35); }
.css-3yg897.MuiButton-iconError:disabled { opacity: 0.5; box-shadow: none; }
.css-3yg897.MuiButton-iconInfo { background: rgb(79, 195, 247); border: 1px solid rgb(79, 195, 247); box-shadow: rgba(79, 195, 247, 0.6) 0px 0px 10px 0px; }
.css-3yg897.MuiButton-iconInfo:hover { background-color: rgb(55, 136, 172); }
.css-3yg897.MuiButton-iconInfo:active { background-color: rgb(55, 136, 172); }
.css-3yg897.MuiButton-iconInfo:disabled { opacity: 0.5; box-shadow: none; }
.css-3yg897.MuiButton-iconWarning { background: rgb(255, 218, 22); border: 1px solid rgb(255, 218, 22); box-shadow: rgba(255, 218, 22, 0.6) 0px 0px 10px 0px; }
.css-3yg897.MuiButton-iconWarning:hover { background-color: rgb(178, 152, 15); }
.css-3yg897.MuiButton-iconWarning:active { background-color: rgb(178, 152, 15); }
.css-3yg897.MuiButton-iconWarning:disabled { opacity: 0.5; box-shadow: none; }
.css-3yg897.MuiButton-iconSizeLarge { min-width: 44px; width: 44px; height: 44px; padding: 2px; }
.css-3yg897.MuiButton-iconSizeLarge .MuiButton-startIcon { display: flex; gap: 0px; margin: 0px; color: rgba(255, 255, 255, 0.8); }
.css-3yg897.MuiButton-iconSizeMedium { min-width: 40px; width: 40px; height: 40px; padding: 2px; }
.css-3yg897.MuiButton-iconSizeMedium .MuiButton-startIcon { display: flex; gap: 0px; margin: 0px; }
.css-3yg897.MuiButton-iconSizeSmall { min-width: 36px; width: 36px; height: 36px; padding: 2px; }
.css-3yg897.MuiButton-iconSizeSmall .MuiButton-startIcon { display: flex; gap: 0px; margin: 0px; }
.css-3yg897.MuiButton-outlined { color: rgb(0, 254, 169); border: 1px solid rgb(0, 254, 169); background: rgba(14, 27, 23, 0.4); }
.css-3yg897.MuiButton-outlined:hover { border: 1px solid rgb(0, 254, 169); background: rgba(14, 27, 23, 0.4); opacity: 0.85; }
.css-3yg897.MuiButton-outlined:active { opacity: 1; }
.css-3yg897.MuiButton-outlined:disabled { color: rgb(0, 254, 169); border: 1px solid rgb(0, 254, 169); opacity: 0.4; }
.css-3yg897.MuiButton-cta { color: rgb(14, 27, 23); background-image: linear-gradient(90deg, rgb(254, 226, 12) 0%, rgb(255, 174, 0) 25%, rgb(254, 226, 12) 75%, rgb(255, 174, 0) 100%); background-size: 400% 400%; font-size: 14px; font-weight: 600; line-height: 18px; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; box-shadow: rgba(255, 255, 255, 0.6) 0px 9px 8px 0px inset, rgba(0, 254, 169, 0.2) 0px -4px 8px 0px inset, rgba(0, 254, 169, 0.24) 0px 0px 50px 0px; }
.css-3yg897.MuiButton-cta:hover { animation: 0.7s ease 0s 1 normal forwards running animation-dofypc; box-shadow: rgba(255, 255, 255, 0.6) 0px 9px 8px 0px inset, rgba(0, 254, 169, 0.2) 0px -4px 8px 0px inset, rgba(0, 254, 169, 0.8) 0px 0px 40px 0px; }
.css-3yg897.MuiButton-cta:active { animation: 0.7s ease 0s 1 normal forwards running animation-i3y9un; box-shadow: rgba(255, 255, 255, 0.6) 0px 9px 8px 0px inset, rgba(0, 254, 169, 0.2) 0px -4px 8px 0px inset, rgba(0, 254, 169, 0.24) 0px 0px 50px 0px; }
.css-3yg897.MuiButton-cta:disabled { color: rgb(14, 27, 23); opacity: 0.5; box-shadow: rgba(255, 255, 255, 0.6) 0px 9px 8px 0px inset, rgba(0, 254, 169, 0.2) 0px -4px 8px 0px inset, rgba(0, 254, 169, 0.24) 0px 0px 50px 0px; }
.css-3yg897.MuiButton-ctaSizeLarge { height: 44px; padding: 0px 12px; }
.css-3yg897.MuiButton-ctaSizeMedium { height: 40px; padding: 0px 12px; }
.css-3yg897.MuiButton-ctaSizeSmall { height: 36px; padding: 0px 12px; }
@-webkit-keyframes animation-i3y9un { 
  0% { background-position: 50% 0%; }
  100% { background-position: 0% 5%; }
}
@keyframes animation-i3y9un { 
  0% { background-position: 50% 0%; }
  100% { background-position: 0% 5%; }
}
@-webkit-keyframes animation-dofypc { 
  0% { background-position: 0% 50%; }
  100% { background-position: 50% 0%; }
}
@keyframes animation-dofypc { 
  0% { background-position: 0% 50%; }
  100% { background-position: 50% 0%; }
}
@-webkit-keyframes animation-i3y9un { 
  0% { background-position: 50% 0%; }
  100% { background-position: 0% 5%; }
}
@keyframes animation-i3y9un { 
  0% { background-position: 50% 0%; }
  100% { background-position: 0% 5%; }
}
@-webkit-keyframes animation-dofypc { 
  0% { background-position: 0% 50%; }
  100% { background-position: 50% 0%; }
}
@keyframes animation-dofypc { 
  0% { background-position: 0% 50%; }
  100% { background-position: 50% 0%; }
}
.css-d5xtjr { font-family: Kanit, sans-serif; font-weight: 500; line-height: 1.75; padding: 6px 16px; border: 0px; background-color: var(--variant-containedBg); box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 1px -2px, rgba(0, 0, 0, 0.14) 0px 2px 2px 0px, rgba(0, 0, 0, 0.12) 0px 1px 5px 0px; --variant-textColor: #2A5044; --variant-outlinedColor: #2A5044; --variant-outlinedBorder: rgba(42, 80, 68, 0.5); --variant-containedColor: #fff; --variant-containedBg: #2A5044; transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1), box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1), border-color 250ms cubic-bezier(0.4, 0, 0.2, 1); display: inline-flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; gap: 8px; flex-shrink: 0; border-radius: 6px; color: rgba(0, 0, 0, 0.8); font-size: 14px; text-transform: none; text-align: center; min-width: 123px; margin-inline: 0px 8px; }
.css-d5xtjr:hover { text-decoration: none; }
.css-d5xtjr.Mui-disabled { color: rgba(255, 255, 255, 0.3); }
.css-d5xtjr:hover { box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 4px -1px, rgba(0, 0, 0, 0.14) 0px 4px 5px 0px, rgba(0, 0, 0, 0.12) 0px 1px 10px 0px; }
@media (hover: none) {
  .css-d5xtjr:hover { box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 1px -2px, rgba(0, 0, 0, 0.14) 0px 2px 2px 0px, rgba(0, 0, 0, 0.12) 0px 1px 5px 0px; }
}
.css-d5xtjr:active { box-shadow: rgba(0, 0, 0, 0.2) 0px 5px 5px -3px, rgba(0, 0, 0, 0.14) 0px 8px 10px 1px, rgba(0, 0, 0, 0.12) 0px 3px 14px 2px; }
.css-d5xtjr.Mui-focusVisible { box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 5px -1px, rgba(0, 0, 0, 0.14) 0px 6px 10px 0px, rgba(0, 0, 0, 0.12) 0px 1px 18px 0px; }
.css-d5xtjr.Mui-disabled { color: rgba(255, 255, 255, 0.3); box-shadow: none; background-color: rgba(255, 255, 255, 0.12); }
@media (hover: hover) {
  .css-d5xtjr:hover { --variant-containedBg: rgb(29, 56, 47); --variant-textBg: rgba(42, 80, 68, 0.08); --variant-outlinedBorder: #2A5044; --variant-outlinedBg: rgba(42, 80, 68, 0.08); }
}
.css-d5xtjr.MuiButton-loading { color: transparent; }
.css-d5xtjr .MuiButton-startIcon { display: inline-flex; gap: 8px; margin-right: 0px; margin-left: 0px; }
.css-d5xtjr .MuiButton-endIcon { display: inline-flex; gap: 8px; margin-right: 0px; margin-left: 0px; }
.css-d5xtjr.MuiButton-containedPrimary { box-shadow: none; color: rgb(14, 27, 23); background: linear-gradient(90deg, rgb(254, 226, 12) 0%, rgb(255, 174, 0) 25%, rgb(254, 226, 12) 75%, rgb(255, 174, 0) 100%) 0% 0% / 400% 400%; }
.css-d5xtjr.MuiButton-containedPrimary:hover { color: rgb(14, 27, 23); animation: 0.7s ease 0s 1 normal forwards running animation-dofypc; }
.css-d5xtjr.MuiButton-containedPrimary:active { color: rgb(14, 27, 23); animation: 0.7s ease 0s 1 normal forwards running animation-i3y9un; }
.css-d5xtjr.MuiButton-containedPrimary:disabled { color: rgb(14, 27, 23); opacity: 0.5; }
.css-d5xtjr.MuiButton-containedSecondary { color: rgba(255, 255, 255, 0.8); background-color: rgb(28, 54, 45); box-shadow: none; }
.css-d5xtjr.MuiButton-containedSecondary:hover { background-color: rgb(28, 54, 45); opacity: 0.85; }
.css-d5xtjr.MuiButton-containedSecondary:active { color: rgb(255, 255, 255); background-color: rgb(28, 54, 45); opacity: 1; }
.css-d5xtjr.MuiButton-containedSecondary:disabled { color: rgba(255, 255, 255, 0.8); background-color: rgb(28, 54, 45); opacity: 0.4; }
.css-d5xtjr.MuiButton-containedSizeLarge { height: 44px; padding: 0px 12px; }
.css-d5xtjr.MuiButton-containedSizeMedium { height: 40px; padding: 0px 12px; }
.css-d5xtjr.MuiButton-containedSizeSmall { height: 36px; padding: 0px 12px; }
.css-d5xtjr.MuiButton-outlinedSizeLarge { height: 44px; padding: 0px 12px; }
.css-d5xtjr.MuiButton-outlinedSizeMedium { height: 40px; padding: 0px 12px; }
.css-d5xtjr.MuiButton-outlinedSizeSmall { height: 36px; padding: 0px 12px 0px 8px; }
.css-d5xtjr.MuiButton-text { padding: 0px 12px; color: rgb(0, 254, 169); font-size: 14px; font-weight: 600; line-height: 18px; }
.css-d5xtjr.MuiButton-text:hover { background: transparent; color: rgb(0, 229, 152); }
.css-d5xtjr.MuiButton-text:active { color: rgb(0, 229, 152); }
.css-d5xtjr.MuiButton-text:disabled { color: rgb(0, 254, 169); opacity: 0.4; }
.css-d5xtjr.MuiButton-textSecondary { color: rgba(255, 255, 255, 0.8); background: rgb(28, 54, 45); }
.css-d5xtjr.MuiButton-textSecondary:hover { opacity: 0.85; }
.css-d5xtjr.MuiButton-textSecondary:active { opacity: 1; }
.css-d5xtjr.MuiButton-textSecondary:disabled { opacity: 0.5; }
.css-d5xtjr.MuiButton-textSizeLarge { height: 44px; }
.css-d5xtjr.MuiButton-textSizeMedium { height: 40px; }
.css-d5xtjr.MuiButton-textSizeSmall { height: 36px; }
.css-d5xtjr.MuiButton-iconInherit { padding: 0px; }
.css-d5xtjr.MuiButton-iconPrimary { background: linear-gradient(90deg, rgb(254, 226, 12) 0%, rgb(255, 174, 0) 25%, rgb(254, 226, 12) 75%, rgb(255, 174, 0) 100%); box-shadow: none; }
.css-d5xtjr.MuiButton-iconPrimary:hover { opacity: 0.8; }
.css-d5xtjr.MuiButton-iconPrimary:active { opacity: 1; }
.css-d5xtjr.MuiButton-iconPrimary:disabled { opacity: 0.5; }
.css-d5xtjr.MuiButton-iconSecondary { color: rgba(255, 255, 255, 0.8); box-shadow: none; background-color: rgb(28, 54, 45); }
.css-d5xtjr.MuiButton-iconSecondary:hover { background-color: rgb(28, 54, 45); opacity: 0.85; }
.css-d5xtjr.MuiButton-iconSecondary:active { color: rgb(255, 255, 255); background-color: rgb(28, 54, 45); opacity: 1; }
.css-d5xtjr.MuiButton-iconSecondary:disabled { color: rgba(255, 255, 255, 0.8); background-color: rgb(28, 54, 45); opacity: 0.4; }
.css-d5xtjr.MuiButton-iconSuccess { background: rgb(152, 255, 22); border: 1px solid rgb(152, 255, 22); box-shadow: rgba(152, 255, 22, 0.6) 0px 0px 10px 0px; }
.css-d5xtjr.MuiButton-iconSuccess:hover { background-color: rgb(106, 178, 15); }
.css-d5xtjr.MuiButton-iconSuccess:active { background-color: rgb(106, 178, 15); }
.css-d5xtjr.MuiButton-iconSuccess:disabled { opacity: 0.5; box-shadow: none; }
.css-d5xtjr.MuiButton-iconError { background: rgb(242, 73, 50); border: 1px solid rgb(242, 73, 50); box-shadow: rgba(242, 73, 50, 0.6) 0px 0px 10px 0px; }
.css-d5xtjr.MuiButton-iconError:hover { background-color: rgb(169, 51, 35); }
.css-d5xtjr.MuiButton-iconError:active { background-color: rgb(169, 51, 35); }
.css-d5xtjr.MuiButton-iconError:disabled { opacity: 0.5; box-shadow: none; }
.css-d5xtjr.MuiButton-iconInfo { background: rgb(79, 195, 247); border: 1px solid rgb(79, 195, 247); box-shadow: rgba(79, 195, 247, 0.6) 0px 0px 10px 0px; }
.css-d5xtjr.MuiButton-iconInfo:hover { background-color: rgb(55, 136, 172); }
.css-d5xtjr.MuiButton-iconInfo:active { background-color: rgb(55, 136, 172); }
.css-d5xtjr.MuiButton-iconInfo:disabled { opacity: 0.5; box-shadow: none; }
.css-d5xtjr.MuiButton-iconWarning { background: rgb(255, 218, 22); border: 1px solid rgb(255, 218, 22); box-shadow: rgba(255, 218, 22, 0.6) 0px 0px 10px 0px; }
.css-d5xtjr.MuiButton-iconWarning:hover { background-color: rgb(178, 152, 15); }
.css-d5xtjr.MuiButton-iconWarning:active { background-color: rgb(178, 152, 15); }
.css-d5xtjr.MuiButton-iconWarning:disabled { opacity: 0.5; box-shadow: none; }
.css-d5xtjr.MuiButton-iconSizeLarge { min-width: 44px; width: 44px; height: 44px; padding: 2px; }
.css-d5xtjr.MuiButton-iconSizeLarge .MuiButton-startIcon { display: flex; gap: 0px; margin: 0px; color: rgba(255, 255, 255, 0.8); }
.css-d5xtjr.MuiButton-iconSizeMedium { min-width: 40px; width: 40px; height: 40px; padding: 2px; }
.css-d5xtjr.MuiButton-iconSizeMedium .MuiButton-startIcon { display: flex; gap: 0px; margin: 0px; }
.css-d5xtjr.MuiButton-iconSizeSmall { min-width: 36px; width: 36px; height: 36px; padding: 2px; }
.css-d5xtjr.MuiButton-iconSizeSmall .MuiButton-startIcon { display: flex; gap: 0px; margin: 0px; }
.css-d5xtjr.MuiButton-outlined { color: rgb(0, 254, 169); border: 1px solid rgb(0, 254, 169); background: rgba(14, 27, 23, 0.4); }
.css-d5xtjr.MuiButton-outlined:hover { border: 1px solid rgb(0, 254, 169); background: rgba(14, 27, 23, 0.4); opacity: 0.85; }
.css-d5xtjr.MuiButton-outlined:active { opacity: 1; }
.css-d5xtjr.MuiButton-outlined:disabled { color: rgb(0, 254, 169); border: 1px solid rgb(0, 254, 169); opacity: 0.4; }
.css-d5xtjr.MuiButton-cta { color: rgb(14, 27, 23); background-image: linear-gradient(90deg, rgb(254, 226, 12) 0%, rgb(255, 174, 0) 25%, rgb(254, 226, 12) 75%, rgb(255, 174, 0) 100%); background-size: 400% 400%; font-size: 14px; font-weight: 600; line-height: 18px; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; box-shadow: rgba(255, 255, 255, 0.6) 0px 9px 8px 0px inset, rgba(0, 254, 169, 0.2) 0px -4px 8px 0px inset, rgba(0, 254, 169, 0.24) 0px 0px 50px 0px; }
.css-d5xtjr.MuiButton-cta:hover { animation: 0.7s ease 0s 1 normal forwards running animation-dofypc; box-shadow: rgba(255, 255, 255, 0.6) 0px 9px 8px 0px inset, rgba(0, 254, 169, 0.2) 0px -4px 8px 0px inset, rgba(0, 254, 169, 0.8) 0px 0px 40px 0px; }
.css-d5xtjr.MuiButton-cta:active { animation: 0.7s ease 0s 1 normal forwards running animation-i3y9un; box-shadow: rgba(255, 255, 255, 0.6) 0px 9px 8px 0px inset, rgba(0, 254, 169, 0.2) 0px -4px 8px 0px inset, rgba(0, 254, 169, 0.24) 0px 0px 50px 0px; }
.css-d5xtjr.MuiButton-cta:disabled { color: rgb(14, 27, 23); opacity: 0.5; box-shadow: rgba(255, 255, 255, 0.6) 0px 9px 8px 0px inset, rgba(0, 254, 169, 0.2) 0px -4px 8px 0px inset, rgba(0, 254, 169, 0.24) 0px 0px 50px 0px; }
.css-d5xtjr.MuiButton-ctaSizeLarge { height: 44px; padding: 0px 12px; }
.css-d5xtjr.MuiButton-ctaSizeMedium { height: 40px; padding: 0px 12px; }
.css-d5xtjr.MuiButton-ctaSizeSmall { height: 36px; padding: 0px 12px; }
.css-b3s0sp { position: relative; box-sizing: border-box; -webkit-tap-highlight-color: transparent; outline: 0px; margin: 0px; cursor: pointer; user-select: none; vertical-align: middle; appearance: none; text-decoration: none; font-family: Kanit, sans-serif; font-weight: 500; line-height: 1.75; padding: 6px 16px; border: 0px; background-color: var(--variant-containedBg); box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 1px -2px, rgba(0, 0, 0, 0.14) 0px 2px 2px 0px, rgba(0, 0, 0, 0.12) 0px 1px 5px 0px; --variant-textColor: #2A5044; --variant-outlinedColor: #2A5044; --variant-outlinedBorder: rgba(42, 80, 68, 0.5); --variant-containedColor: #fff; --variant-containedBg: #2A5044; transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1), box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1), border-color 250ms cubic-bezier(0.4, 0, 0.2, 1); display: inline-flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; gap: 8px; flex-shrink: 0; border-radius: 6px; color: rgba(0, 0, 0, 0.8); font-size: 14px; text-transform: none; text-align: center; min-width: 123px; margin-inline: 0px 8px; }
.css-b3s0sp.Mui-disabled { pointer-events: none; cursor: default; }
@media print {
  .css-b3s0sp { print-color-adjust: exact; }
}
.css-b3s0sp:hover { text-decoration: none; }
.css-b3s0sp.Mui-disabled { color: rgba(255, 255, 255, 0.3); }
.css-b3s0sp:hover { box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 4px -1px, rgba(0, 0, 0, 0.14) 0px 4px 5px 0px, rgba(0, 0, 0, 0.12) 0px 1px 10px 0px; }
@media (hover: none) {
  .css-b3s0sp:hover { box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 1px -2px, rgba(0, 0, 0, 0.14) 0px 2px 2px 0px, rgba(0, 0, 0, 0.12) 0px 1px 5px 0px; }
}
.css-b3s0sp:active { box-shadow: rgba(0, 0, 0, 0.2) 0px 5px 5px -3px, rgba(0, 0, 0, 0.14) 0px 8px 10px 1px, rgba(0, 0, 0, 0.12) 0px 3px 14px 2px; }
.css-b3s0sp.Mui-focusVisible { box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 5px -1px, rgba(0, 0, 0, 0.14) 0px 6px 10px 0px, rgba(0, 0, 0, 0.12) 0px 1px 18px 0px; }
.css-b3s0sp.Mui-disabled { color: rgba(255, 255, 255, 0.3); box-shadow: none; background-color: rgba(255, 255, 255, 0.12); }
@media (hover: hover) {
  .css-b3s0sp:hover { --variant-containedBg: rgb(29, 56, 47); --variant-textBg: rgba(42, 80, 68, 0.08); --variant-outlinedBorder: #2A5044; --variant-outlinedBg: rgba(42, 80, 68, 0.08); }
}
.css-b3s0sp.MuiButton-loading { color: transparent; }
.css-b3s0sp .MuiButton-startIcon { display: inline-flex; gap: 8px; margin-right: 0px; margin-left: 0px; }
.css-b3s0sp .MuiButton-endIcon { display: inline-flex; gap: 8px; margin-right: 0px; margin-left: 0px; }
.css-b3s0sp.MuiButton-containedPrimary { box-shadow: none; color: rgb(14, 27, 23); background: linear-gradient(90deg, rgb(254, 226, 12) 0%, rgb(255, 174, 0) 25%, rgb(254, 226, 12) 75%, rgb(255, 174, 0) 100%) 0% 0% / 400% 400%; }
.css-b3s0sp.MuiButton-containedPrimary:hover { color: rgb(14, 27, 23); animation: 0.7s ease 0s 1 normal forwards running animation-dofypc; }
.css-b3s0sp.MuiButton-containedPrimary:active { color: rgb(14, 27, 23); animation: 0.7s ease 0s 1 normal forwards running animation-i3y9un; }
.css-b3s0sp.MuiButton-containedPrimary:disabled { color: rgb(14, 27, 23); opacity: 0.5; }
.css-b3s0sp.MuiButton-containedSecondary { color: rgba(255, 255, 255, 0.8); background-color: rgb(28, 54, 45); box-shadow: none; }
.css-b3s0sp.MuiButton-containedSecondary:hover { background-color: rgb(28, 54, 45); opacity: 0.85; }
.css-b3s0sp.MuiButton-containedSecondary:active { color: rgb(255, 255, 255); background-color: rgb(28, 54, 45); opacity: 1; }
.css-b3s0sp.MuiButton-containedSecondary:disabled { color: rgba(255, 255, 255, 0.8); background-color: rgb(28, 54, 45); opacity: 0.4; }
.css-b3s0sp.MuiButton-containedSizeLarge { height: 44px; padding: 0px 12px; }
.css-b3s0sp.MuiButton-containedSizeMedium { height: 40px; padding: 0px 12px; }
.css-b3s0sp.MuiButton-containedSizeSmall { height: 36px; padding: 0px 12px; }
.css-b3s0sp.MuiButton-outlinedSizeLarge { height: 44px; padding: 0px 12px; }
.css-b3s0sp.MuiButton-outlinedSizeMedium { height: 40px; padding: 0px 12px; }
.css-b3s0sp.MuiButton-outlinedSizeSmall { height: 36px; padding: 0px 12px 0px 8px; }
.css-b3s0sp.MuiButton-text { padding: 0px 12px; color: rgb(0, 254, 169); font-size: 14px; font-weight: 600; line-height: 18px; }
.css-b3s0sp.MuiButton-text:hover { background: transparent; color: rgb(0, 229, 152); }
.css-b3s0sp.MuiButton-text:active { color: rgb(0, 229, 152); }
.css-b3s0sp.MuiButton-text:disabled { color: rgb(0, 254, 169); opacity: 0.4; }
.css-b3s0sp.MuiButton-textSecondary { color: rgba(255, 255, 255, 0.8); background: rgb(28, 54, 45); }
.css-b3s0sp.MuiButton-textSecondary:hover { opacity: 0.85; }
.css-b3s0sp.MuiButton-textSecondary:active { opacity: 1; }
.css-b3s0sp.MuiButton-textSecondary:disabled { opacity: 0.5; }
.css-b3s0sp.MuiButton-textSizeLarge { height: 44px; }
.css-b3s0sp.MuiButton-textSizeMedium { height: 40px; }
.css-b3s0sp.MuiButton-textSizeSmall { height: 36px; }
.css-b3s0sp.MuiButton-iconInherit { padding: 0px; }
.css-b3s0sp.MuiButton-iconPrimary { background: linear-gradient(90deg, rgb(254, 226, 12) 0%, rgb(255, 174, 0) 25%, rgb(254, 226, 12) 75%, rgb(255, 174, 0) 100%); box-shadow: none; }
.css-b3s0sp.MuiButton-iconPrimary:hover { opacity: 0.8; }
.css-b3s0sp.MuiButton-iconPrimary:active { opacity: 1; }
.css-b3s0sp.MuiButton-iconPrimary:disabled { opacity: 0.5; }
.css-b3s0sp.MuiButton-iconSecondary { color: rgba(255, 255, 255, 0.8); box-shadow: none; background-color: rgb(28, 54, 45); }
.css-b3s0sp.MuiButton-iconSecondary:hover { background-color: rgb(28, 54, 45); opacity: 0.85; }
.css-b3s0sp.MuiButton-iconSecondary:active { color: rgb(255, 255, 255); background-color: rgb(28, 54, 45); opacity: 1; }
.css-b3s0sp.MuiButton-iconSecondary:disabled { color: rgba(255, 255, 255, 0.8); background-color: rgb(28, 54, 45); opacity: 0.4; }
.css-b3s0sp.MuiButton-iconSuccess { background: rgb(152, 255, 22); border: 1px solid rgb(152, 255, 22); box-shadow: rgba(152, 255, 22, 0.6) 0px 0px 10px 0px; }
.css-b3s0sp.MuiButton-iconSuccess:hover { background-color: rgb(106, 178, 15); }
.css-b3s0sp.MuiButton-iconSuccess:active { background-color: rgb(106, 178, 15); }
.css-b3s0sp.MuiButton-iconSuccess:disabled { opacity: 0.5; box-shadow: none; }
.css-b3s0sp.MuiButton-iconError { background: rgb(242, 73, 50); border: 1px solid rgb(242, 73, 50); box-shadow: rgba(242, 73, 50, 0.6) 0px 0px 10px 0px; }
.css-b3s0sp.MuiButton-iconError:hover { background-color: rgb(169, 51, 35); }
.css-b3s0sp.MuiButton-iconError:active { background-color: rgb(169, 51, 35); }
.css-b3s0sp.MuiButton-iconError:disabled { opacity: 0.5; box-shadow: none; }
.css-b3s0sp.MuiButton-iconInfo { background: rgb(79, 195, 247); border: 1px solid rgb(79, 195, 247); box-shadow: rgba(79, 195, 247, 0.6) 0px 0px 10px 0px; }
.css-b3s0sp.MuiButton-iconInfo:hover { background-color: rgb(55, 136, 172); }
.css-b3s0sp.MuiButton-iconInfo:active { background-color: rgb(55, 136, 172); }
.css-b3s0sp.MuiButton-iconInfo:disabled { opacity: 0.5; box-shadow: none; }
.css-b3s0sp.MuiButton-iconWarning { background: rgb(255, 218, 22); border: 1px solid rgb(255, 218, 22); box-shadow: rgba(255, 218, 22, 0.6) 0px 0px 10px 0px; }
.css-b3s0sp.MuiButton-iconWarning:hover { background-color: rgb(178, 152, 15); }
.css-b3s0sp.MuiButton-iconWarning:active { background-color: rgb(178, 152, 15); }
.css-b3s0sp.MuiButton-iconWarning:disabled { opacity: 0.5; box-shadow: none; }
.css-b3s0sp.MuiButton-iconSizeLarge { min-width: 44px; width: 44px; height: 44px; padding: 2px; }
.css-b3s0sp.MuiButton-iconSizeLarge .MuiButton-startIcon { display: flex; gap: 0px; margin: 0px; color: rgba(255, 255, 255, 0.8); }
.css-b3s0sp.MuiButton-iconSizeMedium { min-width: 40px; width: 40px; height: 40px; padding: 2px; }
.css-b3s0sp.MuiButton-iconSizeMedium .MuiButton-startIcon { display: flex; gap: 0px; margin: 0px; }
.css-b3s0sp.MuiButton-iconSizeSmall { min-width: 36px; width: 36px; height: 36px; padding: 2px; }
.css-b3s0sp.MuiButton-iconSizeSmall .MuiButton-startIcon { display: flex; gap: 0px; margin: 0px; }
.css-b3s0sp.MuiButton-outlined { color: rgb(0, 254, 169); border: 1px solid rgb(0, 254, 169); background: rgba(14, 27, 23, 0.4); }
.css-b3s0sp.MuiButton-outlined:hover { border: 1px solid rgb(0, 254, 169); background: rgba(14, 27, 23, 0.4); opacity: 0.85; }
.css-b3s0sp.MuiButton-outlined:active { opacity: 1; }
.css-b3s0sp.MuiButton-outlined:disabled { color: rgb(0, 254, 169); border: 1px solid rgb(0, 254, 169); opacity: 0.4; }
.css-b3s0sp.MuiButton-cta { color: rgb(14, 27, 23); background-image: linear-gradient(90deg, rgb(254, 226, 12) 0%, rgb(255, 174, 0) 25%, rgb(254, 226, 12) 75%, rgb(255, 174, 0) 100%); background-size: 400% 400%; font-size: 14px; font-weight: 600; line-height: 18px; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; box-shadow: rgba(255, 255, 255, 0.6) 0px 9px 8px 0px inset, rgba(0, 254, 169, 0.2) 0px -4px 8px 0px inset, rgba(0, 254, 169, 0.24) 0px 0px 50px 0px; }
.css-b3s0sp.MuiButton-cta:hover { animation: 0.7s ease 0s 1 normal forwards running animation-dofypc; box-shadow: rgba(255, 255, 255, 0.6) 0px 9px 8px 0px inset, rgba(0, 254, 169, 0.2) 0px -4px 8px 0px inset, rgba(0, 254, 169, 0.8) 0px 0px 40px 0px; }
.css-b3s0sp.MuiButton-cta:active { animation: 0.7s ease 0s 1 normal forwards running animation-i3y9un; box-shadow: rgba(255, 255, 255, 0.6) 0px 9px 8px 0px inset, rgba(0, 254, 169, 0.2) 0px -4px 8px 0px inset, rgba(0, 254, 169, 0.24) 0px 0px 50px 0px; }
.css-b3s0sp.MuiButton-cta:disabled { color: rgb(14, 27, 23); opacity: 0.5; box-shadow: rgba(255, 255, 255, 0.6) 0px 9px 8px 0px inset, rgba(0, 254, 169, 0.2) 0px -4px 8px 0px inset, rgba(0, 254, 169, 0.24) 0px 0px 50px 0px; }
.css-b3s0sp.MuiButton-ctaSizeLarge { height: 44px; padding: 0px 12px; }
.css-b3s0sp.MuiButton-ctaSizeMedium { height: 40px; padding: 0px 12px; }
.css-b3s0sp.MuiButton-ctaSizeSmall { height: 36px; padding: 0px 12px; }
.css-g8x35k { position: relative; overflow: hidden; min-width: 123px; margin-inline: 0px 8px; }
.css-g8x35k::after { content: ""; position: absolute; top: 0px; opacity: 0; left: -100%; height: 100%; width: 100%; background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 50%, rgba(128, 186, 232, 0) 99%, rgba(125, 185, 232, 0) 100%); transition: 0.3s; transform: skewX(20deg) translateX(0px); animation: 3s ease 0s infinite normal none running shine; }
.css-dlzmn4 { display: inline-flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; gap: 8px; flex-shrink: 0; border-radius: 6px; color: rgba(0, 0, 0, 0.8); font-size: 14px; text-transform: none; text-align: center; position: relative; overflow: hidden; min-width: 123px; margin-inline: 0px 8px; }
.css-dlzmn4 .MuiButton-startIcon { display: inline-flex; gap: 8px; margin-right: 0px; margin-left: 0px; }
.css-dlzmn4 .MuiButton-endIcon { display: inline-flex; gap: 8px; margin-right: 0px; margin-left: 0px; }
.css-dlzmn4.MuiButton-containedPrimary { box-shadow: none; color: rgb(14, 27, 23); background: linear-gradient(90deg, rgb(254, 226, 12) 0%, rgb(255, 174, 0) 25%, rgb(254, 226, 12) 75%, rgb(255, 174, 0) 100%) 0% 0% / 400% 400%; }
.css-dlzmn4.MuiButton-containedPrimary:hover { color: rgb(14, 27, 23); animation: 0.7s ease 0s 1 normal forwards running animation-dofypc; }
.css-dlzmn4.MuiButton-containedPrimary:active { color: rgb(14, 27, 23); animation: 0.7s ease 0s 1 normal forwards running animation-i3y9un; }
.css-dlzmn4.MuiButton-containedPrimary:disabled { color: rgb(14, 27, 23); opacity: 0.5; }
.css-dlzmn4.MuiButton-containedSecondary { color: rgba(255, 255, 255, 0.8); background-color: rgb(28, 54, 45); box-shadow: none; }
.css-dlzmn4.MuiButton-containedSecondary:hover { background-color: rgb(28, 54, 45); opacity: 0.85; }
.css-dlzmn4.MuiButton-containedSecondary:active { color: rgb(255, 255, 255); background-color: rgb(28, 54, 45); opacity: 1; }
.css-dlzmn4.MuiButton-containedSecondary:disabled { color: rgba(255, 255, 255, 0.8); background-color: rgb(28, 54, 45); opacity: 0.4; }
.css-dlzmn4.MuiButton-containedSizeLarge { height: 44px; padding: 0px 12px; }
.css-dlzmn4.MuiButton-containedSizeMedium { height: 40px; padding: 0px 12px; }
.css-dlzmn4.MuiButton-containedSizeSmall { height: 36px; padding: 0px 12px; }
.css-dlzmn4.MuiButton-outlinedSizeLarge { height: 44px; padding: 0px 12px; }
.css-dlzmn4.MuiButton-outlinedSizeMedium { height: 40px; padding: 0px 12px; }
.css-dlzmn4.MuiButton-outlinedSizeSmall { height: 36px; padding: 0px 12px 0px 8px; }
.css-dlzmn4.MuiButton-text { padding: 0px 12px; color: rgb(0, 254, 169); font-size: 14px; font-weight: 600; line-height: 18px; }
.css-dlzmn4.MuiButton-text:hover { background: transparent; color: rgb(0, 229, 152); }
.css-dlzmn4.MuiButton-text:active { color: rgb(0, 229, 152); }
.css-dlzmn4.MuiButton-text:disabled { color: rgb(0, 254, 169); opacity: 0.4; }
.css-dlzmn4.MuiButton-textSecondary { color: rgba(255, 255, 255, 0.8); background: rgb(28, 54, 45); }
.css-dlzmn4.MuiButton-textSecondary:hover { opacity: 0.85; }
.css-dlzmn4.MuiButton-textSecondary:active { opacity: 1; }
.css-dlzmn4.MuiButton-textSecondary:disabled { opacity: 0.5; }
.css-dlzmn4.MuiButton-textSizeLarge { height: 44px; }
.css-dlzmn4.MuiButton-textSizeMedium { height: 40px; }
.css-dlzmn4.MuiButton-textSizeSmall { height: 36px; }
.css-dlzmn4.MuiButton-iconInherit { padding: 0px; }
.css-dlzmn4.MuiButton-iconPrimary { background: linear-gradient(90deg, rgb(254, 226, 12) 0%, rgb(255, 174, 0) 25%, rgb(254, 226, 12) 75%, rgb(255, 174, 0) 100%); box-shadow: none; }
.css-dlzmn4.MuiButton-iconPrimary:hover { opacity: 0.8; }
.css-dlzmn4.MuiButton-iconPrimary:active { opacity: 1; }
.css-dlzmn4.MuiButton-iconPrimary:disabled { opacity: 0.5; }
.css-dlzmn4.MuiButton-iconSecondary { color: rgba(255, 255, 255, 0.8); box-shadow: none; background-color: rgb(28, 54, 45); }
.css-dlzmn4.MuiButton-iconSecondary:hover { background-color: rgb(28, 54, 45); opacity: 0.85; }
.css-dlzmn4.MuiButton-iconSecondary:active { color: rgb(255, 255, 255); background-color: rgb(28, 54, 45); opacity: 1; }
.css-dlzmn4.MuiButton-iconSecondary:disabled { color: rgba(255, 255, 255, 0.8); background-color: rgb(28, 54, 45); opacity: 0.4; }
.css-dlzmn4.MuiButton-iconSuccess { background: rgb(152, 255, 22); border: 1px solid rgb(152, 255, 22); box-shadow: rgba(152, 255, 22, 0.6) 0px 0px 10px 0px; }
.css-dlzmn4.MuiButton-iconSuccess:hover { background-color: rgb(106, 178, 15); }
.css-dlzmn4.MuiButton-iconSuccess:active { background-color: rgb(106, 178, 15); }
.css-dlzmn4.MuiButton-iconSuccess:disabled { opacity: 0.5; box-shadow: none; }
.css-dlzmn4.MuiButton-iconError { background: rgb(242, 73, 50); border: 1px solid rgb(242, 73, 50); box-shadow: rgba(242, 73, 50, 0.6) 0px 0px 10px 0px; }
.css-dlzmn4.MuiButton-iconError:hover { background-color: rgb(169, 51, 35); }
.css-dlzmn4.MuiButton-iconError:active { background-color: rgb(169, 51, 35); }
.css-dlzmn4.MuiButton-iconError:disabled { opacity: 0.5; box-shadow: none; }
.css-dlzmn4.MuiButton-iconInfo { background: rgb(79, 195, 247); border: 1px solid rgb(79, 195, 247); box-shadow: rgba(79, 195, 247, 0.6) 0px 0px 10px 0px; }
.css-dlzmn4.MuiButton-iconInfo:hover { background-color: rgb(55, 136, 172); }
.css-dlzmn4.MuiButton-iconInfo:active { background-color: rgb(55, 136, 172); }
.css-dlzmn4.MuiButton-iconInfo:disabled { opacity: 0.5; box-shadow: none; }
.css-dlzmn4.MuiButton-iconWarning { background: rgb(255, 218, 22); border: 1px solid rgb(255, 218, 22); box-shadow: rgba(255, 218, 22, 0.6) 0px 0px 10px 0px; }
.css-dlzmn4.MuiButton-iconWarning:hover { background-color: rgb(178, 152, 15); }
.css-dlzmn4.MuiButton-iconWarning:active { background-color: rgb(178, 152, 15); }
.css-dlzmn4.MuiButton-iconWarning:disabled { opacity: 0.5; box-shadow: none; }
.css-dlzmn4.MuiButton-iconSizeLarge { min-width: 44px; width: 44px; height: 44px; padding: 2px; }
.css-dlzmn4.MuiButton-iconSizeLarge .MuiButton-startIcon { display: flex; gap: 0px; margin: 0px; color: rgba(255, 255, 255, 0.8); }
.css-dlzmn4.MuiButton-iconSizeMedium { min-width: 40px; width: 40px; height: 40px; padding: 2px; }
.css-dlzmn4.MuiButton-iconSizeMedium .MuiButton-startIcon { display: flex; gap: 0px; margin: 0px; }
.css-dlzmn4.MuiButton-iconSizeSmall { min-width: 36px; width: 36px; height: 36px; padding: 2px; }
.css-dlzmn4.MuiButton-iconSizeSmall .MuiButton-startIcon { display: flex; gap: 0px; margin: 0px; }
.css-dlzmn4.MuiButton-outlined { color: rgb(0, 254, 169); border: 1px solid rgb(0, 254, 169); background: rgba(14, 27, 23, 0.4); }
.css-dlzmn4.MuiButton-outlined:hover { border: 1px solid rgb(0, 254, 169); background: rgba(14, 27, 23, 0.4); opacity: 0.85; }
.css-dlzmn4.MuiButton-outlined:active { opacity: 1; }
.css-dlzmn4.MuiButton-outlined:disabled { color: rgb(0, 254, 169); border: 1px solid rgb(0, 254, 169); opacity: 0.4; }
.css-dlzmn4.MuiButton-cta { color: rgb(14, 27, 23); background-image: linear-gradient(90deg, rgb(254, 226, 12) 0%, rgb(255, 174, 0) 25%, rgb(254, 226, 12) 75%, rgb(255, 174, 0) 100%); background-size: 400% 400%; font-size: 14px; font-weight: 600; line-height: 18px; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; box-shadow: rgba(255, 255, 255, 0.6) 0px 9px 8px 0px inset, rgba(0, 254, 169, 0.2) 0px -4px 8px 0px inset, rgba(0, 254, 169, 0.24) 0px 0px 50px 0px; }
.css-dlzmn4.MuiButton-cta:hover { animation: 0.7s ease 0s 1 normal forwards running animation-dofypc; box-shadow: rgba(255, 255, 255, 0.6) 0px 9px 8px 0px inset, rgba(0, 254, 169, 0.2) 0px -4px 8px 0px inset, rgba(0, 254, 169, 0.8) 0px 0px 40px 0px; }
.css-dlzmn4.MuiButton-cta:active { animation: 0.7s ease 0s 1 normal forwards running animation-i3y9un; box-shadow: rgba(255, 255, 255, 0.6) 0px 9px 8px 0px inset, rgba(0, 254, 169, 0.2) 0px -4px 8px 0px inset, rgba(0, 254, 169, 0.24) 0px 0px 50px 0px; }
.css-dlzmn4.MuiButton-cta:disabled { color: rgb(14, 27, 23); opacity: 0.5; box-shadow: rgba(255, 255, 255, 0.6) 0px 9px 8px 0px inset, rgba(0, 254, 169, 0.2) 0px -4px 8px 0px inset, rgba(0, 254, 169, 0.24) 0px 0px 50px 0px; }
.css-dlzmn4.MuiButton-ctaSizeLarge { height: 44px; padding: 0px 12px; }
.css-dlzmn4.MuiButton-ctaSizeMedium { height: 40px; padding: 0px 12px; }
.css-dlzmn4.MuiButton-ctaSizeSmall { height: 36px; padding: 0px 12px; }
.css-dlzmn4::after { content: ""; position: absolute; top: 0px; opacity: 0; left: -100%; height: 100%; width: 100%; background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 50%, rgba(128, 186, 232, 0) 99%, rgba(125, 185, 232, 0) 100%); transition: 0.3s; transform: skewX(20deg) translateX(0px); animation: 3s ease 0s infinite normal none running shine; }
@-webkit-keyframes animation-i3y9un { 
  0% { background-position: 50% 0%; }
  100% { background-position: 0% 5%; }
}
@keyframes animation-i3y9un { 
  0% { background-position: 50% 0%; }
  100% { background-position: 0% 5%; }
}
@-webkit-keyframes animation-dofypc { 
  0% { background-position: 0% 50%; }
  100% { background-position: 50% 0%; }
}
@keyframes animation-dofypc { 
  0% { background-position: 0% 50%; }
  100% { background-position: 50% 0%; }
}
@-webkit-keyframes animation-i3y9un { 
  0% { background-position: 50% 0%; }
  100% { background-position: 0% 5%; }
}
@keyframes animation-i3y9un { 
  0% { background-position: 50% 0%; }
  100% { background-position: 0% 5%; }
}
@-webkit-keyframes animation-dofypc { 
  0% { background-position: 0% 50%; }
  100% { background-position: 50% 0%; }
}
@keyframes animation-dofypc { 
  0% { background-position: 0% 50%; }
  100% { background-position: 50% 0%; }
}
.css-1jkhwon { font-family: Kanit, sans-serif; font-weight: 500; line-height: 1.75; padding: 6px 16px; border: 0px; background-color: var(--variant-containedBg); box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 1px -2px, rgba(0, 0, 0, 0.14) 0px 2px 2px 0px, rgba(0, 0, 0, 0.12) 0px 1px 5px 0px; --variant-textColor: #00FEA9; --variant-outlinedColor: #00FEA9; --variant-outlinedBorder: rgba(0, 254, 169, 0.5); --variant-containedColor: rgba(0, 0, 0, 0.87); --variant-containedBg: #00FEA9; transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1), box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1), border-color 250ms cubic-bezier(0.4, 0, 0.2, 1); display: inline-flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; gap: 8px; flex-shrink: 0; border-radius: 6px; color: rgba(0, 0, 0, 0.8); font-size: 14px; text-transform: none; text-align: center; position: relative; overflow: hidden; min-width: 123px; margin-inline: 0px 8px; }
.css-1jkhwon:hover { text-decoration: none; }
.css-1jkhwon.Mui-disabled { color: rgba(255, 255, 255, 0.3); }
.css-1jkhwon:hover { box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 4px -1px, rgba(0, 0, 0, 0.14) 0px 4px 5px 0px, rgba(0, 0, 0, 0.12) 0px 1px 10px 0px; }
@media (hover: none) {
  .css-1jkhwon:hover { box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 1px -2px, rgba(0, 0, 0, 0.14) 0px 2px 2px 0px, rgba(0, 0, 0, 0.12) 0px 1px 5px 0px; }
}
.css-1jkhwon:active { box-shadow: rgba(0, 0, 0, 0.2) 0px 5px 5px -3px, rgba(0, 0, 0, 0.14) 0px 8px 10px 1px, rgba(0, 0, 0, 0.12) 0px 3px 14px 2px; }
.css-1jkhwon.Mui-focusVisible { box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 5px -1px, rgba(0, 0, 0, 0.14) 0px 6px 10px 0px, rgba(0, 0, 0, 0.12) 0px 1px 18px 0px; }
.css-1jkhwon.Mui-disabled { color: rgba(255, 255, 255, 0.3); box-shadow: none; background-color: rgba(255, 255, 255, 0.12); }
@media (hover: hover) {
  .css-1jkhwon:hover { --variant-containedBg: rgb(0, 177, 118); --variant-textBg: rgba(0, 254, 169, 0.08); --variant-outlinedBorder: #00FEA9; --variant-outlinedBg: rgba(0, 254, 169, 0.08); }
}
.css-1jkhwon.MuiButton-loading { color: transparent; }
.css-1jkhwon .MuiButton-startIcon { display: inline-flex; gap: 8px; margin-right: 0px; margin-left: 0px; }
.css-1jkhwon .MuiButton-endIcon { display: inline-flex; gap: 8px; margin-right: 0px; margin-left: 0px; }
.css-1jkhwon.MuiButton-containedPrimary { box-shadow: none; color: rgb(14, 27, 23); background: linear-gradient(90deg, rgb(254, 226, 12) 0%, rgb(255, 174, 0) 25%, rgb(254, 226, 12) 75%, rgb(255, 174, 0) 100%) 0% 0% / 400% 400%; }
.css-1jkhwon.MuiButton-containedPrimary:hover { color: rgb(14, 27, 23); animation: 0.7s ease 0s 1 normal forwards running animation-dofypc; }
.css-1jkhwon.MuiButton-containedPrimary:active { color: rgb(14, 27, 23); animation: 0.7s ease 0s 1 normal forwards running animation-i3y9un; }
.css-1jkhwon.MuiButton-containedPrimary:disabled { color: rgb(14, 27, 23); opacity: 0.5; }
.css-1jkhwon.MuiButton-containedSecondary { color: rgba(255, 255, 255, 0.8); background-color: rgb(28, 54, 45); box-shadow: none; }
.css-1jkhwon.MuiButton-containedSecondary:hover { background-color: rgb(28, 54, 45); opacity: 0.85; }
.css-1jkhwon.MuiButton-containedSecondary:active { color: rgb(255, 255, 255); background-color: rgb(28, 54, 45); opacity: 1; }
.css-1jkhwon.MuiButton-containedSecondary:disabled { color: rgba(255, 255, 255, 0.8); background-color: rgb(28, 54, 45); opacity: 0.4; }
.css-1jkhwon.MuiButton-containedSizeLarge { height: 44px; padding: 0px 12px; }
.css-1jkhwon.MuiButton-containedSizeMedium { height: 40px; padding: 0px 12px; }
.css-1jkhwon.MuiButton-containedSizeSmall { height: 36px; padding: 0px 12px; }
.css-1jkhwon.MuiButton-outlinedSizeLarge { height: 44px; padding: 0px 12px; }
.css-1jkhwon.MuiButton-outlinedSizeMedium { height: 40px; padding: 0px 12px; }
.css-1jkhwon.MuiButton-outlinedSizeSmall { height: 36px; padding: 0px 12px 0px 8px; }
.css-1jkhwon.MuiButton-text { padding: 0px 12px; color: rgb(0, 254, 169); font-size: 14px; font-weight: 600; line-height: 18px; }
.css-1jkhwon.MuiButton-text:hover { background: transparent; color: rgb(0, 229, 152); }
.css-1jkhwon.MuiButton-text:active { color: rgb(0, 229, 152); }
.css-1jkhwon.MuiButton-text:disabled { color: rgb(0, 254, 169); opacity: 0.4; }
.css-1jkhwon.MuiButton-textSecondary { color: rgba(255, 255, 255, 0.8); background: rgb(28, 54, 45); }
.css-1jkhwon.MuiButton-textSecondary:hover { opacity: 0.85; }
.css-1jkhwon.MuiButton-textSecondary:active { opacity: 1; }
.css-1jkhwon.MuiButton-textSecondary:disabled { opacity: 0.5; }
.css-1jkhwon.MuiButton-textSizeLarge { height: 44px; }
.css-1jkhwon.MuiButton-textSizeMedium { height: 40px; }
.css-1jkhwon.MuiButton-textSizeSmall { height: 36px; }
.css-1jkhwon.MuiButton-iconInherit { padding: 0px; }
.css-1jkhwon.MuiButton-iconPrimary { background: linear-gradient(90deg, rgb(254, 226, 12) 0%, rgb(255, 174, 0) 25%, rgb(254, 226, 12) 75%, rgb(255, 174, 0) 100%); box-shadow: none; }
.css-1jkhwon.MuiButton-iconPrimary:hover { opacity: 0.8; }
.css-1jkhwon.MuiButton-iconPrimary:active { opacity: 1; }
.css-1jkhwon.MuiButton-iconPrimary:disabled { opacity: 0.5; }
.css-1jkhwon.MuiButton-iconSecondary { color: rgba(255, 255, 255, 0.8); box-shadow: none; background-color: rgb(28, 54, 45); }
.css-1jkhwon.MuiButton-iconSecondary:hover { background-color: rgb(28, 54, 45); opacity: 0.85; }
.css-1jkhwon.MuiButton-iconSecondary:active { color: rgb(255, 255, 255); background-color: rgb(28, 54, 45); opacity: 1; }
.css-1jkhwon.MuiButton-iconSecondary:disabled { color: rgba(255, 255, 255, 0.8); background-color: rgb(28, 54, 45); opacity: 0.4; }
.css-1jkhwon.MuiButton-iconSuccess { background: rgb(152, 255, 22); border: 1px solid rgb(152, 255, 22); box-shadow: rgba(152, 255, 22, 0.6) 0px 0px 10px 0px; }
.css-1jkhwon.MuiButton-iconSuccess:hover { background-color: rgb(106, 178, 15); }
.css-1jkhwon.MuiButton-iconSuccess:active { background-color: rgb(106, 178, 15); }
.css-1jkhwon.MuiButton-iconSuccess:disabled { opacity: 0.5; box-shadow: none; }
.css-1jkhwon.MuiButton-iconError { background: rgb(242, 73, 50); border: 1px solid rgb(242, 73, 50); box-shadow: rgba(242, 73, 50, 0.6) 0px 0px 10px 0px; }
.css-1jkhwon.MuiButton-iconError:hover { background-color: rgb(169, 51, 35); }
.css-1jkhwon.MuiButton-iconError:active { background-color: rgb(169, 51, 35); }
.css-1jkhwon.MuiButton-iconError:disabled { opacity: 0.5; box-shadow: none; }
.css-1jkhwon.MuiButton-iconInfo { background: rgb(79, 195, 247); border: 1px solid rgb(79, 195, 247); box-shadow: rgba(79, 195, 247, 0.6) 0px 0px 10px 0px; }
.css-1jkhwon.MuiButton-iconInfo:hover { background-color: rgb(55, 136, 172); }
.css-1jkhwon.MuiButton-iconInfo:active { background-color: rgb(55, 136, 172); }
.css-1jkhwon.MuiButton-iconInfo:disabled { opacity: 0.5; box-shadow: none; }
.css-1jkhwon.MuiButton-iconWarning { background: rgb(255, 218, 22); border: 1px solid rgb(255, 218, 22); box-shadow: rgba(255, 218, 22, 0.6) 0px 0px 10px 0px; }
.css-1jkhwon.MuiButton-iconWarning:hover { background-color: rgb(178, 152, 15); }
.css-1jkhwon.MuiButton-iconWarning:active { background-color: rgb(178, 152, 15); }
.css-1jkhwon.MuiButton-iconWarning:disabled { opacity: 0.5; box-shadow: none; }
.css-1jkhwon.MuiButton-iconSizeLarge { min-width: 44px; width: 44px; height: 44px; padding: 2px; }
.css-1jkhwon.MuiButton-iconSizeLarge .MuiButton-startIcon { display: flex; gap: 0px; margin: 0px; color: rgba(255, 255, 255, 0.8); }
.css-1jkhwon.MuiButton-iconSizeMedium { min-width: 40px; width: 40px; height: 40px; padding: 2px; }
.css-1jkhwon.MuiButton-iconSizeMedium .MuiButton-startIcon { display: flex; gap: 0px; margin: 0px; }
.css-1jkhwon.MuiButton-iconSizeSmall { min-width: 36px; width: 36px; height: 36px; padding: 2px; }
.css-1jkhwon.MuiButton-iconSizeSmall .MuiButton-startIcon { display: flex; gap: 0px; margin: 0px; }
.css-1jkhwon.MuiButton-outlined { color: rgb(0, 254, 169); border: 1px solid rgb(0, 254, 169); background: rgba(14, 27, 23, 0.4); }
.css-1jkhwon.MuiButton-outlined:hover { border: 1px solid rgb(0, 254, 169); background: rgba(14, 27, 23, 0.4); opacity: 0.85; }
.css-1jkhwon.MuiButton-outlined:active { opacity: 1; }
.css-1jkhwon.MuiButton-outlined:disabled { color: rgb(0, 254, 169); border: 1px solid rgb(0, 254, 169); opacity: 0.4; }
.css-1jkhwon.MuiButton-cta { color: rgb(14, 27, 23); background-image: linear-gradient(90deg, rgb(254, 226, 12) 0%, rgb(255, 174, 0) 25%, rgb(254, 226, 12) 75%, rgb(255, 174, 0) 100%); background-size: 400% 400%; font-size: 14px; font-weight: 600; line-height: 18px; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; box-shadow: rgba(255, 255, 255, 0.6) 0px 9px 8px 0px inset, rgba(0, 254, 169, 0.2) 0px -4px 8px 0px inset, rgba(0, 254, 169, 0.24) 0px 0px 50px 0px; }
.css-1jkhwon.MuiButton-cta:hover { animation: 0.7s ease 0s 1 normal forwards running animation-dofypc; box-shadow: rgba(255, 255, 255, 0.6) 0px 9px 8px 0px inset, rgba(0, 254, 169, 0.2) 0px -4px 8px 0px inset, rgba(0, 254, 169, 0.8) 0px 0px 40px 0px; }
.css-1jkhwon.MuiButton-cta:active { animation: 0.7s ease 0s 1 normal forwards running animation-i3y9un; box-shadow: rgba(255, 255, 255, 0.6) 0px 9px 8px 0px inset, rgba(0, 254, 169, 0.2) 0px -4px 8px 0px inset, rgba(0, 254, 169, 0.24) 0px 0px 50px 0px; }
.css-1jkhwon.MuiButton-cta:disabled { color: rgb(14, 27, 23); opacity: 0.5; box-shadow: rgba(255, 255, 255, 0.6) 0px 9px 8px 0px inset, rgba(0, 254, 169, 0.2) 0px -4px 8px 0px inset, rgba(0, 254, 169, 0.24) 0px 0px 50px 0px; }
.css-1jkhwon.MuiButton-ctaSizeLarge { height: 44px; padding: 0px 12px; }
.css-1jkhwon.MuiButton-ctaSizeMedium { height: 40px; padding: 0px 12px; }
.css-1jkhwon.MuiButton-ctaSizeSmall { height: 36px; padding: 0px 12px; }
.css-1jkhwon::after { content: ""; position: absolute; top: 0px; opacity: 0; left: -100%; height: 100%; width: 100%; background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 50%, rgba(128, 186, 232, 0) 99%, rgba(125, 185, 232, 0) 100%); transition: 0.3s; transform: skewX(20deg) translateX(0px); animation: 3s ease 0s infinite normal none running shine; }
.css-n0lu9k { box-sizing: border-box; -webkit-tap-highlight-color: transparent; outline: 0px; margin: 0px; cursor: pointer; user-select: none; vertical-align: middle; appearance: none; text-decoration: none; font-family: Kanit, sans-serif; font-weight: 500; line-height: 1.75; padding: 6px 16px; border: 0px; background-color: var(--variant-containedBg); box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 1px -2px, rgba(0, 0, 0, 0.14) 0px 2px 2px 0px, rgba(0, 0, 0, 0.12) 0px 1px 5px 0px; --variant-textColor: #00FEA9; --variant-outlinedColor: #00FEA9; --variant-outlinedBorder: rgba(0, 254, 169, 0.5); --variant-containedColor: rgba(0, 0, 0, 0.87); --variant-containedBg: #00FEA9; transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1), box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1), border-color 250ms cubic-bezier(0.4, 0, 0.2, 1); display: inline-flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; gap: 8px; flex-shrink: 0; border-radius: 6px; color: rgba(0, 0, 0, 0.8); font-size: 14px; text-transform: none; text-align: center; position: relative; overflow: hidden; min-width: 123px; margin-inline: 0px 8px; }
.css-n0lu9k.Mui-disabled { pointer-events: none; cursor: default; }
@media print {
  .css-n0lu9k { print-color-adjust: exact; }
}
.css-n0lu9k:hover { text-decoration: none; }
.css-n0lu9k.Mui-disabled { color: rgba(255, 255, 255, 0.3); }
.css-n0lu9k:hover { box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 4px -1px, rgba(0, 0, 0, 0.14) 0px 4px 5px 0px, rgba(0, 0, 0, 0.12) 0px 1px 10px 0px; }
@media (hover: none) {
  .css-n0lu9k:hover { box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 1px -2px, rgba(0, 0, 0, 0.14) 0px 2px 2px 0px, rgba(0, 0, 0, 0.12) 0px 1px 5px 0px; }
}
.css-n0lu9k:active { box-shadow: rgba(0, 0, 0, 0.2) 0px 5px 5px -3px, rgba(0, 0, 0, 0.14) 0px 8px 10px 1px, rgba(0, 0, 0, 0.12) 0px 3px 14px 2px; }
.css-n0lu9k.Mui-focusVisible { box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 5px -1px, rgba(0, 0, 0, 0.14) 0px 6px 10px 0px, rgba(0, 0, 0, 0.12) 0px 1px 18px 0px; }
.css-n0lu9k.Mui-disabled { color: rgba(255, 255, 255, 0.3); box-shadow: none; background-color: rgba(255, 255, 255, 0.12); }
@media (hover: hover) {
  .css-n0lu9k:hover { --variant-containedBg: rgb(0, 177, 118); --variant-textBg: rgba(0, 254, 169, 0.08); --variant-outlinedBorder: #00FEA9; --variant-outlinedBg: rgba(0, 254, 169, 0.08); }
}
.css-n0lu9k.MuiButton-loading { color: transparent; }
.css-n0lu9k .MuiButton-startIcon { display: inline-flex; gap: 8px; margin-right: 0px; margin-left: 0px; }
.css-n0lu9k .MuiButton-endIcon { display: inline-flex; gap: 8px; margin-right: 0px; margin-left: 0px; }
.css-n0lu9k.MuiButton-containedPrimary { box-shadow: none; color: rgb(14, 27, 23); background: linear-gradient(90deg, rgb(254, 226, 12) 0%, rgb(255, 174, 0) 25%, rgb(254, 226, 12) 75%, rgb(255, 174, 0) 100%) 0% 0% / 400% 400%; }
.css-n0lu9k.MuiButton-containedPrimary:hover { color: rgb(14, 27, 23); animation: 0.7s ease 0s 1 normal forwards running animation-dofypc; }
.css-n0lu9k.MuiButton-containedPrimary:active { color: rgb(14, 27, 23); animation: 0.7s ease 0s 1 normal forwards running animation-i3y9un; }
.css-n0lu9k.MuiButton-containedPrimary:disabled { color: rgb(14, 27, 23); opacity: 0.5; }
.css-n0lu9k.MuiButton-containedSecondary { color: rgba(255, 255, 255, 0.8); background-color: rgb(28, 54, 45); box-shadow: none; }
.css-n0lu9k.MuiButton-containedSecondary:hover { background-color: rgb(28, 54, 45); opacity: 0.85; }
.css-n0lu9k.MuiButton-containedSecondary:active { color: rgb(255, 255, 255); background-color: rgb(28, 54, 45); opacity: 1; }
.css-n0lu9k.MuiButton-containedSecondary:disabled { color: rgba(255, 255, 255, 0.8); background-color: rgb(28, 54, 45); opacity: 0.4; }
.css-n0lu9k.MuiButton-containedSizeLarge { height: 44px; padding: 0px 12px; }
.css-n0lu9k.MuiButton-containedSizeMedium { height: 40px; padding: 0px 12px; }
.css-n0lu9k.MuiButton-containedSizeSmall { height: 36px; padding: 0px 12px; }
.css-n0lu9k.MuiButton-outlinedSizeLarge { height: 44px; padding: 0px 12px; }
.css-n0lu9k.MuiButton-outlinedSizeMedium { height: 40px; padding: 0px 12px; }
.css-n0lu9k.MuiButton-outlinedSizeSmall { height: 36px; padding: 0px 12px 0px 8px; }
.css-n0lu9k.MuiButton-text { padding: 0px 12px; color: rgb(0, 254, 169); font-size: 14px; font-weight: 600; line-height: 18px; }
.css-n0lu9k.MuiButton-text:hover { background: transparent; color: rgb(0, 229, 152); }
.css-n0lu9k.MuiButton-text:active { color: rgb(0, 229, 152); }
.css-n0lu9k.MuiButton-text:disabled { color: rgb(0, 254, 169); opacity: 0.4; }
.css-n0lu9k.MuiButton-textSecondary { color: rgba(255, 255, 255, 0.8); background: rgb(28, 54, 45); }
.css-n0lu9k.MuiButton-textSecondary:hover { opacity: 0.85; }
.css-n0lu9k.MuiButton-textSecondary:active { opacity: 1; }
.css-n0lu9k.MuiButton-textSecondary:disabled { opacity: 0.5; }
.css-n0lu9k.MuiButton-textSizeLarge { height: 44px; }
.css-n0lu9k.MuiButton-textSizeMedium { height: 40px; }
.css-n0lu9k.MuiButton-textSizeSmall { height: 36px; }
.css-n0lu9k.MuiButton-iconInherit { padding: 0px; }
.css-n0lu9k.MuiButton-iconPrimary { background: linear-gradient(90deg, rgb(254, 226, 12) 0%, rgb(255, 174, 0) 25%, rgb(254, 226, 12) 75%, rgb(255, 174, 0) 100%); box-shadow: none; }
.css-n0lu9k.MuiButton-iconPrimary:hover { opacity: 0.8; }
.css-n0lu9k.MuiButton-iconPrimary:active { opacity: 1; }
.css-n0lu9k.MuiButton-iconPrimary:disabled { opacity: 0.5; }
.css-n0lu9k.MuiButton-iconSecondary { color: rgba(255, 255, 255, 0.8); box-shadow: none; background-color: rgb(28, 54, 45); }
.css-n0lu9k.MuiButton-iconSecondary:hover { background-color: rgb(28, 54, 45); opacity: 0.85; }
.css-n0lu9k.MuiButton-iconSecondary:active { color: rgb(255, 255, 255); background-color: rgb(28, 54, 45); opacity: 1; }
.css-n0lu9k.MuiButton-iconSecondary:disabled { color: rgba(255, 255, 255, 0.8); background-color: rgb(28, 54, 45); opacity: 0.4; }
.css-n0lu9k.MuiButton-iconSuccess { background: rgb(152, 255, 22); border: 1px solid rgb(152, 255, 22); box-shadow: rgba(152, 255, 22, 0.6) 0px 0px 10px 0px; }
.css-n0lu9k.MuiButton-iconSuccess:hover { background-color: rgb(106, 178, 15); }
.css-n0lu9k.MuiButton-iconSuccess:active { background-color: rgb(106, 178, 15); }
.css-n0lu9k.MuiButton-iconSuccess:disabled { opacity: 0.5; box-shadow: none; }
.css-n0lu9k.MuiButton-iconError { background: rgb(242, 73, 50); border: 1px solid rgb(242, 73, 50); box-shadow: rgba(242, 73, 50, 0.6) 0px 0px 10px 0px; }
.css-n0lu9k.MuiButton-iconError:hover { background-color: rgb(169, 51, 35); }
.css-n0lu9k.MuiButton-iconError:active { background-color: rgb(169, 51, 35); }
.css-n0lu9k.MuiButton-iconError:disabled { opacity: 0.5; box-shadow: none; }
.css-n0lu9k.MuiButton-iconInfo { background: rgb(79, 195, 247); border: 1px solid rgb(79, 195, 247); box-shadow: rgba(79, 195, 247, 0.6) 0px 0px 10px 0px; }
.css-n0lu9k.MuiButton-iconInfo:hover { background-color: rgb(55, 136, 172); }
.css-n0lu9k.MuiButton-iconInfo:active { background-color: rgb(55, 136, 172); }
.css-n0lu9k.MuiButton-iconInfo:disabled { opacity: 0.5; box-shadow: none; }
.css-n0lu9k.MuiButton-iconWarning { background: rgb(255, 218, 22); border: 1px solid rgb(255, 218, 22); box-shadow: rgba(255, 218, 22, 0.6) 0px 0px 10px 0px; }
.css-n0lu9k.MuiButton-iconWarning:hover { background-color: rgb(178, 152, 15); }
.css-n0lu9k.MuiButton-iconWarning:active { background-color: rgb(178, 152, 15); }
.css-n0lu9k.MuiButton-iconWarning:disabled { opacity: 0.5; box-shadow: none; }
.css-n0lu9k.MuiButton-iconSizeLarge { min-width: 44px; width: 44px; height: 44px; padding: 2px; }
.css-n0lu9k.MuiButton-iconSizeLarge .MuiButton-startIcon { display: flex; gap: 0px; margin: 0px; color: rgba(255, 255, 255, 0.8); }
.css-n0lu9k.MuiButton-iconSizeMedium { min-width: 40px; width: 40px; height: 40px; padding: 2px; }
.css-n0lu9k.MuiButton-iconSizeMedium .MuiButton-startIcon { display: flex; gap: 0px; margin: 0px; }
.css-n0lu9k.MuiButton-iconSizeSmall { min-width: 36px; width: 36px; height: 36px; padding: 2px; }
.css-n0lu9k.MuiButton-iconSizeSmall .MuiButton-startIcon { display: flex; gap: 0px; margin: 0px; }
.css-n0lu9k.MuiButton-outlined { color: rgb(0, 254, 169); border: 1px solid rgb(0, 254, 169); background: rgba(14, 27, 23, 0.4); }
.css-n0lu9k.MuiButton-outlined:hover { border: 1px solid rgb(0, 254, 169); background: rgba(14, 27, 23, 0.4); opacity: 0.85; }
.css-n0lu9k.MuiButton-outlined:active { opacity: 1; }
.css-n0lu9k.MuiButton-outlined:disabled { color: rgb(0, 254, 169); border: 1px solid rgb(0, 254, 169); opacity: 0.4; }
.css-n0lu9k.MuiButton-cta { color: rgb(14, 27, 23); background-image: linear-gradient(90deg, rgb(254, 226, 12) 0%, rgb(255, 174, 0) 25%, rgb(254, 226, 12) 75%, rgb(255, 174, 0) 100%); background-size: 400% 400%; font-size: 14px; font-weight: 600; line-height: 18px; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; box-shadow: rgba(255, 255, 255, 0.6) 0px 9px 8px 0px inset, rgba(0, 254, 169, 0.2) 0px -4px 8px 0px inset, rgba(0, 254, 169, 0.24) 0px 0px 50px 0px; }
.css-n0lu9k.MuiButton-cta:hover { animation: 0.7s ease 0s 1 normal forwards running animation-dofypc; box-shadow: rgba(255, 255, 255, 0.6) 0px 9px 8px 0px inset, rgba(0, 254, 169, 0.2) 0px -4px 8px 0px inset, rgba(0, 254, 169, 0.8) 0px 0px 40px 0px; }
.css-n0lu9k.MuiButton-cta:active { animation: 0.7s ease 0s 1 normal forwards running animation-i3y9un; box-shadow: rgba(255, 255, 255, 0.6) 0px 9px 8px 0px inset, rgba(0, 254, 169, 0.2) 0px -4px 8px 0px inset, rgba(0, 254, 169, 0.24) 0px 0px 50px 0px; }
.css-n0lu9k.MuiButton-cta:disabled { color: rgb(14, 27, 23); opacity: 0.5; box-shadow: rgba(255, 255, 255, 0.6) 0px 9px 8px 0px inset, rgba(0, 254, 169, 0.2) 0px -4px 8px 0px inset, rgba(0, 254, 169, 0.24) 0px 0px 50px 0px; }
.css-n0lu9k.MuiButton-ctaSizeLarge { height: 44px; padding: 0px 12px; }
.css-n0lu9k.MuiButton-ctaSizeMedium { height: 40px; padding: 0px 12px; }
.css-n0lu9k.MuiButton-ctaSizeSmall { height: 36px; padding: 0px 12px; }
.css-n0lu9k::after { content: ""; position: absolute; top: 0px; opacity: 0; left: -100%; height: 100%; width: 100%; background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 50%, rgba(128, 186, 232, 0) 99%, rgba(125, 185, 232, 0) 100%); transition: 0.3s; transform: skewX(20deg) translateX(0px); animation: 3s ease 0s infinite normal none running shine; }
.css-1qb4fop { display: inline-flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; gap: 8px; flex-shrink: 0; border-radius: 6px; color: rgba(0, 0, 0, 0.8); font-size: 14px; text-transform: none; text-align: center; }
.css-1qb4fop .MuiButton-startIcon { display: inline-flex; gap: 8px; margin-right: 0px; margin-left: 0px; }
.css-1qb4fop .MuiButton-endIcon { display: inline-flex; gap: 8px; margin-right: 0px; margin-left: 0px; }
.css-1qb4fop.MuiButton-containedPrimary { box-shadow: none; color: rgb(14, 27, 23); background: linear-gradient(90deg, rgb(254, 226, 12) 0%, rgb(255, 174, 0) 25%, rgb(254, 226, 12) 75%, rgb(255, 174, 0) 100%) 0% 0% / 400% 400%; }
.css-1qb4fop.MuiButton-containedPrimary:hover { color: rgb(14, 27, 23); animation: 0.7s ease 0s 1 normal forwards running animation-dofypc; }
.css-1qb4fop.MuiButton-containedPrimary:active { color: rgb(14, 27, 23); animation: 0.7s ease 0s 1 normal forwards running animation-i3y9un; }
.css-1qb4fop.MuiButton-containedPrimary:disabled { color: rgb(14, 27, 23); opacity: 0.5; }
.css-1qb4fop.MuiButton-containedSecondary { color: rgba(255, 255, 255, 0.8); background-color: rgb(28, 54, 45); box-shadow: none; }
.css-1qb4fop.MuiButton-containedSecondary:hover { background-color: rgb(28, 54, 45); opacity: 0.85; }
.css-1qb4fop.MuiButton-containedSecondary:active { color: rgb(255, 255, 255); background-color: rgb(28, 54, 45); opacity: 1; }
.css-1qb4fop.MuiButton-containedSecondary:disabled { color: rgba(255, 255, 255, 0.8); background-color: rgb(28, 54, 45); opacity: 0.4; }
.css-1qb4fop.MuiButton-containedSizeLarge { height: 44px; padding: 0px 12px; }
.css-1qb4fop.MuiButton-containedSizeMedium { height: 40px; padding: 0px 12px; }
.css-1qb4fop.MuiButton-containedSizeSmall { height: 36px; padding: 0px 12px; }
.css-1qb4fop.MuiButton-outlinedSizeLarge { height: 44px; padding: 0px 12px; }
.css-1qb4fop.MuiButton-outlinedSizeMedium { height: 40px; padding: 0px 12px; }
.css-1qb4fop.MuiButton-outlinedSizeSmall { height: 36px; padding: 0px 12px 0px 8px; }
.css-1qb4fop.MuiButton-text { padding: 0px 12px; color: rgb(0, 254, 169); font-size: 14px; font-weight: 600; line-height: 18px; }
.css-1qb4fop.MuiButton-text:hover { background: transparent; color: rgb(0, 229, 152); }
.css-1qb4fop.MuiButton-text:active { color: rgb(0, 229, 152); }
.css-1qb4fop.MuiButton-text:disabled { color: rgb(0, 254, 169); opacity: 0.4; }
.css-1qb4fop.MuiButton-textSecondary { color: rgba(255, 255, 255, 0.8); background: rgb(28, 54, 45); }
.css-1qb4fop.MuiButton-textSecondary:hover { opacity: 0.85; }
.css-1qb4fop.MuiButton-textSecondary:active { opacity: 1; }
.css-1qb4fop.MuiButton-textSecondary:disabled { opacity: 0.5; }
.css-1qb4fop.MuiButton-textSizeLarge { height: 44px; }
.css-1qb4fop.MuiButton-textSizeMedium { height: 40px; }
.css-1qb4fop.MuiButton-textSizeSmall { height: 36px; }
.css-1qb4fop.MuiButton-iconInherit { padding: 0px; }
.css-1qb4fop.MuiButton-iconPrimary { background: linear-gradient(90deg, rgb(254, 226, 12) 0%, rgb(255, 174, 0) 25%, rgb(254, 226, 12) 75%, rgb(255, 174, 0) 100%); box-shadow: none; }
.css-1qb4fop.MuiButton-iconPrimary:hover { opacity: 0.8; }
.css-1qb4fop.MuiButton-iconPrimary:active { opacity: 1; }
.css-1qb4fop.MuiButton-iconPrimary:disabled { opacity: 0.5; }
.css-1qb4fop.MuiButton-iconSecondary { color: rgba(255, 255, 255, 0.8); box-shadow: none; background-color: rgb(28, 54, 45); }
.css-1qb4fop.MuiButton-iconSecondary:hover { background-color: rgb(28, 54, 45); opacity: 0.85; }
.css-1qb4fop.MuiButton-iconSecondary:active { color: rgb(255, 255, 255); background-color: rgb(28, 54, 45); opacity: 1; }
.css-1qb4fop.MuiButton-iconSecondary:disabled { color: rgba(255, 255, 255, 0.8); background-color: rgb(28, 54, 45); opacity: 0.4; }
.css-1qb4fop.MuiButton-iconSuccess { background: rgb(152, 255, 22); border: 1px solid rgb(152, 255, 22); box-shadow: rgba(152, 255, 22, 0.6) 0px 0px 10px 0px; }
.css-1qb4fop.MuiButton-iconSuccess:hover { background-color: rgb(106, 178, 15); }
.css-1qb4fop.MuiButton-iconSuccess:active { background-color: rgb(106, 178, 15); }
.css-1qb4fop.MuiButton-iconSuccess:disabled { opacity: 0.5; box-shadow: none; }
.css-1qb4fop.MuiButton-iconError { background: rgb(242, 73, 50); border: 1px solid rgb(242, 73, 50); box-shadow: rgba(242, 73, 50, 0.6) 0px 0px 10px 0px; }
.css-1qb4fop.MuiButton-iconError:hover { background-color: rgb(169, 51, 35); }
.css-1qb4fop.MuiButton-iconError:active { background-color: rgb(169, 51, 35); }
.css-1qb4fop.MuiButton-iconError:disabled { opacity: 0.5; box-shadow: none; }
.css-1qb4fop.MuiButton-iconInfo { background: rgb(79, 195, 247); border: 1px solid rgb(79, 195, 247); box-shadow: rgba(79, 195, 247, 0.6) 0px 0px 10px 0px; }
.css-1qb4fop.MuiButton-iconInfo:hover { background-color: rgb(55, 136, 172); }
.css-1qb4fop.MuiButton-iconInfo:active { background-color: rgb(55, 136, 172); }
.css-1qb4fop.MuiButton-iconInfo:disabled { opacity: 0.5; box-shadow: none; }
.css-1qb4fop.MuiButton-iconWarning { background: rgb(255, 218, 22); border: 1px solid rgb(255, 218, 22); box-shadow: rgba(255, 218, 22, 0.6) 0px 0px 10px 0px; }
.css-1qb4fop.MuiButton-iconWarning:hover { background-color: rgb(178, 152, 15); }
.css-1qb4fop.MuiButton-iconWarning:active { background-color: rgb(178, 152, 15); }
.css-1qb4fop.MuiButton-iconWarning:disabled { opacity: 0.5; box-shadow: none; }
.css-1qb4fop.MuiButton-iconSizeLarge { min-width: 44px; width: 44px; height: 44px; padding: 2px; }
.css-1qb4fop.MuiButton-iconSizeLarge .MuiButton-startIcon { display: flex; gap: 0px; margin: 0px; color: rgba(255, 255, 255, 0.8); }
.css-1qb4fop.MuiButton-iconSizeMedium { min-width: 40px; width: 40px; height: 40px; padding: 2px; }
.css-1qb4fop.MuiButton-iconSizeMedium .MuiButton-startIcon { display: flex; gap: 0px; margin: 0px; }
.css-1qb4fop.MuiButton-iconSizeSmall { min-width: 36px; width: 36px; height: 36px; padding: 2px; }
.css-1qb4fop.MuiButton-iconSizeSmall .MuiButton-startIcon { display: flex; gap: 0px; margin: 0px; }
.css-1qb4fop.MuiButton-outlined { color: rgb(0, 254, 169); border: 1px solid rgb(0, 254, 169); background: rgba(14, 27, 23, 0.4); }
.css-1qb4fop.MuiButton-outlined:hover { border: 1px solid rgb(0, 254, 169); background: rgba(14, 27, 23, 0.4); opacity: 0.85; }
.css-1qb4fop.MuiButton-outlined:active { opacity: 1; }
.css-1qb4fop.MuiButton-outlined:disabled { color: rgb(0, 254, 169); border: 1px solid rgb(0, 254, 169); opacity: 0.4; }
.css-1qb4fop.MuiButton-cta { color: rgb(14, 27, 23); background-image: linear-gradient(90deg, rgb(254, 226, 12) 0%, rgb(255, 174, 0) 25%, rgb(254, 226, 12) 75%, rgb(255, 174, 0) 100%); background-size: 400% 400%; font-size: 14px; font-weight: 600; line-height: 18px; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; box-shadow: rgba(255, 255, 255, 0.6) 0px 9px 8px 0px inset, rgba(0, 254, 169, 0.2) 0px -4px 8px 0px inset, rgba(0, 254, 169, 0.24) 0px 0px 50px 0px; }
.css-1qb4fop.MuiButton-cta:hover { animation: 0.7s ease 0s 1 normal forwards running animation-dofypc; box-shadow: rgba(255, 255, 255, 0.6) 0px 9px 8px 0px inset, rgba(0, 254, 169, 0.2) 0px -4px 8px 0px inset, rgba(0, 254, 169, 0.8) 0px 0px 40px 0px; }
.css-1qb4fop.MuiButton-cta:active { animation: 0.7s ease 0s 1 normal forwards running animation-i3y9un; box-shadow: rgba(255, 255, 255, 0.6) 0px 9px 8px 0px inset, rgba(0, 254, 169, 0.2) 0px -4px 8px 0px inset, rgba(0, 254, 169, 0.24) 0px 0px 50px 0px; }
.css-1qb4fop.MuiButton-cta:disabled { color: rgb(14, 27, 23); opacity: 0.5; box-shadow: rgba(255, 255, 255, 0.6) 0px 9px 8px 0px inset, rgba(0, 254, 169, 0.2) 0px -4px 8px 0px inset, rgba(0, 254, 169, 0.24) 0px 0px 50px 0px; }
.css-1qb4fop.MuiButton-ctaSizeLarge { height: 44px; padding: 0px 12px; }
.css-1qb4fop.MuiButton-ctaSizeMedium { height: 40px; padding: 0px 12px; }
.css-1qb4fop.MuiButton-ctaSizeSmall { height: 36px; padding: 0px 12px; }
@media (min-width: 600px) {
  .css-1qb4fop { display: none; }
}
@-webkit-keyframes animation-i3y9un { 
  0% { background-position: 50% 0%; }
  100% { background-position: 0% 5%; }
}
@keyframes animation-i3y9un { 
  0% { background-position: 50% 0%; }
  100% { background-position: 0% 5%; }
}
@-webkit-keyframes animation-dofypc { 
  0% { background-position: 0% 50%; }
  100% { background-position: 50% 0%; }
}
@keyframes animation-dofypc { 
  0% { background-position: 0% 50%; }
  100% { background-position: 50% 0%; }
}
@-webkit-keyframes animation-i3y9un { 
  0% { background-position: 50% 0%; }
  100% { background-position: 0% 5%; }
}
@keyframes animation-i3y9un { 
  0% { background-position: 50% 0%; }
  100% { background-position: 0% 5%; }
}
@-webkit-keyframes animation-dofypc { 
  0% { background-position: 0% 50%; }
  100% { background-position: 50% 0%; }
}
@keyframes animation-dofypc { 
  0% { background-position: 0% 50%; }
  100% { background-position: 50% 0%; }
}
.css-cdpur { font-family: Kanit, sans-serif; font-weight: 500; line-height: 1.75; min-width: 64px; padding: 6px 16px; border: 0px; --variant-textColor: #2A5044; --variant-outlinedColor: #2A5044; --variant-outlinedBorder: rgba(42, 80, 68, 0.5); --variant-containedColor: #fff; --variant-containedBg: #2A5044; transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1), box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1), border-color 250ms cubic-bezier(0.4, 0, 0.2, 1); display: inline-flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; gap: 8px; flex-shrink: 0; border-radius: 6px; color: rgba(0, 0, 0, 0.8); font-size: 14px; text-transform: none; text-align: center; }
.css-cdpur:hover { text-decoration: none; }
.css-cdpur.Mui-disabled { color: rgba(255, 255, 255, 0.3); }
@media (hover: hover) {
  .css-cdpur:hover { --variant-containedBg: rgb(29, 56, 47); --variant-textBg: rgba(42, 80, 68, 0.08); --variant-outlinedBorder: #2A5044; --variant-outlinedBg: rgba(42, 80, 68, 0.08); }
}
.css-cdpur.MuiButton-loading { color: transparent; }
.css-cdpur .MuiButton-startIcon { display: inline-flex; gap: 8px; margin-right: 0px; margin-left: 0px; }
.css-cdpur .MuiButton-endIcon { display: inline-flex; gap: 8px; margin-right: 0px; margin-left: 0px; }
.css-cdpur.MuiButton-containedPrimary { box-shadow: none; color: rgb(14, 27, 23); background: linear-gradient(90deg, rgb(254, 226, 12) 0%, rgb(255, 174, 0) 25%, rgb(254, 226, 12) 75%, rgb(255, 174, 0) 100%) 0% 0% / 400% 400%; }
.css-cdpur.MuiButton-containedPrimary:hover { color: rgb(14, 27, 23); animation: 0.7s ease 0s 1 normal forwards running animation-dofypc; }
.css-cdpur.MuiButton-containedPrimary:active { color: rgb(14, 27, 23); animation: 0.7s ease 0s 1 normal forwards running animation-i3y9un; }
.css-cdpur.MuiButton-containedPrimary:disabled { color: rgb(14, 27, 23); opacity: 0.5; }
.css-cdpur.MuiButton-containedSecondary { color: rgba(255, 255, 255, 0.8); background-color: rgb(28, 54, 45); box-shadow: none; }
.css-cdpur.MuiButton-containedSecondary:hover { background-color: rgb(28, 54, 45); opacity: 0.85; }
.css-cdpur.MuiButton-containedSecondary:active { color: rgb(255, 255, 255); background-color: rgb(28, 54, 45); opacity: 1; }
.css-cdpur.MuiButton-containedSecondary:disabled { color: rgba(255, 255, 255, 0.8); background-color: rgb(28, 54, 45); opacity: 0.4; }
.css-cdpur.MuiButton-containedSizeLarge { height: 44px; padding: 0px 12px; }
.css-cdpur.MuiButton-containedSizeMedium { height: 40px; padding: 0px 12px; }
.css-cdpur.MuiButton-containedSizeSmall { height: 36px; padding: 0px 12px; }
.css-cdpur.MuiButton-outlinedSizeLarge { height: 44px; padding: 0px 12px; }
.css-cdpur.MuiButton-outlinedSizeMedium { height: 40px; padding: 0px 12px; }
.css-cdpur.MuiButton-outlinedSizeSmall { height: 36px; padding: 0px 12px 0px 8px; }
.css-cdpur.MuiButton-text { padding: 0px 12px; color: rgb(0, 254, 169); font-size: 14px; font-weight: 600; line-height: 18px; }
.css-cdpur.MuiButton-text:hover { background: transparent; color: rgb(0, 229, 152); }
.css-cdpur.MuiButton-text:active { color: rgb(0, 229, 152); }
.css-cdpur.MuiButton-text:disabled { color: rgb(0, 254, 169); opacity: 0.4; }
.css-cdpur.MuiButton-textSecondary { color: rgba(255, 255, 255, 0.8); background: rgb(28, 54, 45); }
.css-cdpur.MuiButton-textSecondary:hover { opacity: 0.85; }
.css-cdpur.MuiButton-textSecondary:active { opacity: 1; }
.css-cdpur.MuiButton-textSecondary:disabled { opacity: 0.5; }
.css-cdpur.MuiButton-textSizeLarge { height: 44px; }
.css-cdpur.MuiButton-textSizeMedium { height: 40px; }
.css-cdpur.MuiButton-textSizeSmall { height: 36px; }
.css-cdpur.MuiButton-iconInherit { padding: 0px; }
.css-cdpur.MuiButton-iconPrimary { background: linear-gradient(90deg, rgb(254, 226, 12) 0%, rgb(255, 174, 0) 25%, rgb(254, 226, 12) 75%, rgb(255, 174, 0) 100%); box-shadow: none; }
.css-cdpur.MuiButton-iconPrimary:hover { opacity: 0.8; }
.css-cdpur.MuiButton-iconPrimary:active { opacity: 1; }
.css-cdpur.MuiButton-iconPrimary:disabled { opacity: 0.5; }
.css-cdpur.MuiButton-iconSecondary { color: rgba(255, 255, 255, 0.8); box-shadow: none; background-color: rgb(28, 54, 45); }
.css-cdpur.MuiButton-iconSecondary:hover { background-color: rgb(28, 54, 45); opacity: 0.85; }
.css-cdpur.MuiButton-iconSecondary:active { color: rgb(255, 255, 255); background-color: rgb(28, 54, 45); opacity: 1; }
.css-cdpur.MuiButton-iconSecondary:disabled { color: rgba(255, 255, 255, 0.8); background-color: rgb(28, 54, 45); opacity: 0.4; }
.css-cdpur.MuiButton-iconSuccess { background: rgb(152, 255, 22); border: 1px solid rgb(152, 255, 22); box-shadow: rgba(152, 255, 22, 0.6) 0px 0px 10px 0px; }
.css-cdpur.MuiButton-iconSuccess:hover { background-color: rgb(106, 178, 15); }
.css-cdpur.MuiButton-iconSuccess:active { background-color: rgb(106, 178, 15); }
.css-cdpur.MuiButton-iconSuccess:disabled { opacity: 0.5; box-shadow: none; }
.css-cdpur.MuiButton-iconError { background: rgb(242, 73, 50); border: 1px solid rgb(242, 73, 50); box-shadow: rgba(242, 73, 50, 0.6) 0px 0px 10px 0px; }
.css-cdpur.MuiButton-iconError:hover { background-color: rgb(169, 51, 35); }
.css-cdpur.MuiButton-iconError:active { background-color: rgb(169, 51, 35); }
.css-cdpur.MuiButton-iconError:disabled { opacity: 0.5; box-shadow: none; }
.css-cdpur.MuiButton-iconInfo { background: rgb(79, 195, 247); border: 1px solid rgb(79, 195, 247); box-shadow: rgba(79, 195, 247, 0.6) 0px 0px 10px 0px; }
.css-cdpur.MuiButton-iconInfo:hover { background-color: rgb(55, 136, 172); }
.css-cdpur.MuiButton-iconInfo:active { background-color: rgb(55, 136, 172); }
.css-cdpur.MuiButton-iconInfo:disabled { opacity: 0.5; box-shadow: none; }
.css-cdpur.MuiButton-iconWarning { background: rgb(255, 218, 22); border: 1px solid rgb(255, 218, 22); box-shadow: rgba(255, 218, 22, 0.6) 0px 0px 10px 0px; }
.css-cdpur.MuiButton-iconWarning:hover { background-color: rgb(178, 152, 15); }
.css-cdpur.MuiButton-iconWarning:active { background-color: rgb(178, 152, 15); }
.css-cdpur.MuiButton-iconWarning:disabled { opacity: 0.5; box-shadow: none; }
.css-cdpur.MuiButton-iconSizeLarge { min-width: 44px; width: 44px; height: 44px; padding: 2px; }
.css-cdpur.MuiButton-iconSizeLarge .MuiButton-startIcon { display: flex; gap: 0px; margin: 0px; color: rgba(255, 255, 255, 0.8); }
.css-cdpur.MuiButton-iconSizeMedium { min-width: 40px; width: 40px; height: 40px; padding: 2px; }
.css-cdpur.MuiButton-iconSizeMedium .MuiButton-startIcon { display: flex; gap: 0px; margin: 0px; }
.css-cdpur.MuiButton-iconSizeSmall { min-width: 36px; width: 36px; height: 36px; padding: 2px; }
.css-cdpur.MuiButton-iconSizeSmall .MuiButton-startIcon { display: flex; gap: 0px; margin: 0px; }
.css-cdpur.MuiButton-outlined { color: rgb(0, 254, 169); border: 1px solid rgb(0, 254, 169); background: rgba(14, 27, 23, 0.4); }
.css-cdpur.MuiButton-outlined:hover { border: 1px solid rgb(0, 254, 169); background: rgba(14, 27, 23, 0.4); opacity: 0.85; }
.css-cdpur.MuiButton-outlined:active { opacity: 1; }
.css-cdpur.MuiButton-outlined:disabled { color: rgb(0, 254, 169); border: 1px solid rgb(0, 254, 169); opacity: 0.4; }
.css-cdpur.MuiButton-cta { color: rgb(14, 27, 23); background-image: linear-gradient(90deg, rgb(254, 226, 12) 0%, rgb(255, 174, 0) 25%, rgb(254, 226, 12) 75%, rgb(255, 174, 0) 100%); background-size: 400% 400%; font-size: 14px; font-weight: 600; line-height: 18px; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; box-shadow: rgba(255, 255, 255, 0.6) 0px 9px 8px 0px inset, rgba(0, 254, 169, 0.2) 0px -4px 8px 0px inset, rgba(0, 254, 169, 0.24) 0px 0px 50px 0px; }
.css-cdpur.MuiButton-cta:hover { animation: 0.7s ease 0s 1 normal forwards running animation-dofypc; box-shadow: rgba(255, 255, 255, 0.6) 0px 9px 8px 0px inset, rgba(0, 254, 169, 0.2) 0px -4px 8px 0px inset, rgba(0, 254, 169, 0.8) 0px 0px 40px 0px; }
.css-cdpur.MuiButton-cta:active { animation: 0.7s ease 0s 1 normal forwards running animation-i3y9un; box-shadow: rgba(255, 255, 255, 0.6) 0px 9px 8px 0px inset, rgba(0, 254, 169, 0.2) 0px -4px 8px 0px inset, rgba(0, 254, 169, 0.24) 0px 0px 50px 0px; }
.css-cdpur.MuiButton-cta:disabled { color: rgb(14, 27, 23); opacity: 0.5; box-shadow: rgba(255, 255, 255, 0.6) 0px 9px 8px 0px inset, rgba(0, 254, 169, 0.2) 0px -4px 8px 0px inset, rgba(0, 254, 169, 0.24) 0px 0px 50px 0px; }
.css-cdpur.MuiButton-ctaSizeLarge { height: 44px; padding: 0px 12px; }
.css-cdpur.MuiButton-ctaSizeMedium { height: 40px; padding: 0px 12px; }
.css-cdpur.MuiButton-ctaSizeSmall { height: 36px; padding: 0px 12px; }
@media (min-width: 600px) {
  .css-cdpur { display: none; }
}
.css-1mumaix { position: relative; box-sizing: border-box; -webkit-tap-highlight-color: transparent; background-color: transparent; outline: 0px; margin: 0px; cursor: pointer; user-select: none; vertical-align: middle; appearance: none; text-decoration: none; font-family: Kanit, sans-serif; font-weight: 500; line-height: 1.75; min-width: 64px; padding: 6px 16px; border: 0px; --variant-textColor: #2A5044; --variant-outlinedColor: #2A5044; --variant-outlinedBorder: rgba(42, 80, 68, 0.5); --variant-containedColor: #fff; --variant-containedBg: #2A5044; transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1), box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1), border-color 250ms cubic-bezier(0.4, 0, 0.2, 1); display: inline-flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; gap: 8px; flex-shrink: 0; border-radius: 6px; color: rgba(0, 0, 0, 0.8); font-size: 14px; text-transform: none; text-align: center; }
.css-1mumaix.Mui-disabled { pointer-events: none; cursor: default; }
@media print {
  .css-1mumaix { print-color-adjust: exact; }
}
.css-1mumaix:hover { text-decoration: none; }
.css-1mumaix.Mui-disabled { color: rgba(255, 255, 255, 0.3); }
@media (hover: hover) {
  .css-1mumaix:hover { --variant-containedBg: rgb(29, 56, 47); --variant-textBg: rgba(42, 80, 68, 0.08); --variant-outlinedBorder: #2A5044; --variant-outlinedBg: rgba(42, 80, 68, 0.08); }
}
.css-1mumaix.MuiButton-loading { color: transparent; }
.css-1mumaix .MuiButton-startIcon { display: inline-flex; gap: 8px; margin-right: 0px; margin-left: 0px; }
.css-1mumaix .MuiButton-endIcon { display: inline-flex; gap: 8px; margin-right: 0px; margin-left: 0px; }
.css-1mumaix.MuiButton-containedPrimary { box-shadow: none; color: rgb(14, 27, 23); background: linear-gradient(90deg, rgb(254, 226, 12) 0%, rgb(255, 174, 0) 25%, rgb(254, 226, 12) 75%, rgb(255, 174, 0) 100%) 0% 0% / 400% 400%; }
.css-1mumaix.MuiButton-containedPrimary:hover { color: rgb(14, 27, 23); animation: 0.7s ease 0s 1 normal forwards running animation-dofypc; }
.css-1mumaix.MuiButton-containedPrimary:active { color: rgb(14, 27, 23); animation: 0.7s ease 0s 1 normal forwards running animation-i3y9un; }
.css-1mumaix.MuiButton-containedPrimary:disabled { color: rgb(14, 27, 23); opacity: 0.5; }
.css-1mumaix.MuiButton-containedSecondary { color: rgba(255, 255, 255, 0.8); background-color: rgb(28, 54, 45); box-shadow: none; }
.css-1mumaix.MuiButton-containedSecondary:hover { background-color: rgb(28, 54, 45); opacity: 0.85; }
.css-1mumaix.MuiButton-containedSecondary:active { color: rgb(255, 255, 255); background-color: rgb(28, 54, 45); opacity: 1; }
.css-1mumaix.MuiButton-containedSecondary:disabled { color: rgba(255, 255, 255, 0.8); background-color: rgb(28, 54, 45); opacity: 0.4; }
.css-1mumaix.MuiButton-containedSizeLarge { height: 44px; padding: 0px 12px; }
.css-1mumaix.MuiButton-containedSizeMedium { height: 40px; padding: 0px 12px; }
.css-1mumaix.MuiButton-containedSizeSmall { height: 36px; padding: 0px 12px; }
.css-1mumaix.MuiButton-outlinedSizeLarge { height: 44px; padding: 0px 12px; }
.css-1mumaix.MuiButton-outlinedSizeMedium { height: 40px; padding: 0px 12px; }
.css-1mumaix.MuiButton-outlinedSizeSmall { height: 36px; padding: 0px 12px 0px 8px; }
.css-1mumaix.MuiButton-text { padding: 0px 12px; color: rgb(0, 254, 169); font-size: 14px; font-weight: 600; line-height: 18px; }
.css-1mumaix.MuiButton-text:hover { background: transparent; color: rgb(0, 229, 152); }
.css-1mumaix.MuiButton-text:active { color: rgb(0, 229, 152); }
.css-1mumaix.MuiButton-text:disabled { color: rgb(0, 254, 169); opacity: 0.4; }
.css-1mumaix.MuiButton-textSecondary { color: rgba(255, 255, 255, 0.8); background: rgb(28, 54, 45); }
.css-1mumaix.MuiButton-textSecondary:hover { opacity: 0.85; }
.css-1mumaix.MuiButton-textSecondary:active { opacity: 1; }
.css-1mumaix.MuiButton-textSecondary:disabled { opacity: 0.5; }
.css-1mumaix.MuiButton-textSizeLarge { height: 44px; }
.css-1mumaix.MuiButton-textSizeMedium { height: 40px; }
.css-1mumaix.MuiButton-textSizeSmall { height: 36px; }
.css-1mumaix.MuiButton-iconInherit { padding: 0px; }
.css-1mumaix.MuiButton-iconPrimary { background: linear-gradient(90deg, rgb(254, 226, 12) 0%, rgb(255, 174, 0) 25%, rgb(254, 226, 12) 75%, rgb(255, 174, 0) 100%); box-shadow: none; }
.css-1mumaix.MuiButton-iconPrimary:hover { opacity: 0.8; }
.css-1mumaix.MuiButton-iconPrimary:active { opacity: 1; }
.css-1mumaix.MuiButton-iconPrimary:disabled { opacity: 0.5; }
.css-1mumaix.MuiButton-iconSecondary { color: rgba(255, 255, 255, 0.8); box-shadow: none; background-color: rgb(28, 54, 45); }
.css-1mumaix.MuiButton-iconSecondary:hover { background-color: rgb(28, 54, 45); opacity: 0.85; }
.css-1mumaix.MuiButton-iconSecondary:active { color: rgb(255, 255, 255); background-color: rgb(28, 54, 45); opacity: 1; }
.css-1mumaix.MuiButton-iconSecondary:disabled { color: rgba(255, 255, 255, 0.8); background-color: rgb(28, 54, 45); opacity: 0.4; }
.css-1mumaix.MuiButton-iconSuccess { background: rgb(152, 255, 22); border: 1px solid rgb(152, 255, 22); box-shadow: rgba(152, 255, 22, 0.6) 0px 0px 10px 0px; }
.css-1mumaix.MuiButton-iconSuccess:hover { background-color: rgb(106, 178, 15); }
.css-1mumaix.MuiButton-iconSuccess:active { background-color: rgb(106, 178, 15); }
.css-1mumaix.MuiButton-iconSuccess:disabled { opacity: 0.5; box-shadow: none; }
.css-1mumaix.MuiButton-iconError { background: rgb(242, 73, 50); border: 1px solid rgb(242, 73, 50); box-shadow: rgba(242, 73, 50, 0.6) 0px 0px 10px 0px; }
.css-1mumaix.MuiButton-iconError:hover { background-color: rgb(169, 51, 35); }
.css-1mumaix.MuiButton-iconError:active { background-color: rgb(169, 51, 35); }
.css-1mumaix.MuiButton-iconError:disabled { opacity: 0.5; box-shadow: none; }
.css-1mumaix.MuiButton-iconInfo { background: rgb(79, 195, 247); border: 1px solid rgb(79, 195, 247); box-shadow: rgba(79, 195, 247, 0.6) 0px 0px 10px 0px; }
.css-1mumaix.MuiButton-iconInfo:hover { background-color: rgb(55, 136, 172); }
.css-1mumaix.MuiButton-iconInfo:active { background-color: rgb(55, 136, 172); }
.css-1mumaix.MuiButton-iconInfo:disabled { opacity: 0.5; box-shadow: none; }
.css-1mumaix.MuiButton-iconWarning { background: rgb(255, 218, 22); border: 1px solid rgb(255, 218, 22); box-shadow: rgba(255, 218, 22, 0.6) 0px 0px 10px 0px; }
.css-1mumaix.MuiButton-iconWarning:hover { background-color: rgb(178, 152, 15); }
.css-1mumaix.MuiButton-iconWarning:active { background-color: rgb(178, 152, 15); }
.css-1mumaix.MuiButton-iconWarning:disabled { opacity: 0.5; box-shadow: none; }
.css-1mumaix.MuiButton-iconSizeLarge { min-width: 44px; width: 44px; height: 44px; padding: 2px; }
.css-1mumaix.MuiButton-iconSizeLarge .MuiButton-startIcon { display: flex; gap: 0px; margin: 0px; color: rgba(255, 255, 255, 0.8); }
.css-1mumaix.MuiButton-iconSizeMedium { min-width: 40px; width: 40px; height: 40px; padding: 2px; }
.css-1mumaix.MuiButton-iconSizeMedium .MuiButton-startIcon { display: flex; gap: 0px; margin: 0px; }
.css-1mumaix.MuiButton-iconSizeSmall { min-width: 36px; width: 36px; height: 36px; padding: 2px; }
.css-1mumaix.MuiButton-iconSizeSmall .MuiButton-startIcon { display: flex; gap: 0px; margin: 0px; }
.css-1mumaix.MuiButton-outlined { color: rgb(0, 254, 169); border: 1px solid rgb(0, 254, 169); background: rgba(14, 27, 23, 0.4); }
.css-1mumaix.MuiButton-outlined:hover { border: 1px solid rgb(0, 254, 169); background: rgba(14, 27, 23, 0.4); opacity: 0.85; }
.css-1mumaix.MuiButton-outlined:active { opacity: 1; }
.css-1mumaix.MuiButton-outlined:disabled { color: rgb(0, 254, 169); border: 1px solid rgb(0, 254, 169); opacity: 0.4; }
.css-1mumaix.MuiButton-cta { color: rgb(14, 27, 23); background-image: linear-gradient(90deg, rgb(254, 226, 12) 0%, rgb(255, 174, 0) 25%, rgb(254, 226, 12) 75%, rgb(255, 174, 0) 100%); background-size: 400% 400%; font-size: 14px; font-weight: 600; line-height: 18px; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; box-shadow: rgba(255, 255, 255, 0.6) 0px 9px 8px 0px inset, rgba(0, 254, 169, 0.2) 0px -4px 8px 0px inset, rgba(0, 254, 169, 0.24) 0px 0px 50px 0px; }
.css-1mumaix.MuiButton-cta:hover { animation: 0.7s ease 0s 1 normal forwards running animation-dofypc; box-shadow: rgba(255, 255, 255, 0.6) 0px 9px 8px 0px inset, rgba(0, 254, 169, 0.2) 0px -4px 8px 0px inset, rgba(0, 254, 169, 0.8) 0px 0px 40px 0px; }
.css-1mumaix.MuiButton-cta:active { animation: 0.7s ease 0s 1 normal forwards running animation-i3y9un; box-shadow: rgba(255, 255, 255, 0.6) 0px 9px 8px 0px inset, rgba(0, 254, 169, 0.2) 0px -4px 8px 0px inset, rgba(0, 254, 169, 0.24) 0px 0px 50px 0px; }
.css-1mumaix.MuiButton-cta:disabled { color: rgb(14, 27, 23); opacity: 0.5; box-shadow: rgba(255, 255, 255, 0.6) 0px 9px 8px 0px inset, rgba(0, 254, 169, 0.2) 0px -4px 8px 0px inset, rgba(0, 254, 169, 0.24) 0px 0px 50px 0px; }
.css-1mumaix.MuiButton-ctaSizeLarge { height: 44px; padding: 0px 12px; }
.css-1mumaix.MuiButton-ctaSizeMedium { height: 40px; padding: 0px 12px; }
.css-1mumaix.MuiButton-ctaSizeSmall { height: 36px; padding: 0px 12px; }
@media (min-width: 600px) {
  .css-1mumaix { display: none; }
}
.css-1qfx30c { display: inherit; margin-right: 8px; margin-left: -2px; }
.css-1qfx30c > :nth-of-type(1) { font-size: 18px; }
.css-w1aohp { transform: unset; }
.css-w1aohp.MuiIcon-root { display: flex; width: 20px !important; height: 20px !important; font-size: 20px !important; line-height: 20px !important; }
.css-w1aohp.MuiIcon-root.MuiIcon-colorTxt\.textWhite100 { color: rgb(255, 255, 255); }
.css-w1aohp.MuiIcon-root.MuiIcon-colorTxt\.textWhite80 { color: rgba(255, 255, 255, 0.8); }
.css-w1aohp.MuiIcon-root.MuiIcon-colorTxt\.textWhite40 { color: rgba(255, 255, 255, 0.4); }
.css-w1aohp.MuiIcon-root.MuiIcon-colorTxt\.secondary { color: rgba(255, 255, 255, 0.8); }
.css-w1aohp.MuiIcon-root.MuiIcon-colorAccent\.main { color: rgb(0, 254, 169); }
.css-w1aohp.MuiIcon-root.MuiIcon-colorAccent\.gradient { background: linear-gradient(90deg, rgb(254, 226, 12) 0%, rgb(255, 174, 0) 100%) text; -webkit-text-fill-color: transparent; }
.css-w1aohp.MuiIcon-root.MuiIcon-colorEvent\.bg { color: rgb(21, 40, 34); }
.css-w1aohp.MuiIcon-root.MuiIcon-colorEvent\.bgHover { color: rgb(28, 54, 45); }
.css-w1aohp.MuiIcon-root.MuiIcon-colorEvent\.bg2 { color: rgb(0, 254, 169); }
.css-w1aohp.MuiIcon-root.MuiIcon-colorFilter\.bg { color: rgb(21, 40, 34); }
.css-w1aohp.MuiIcon-root.MuiIcon-colorFilter\.bgHover { color: rgb(28, 54, 45); }
.css-w1aohp.MuiIcon-root.MuiIcon-colorFilter\.bg2 { color: rgb(0, 254, 169); }
.css-w1aohp.MuiIcon-root.MuiIcon-colorFixedColor\.success { color: rgb(152, 255, 22); }
.css-w1aohp.MuiIcon-root.MuiIcon-colorFixedColor\.warning { color: rgb(255, 218, 22); }
.css-w1aohp.MuiIcon-root.MuiIcon-colorFixedColor\.error { color: rgb(242, 73, 50); }
.css-w1aohp.MuiIcon-root.MuiIcon-colorHeader\.bg { color: rgb(28, 54, 45); }
.css-w1aohp.MuiIcon-root.MuiIcon-colorInputDropDown\.bg { color: rgb(21, 40, 34); }
.css-w1aohp.MuiIcon-root.MuiIcon-colorInputDropDown\.bgHover { color: rgb(28, 54, 45); }
.css-w1aohp.MuiIcon-root.MuiIcon-colorInputDropDown\.bg2 { color: rgb(0, 254, 169); }
.css-w1aohp.MuiIcon-root.MuiIcon-colorMenu1\.bg { color: rgb(14, 27, 23); }
.css-w1aohp.MuiIcon-root.MuiIcon-colorOdd\.bg { color: rgb(21, 40, 34); }
.css-w1aohp.MuiIcon-root.MuiIcon-colorOdd\.bg2 { color: rgb(28, 54, 45); }
.css-w1aohp.MuiIcon-root.MuiIcon-colorVip\.blackDiamond { color: rgb(240, 230, 215); }
.css-w1aohp.MuiIcon-root.MuiIcon-colorVip\.bronze { color: rgb(202, 128, 86); }
.css-w1aohp.MuiIcon-root.MuiIcon-colorVip\.gold { color: rgb(238, 190, 68); }
.css-w1aohp.MuiIcon-root.MuiIcon-colorVip\.sliver { color: rgb(221, 221, 221); }
.css-w1aohp.MuiIcon-root.MuiIcon-colorDark\.dark1 { color: rgb(14, 27, 23); }
.css-w1aohp.MuiIcon-root.MuiIcon-colorFixedColor\.info { color: rgb(79, 195, 247); }
.css-w1aohp.MuiIcon-fontSizeSmall { width: 16px !important; height: 16px !important; font-size: 16px !important; line-height: 16px !important; }
.css-w1aohp.MuiIcon-fontSizeLarge { width: 24px !important; height: 24px !important; font-size: 24px !important; line-height: 24px !important; }
.css-w1aohp.MuiIcon-fontSizeLarge80 { width: 80px !important; height: 80px !important; font-size: 80px !important; line-height: 80px !important; }
.css-w1aohp.MuiIcon-fontSizeLarge40 { width: 40px !important; height: 40px !important; font-size: 40px !important; line-height: 40px !important; }
.css-w1aohp.MuiIcon-fontSizeLarge64 { width: 64px !important; height: 64px !important; font-size: 64px !important; line-height: 64px !important; }
.css-w1aohp.MuiIcon-fontSizeLarge44 { width: 44px !important; height: 44px !important; font-size: 44px !important; line-height: 44px !important; }
.css-w1aohp.MuiIcon-fontSizeExtraSmall { width: 14px !important; height: 14px !important; font-size: 14px !important; line-height: 14px !important; }
.css-w1aohp.MuiIcon-fontSizeExtLarge { width: 32px !important; height: 32px !important; font-size: 32px !important; line-height: 32px !important; }
.css-w1aohp.MuiIcon-colorWhite { color: rgb(255, 255, 255); }
.css-1s8kkba { user-select: none; width: 1em; height: 1em; overflow: hidden; display: inline-block; text-align: center; flex-shrink: 0; font-size: 1.5rem; transform: unset; }
.css-1s8kkba.MuiIcon-root { display: flex; width: 20px !important; height: 20px !important; font-size: 20px !important; line-height: 20px !important; }
.css-1s8kkba.MuiIcon-root.MuiIcon-colorTxt\.textWhite100 { color: rgb(255, 255, 255); }
.css-1s8kkba.MuiIcon-root.MuiIcon-colorTxt\.textWhite80 { color: rgba(255, 255, 255, 0.8); }
.css-1s8kkba.MuiIcon-root.MuiIcon-colorTxt\.textWhite40 { color: rgba(255, 255, 255, 0.4); }
.css-1s8kkba.MuiIcon-root.MuiIcon-colorTxt\.secondary { color: rgba(255, 255, 255, 0.8); }
.css-1s8kkba.MuiIcon-root.MuiIcon-colorAccent\.main { color: rgb(0, 254, 169); }
.css-1s8kkba.MuiIcon-root.MuiIcon-colorAccent\.gradient { background: linear-gradient(90deg, rgb(254, 226, 12) 0%, rgb(255, 174, 0) 100%) text; -webkit-text-fill-color: transparent; }
.css-1s8kkba.MuiIcon-root.MuiIcon-colorEvent\.bg { color: rgb(21, 40, 34); }
.css-1s8kkba.MuiIcon-root.MuiIcon-colorEvent\.bgHover { color: rgb(28, 54, 45); }
.css-1s8kkba.MuiIcon-root.MuiIcon-colorEvent\.bg2 { color: rgb(0, 254, 169); }
.css-1s8kkba.MuiIcon-root.MuiIcon-colorFilter\.bg { color: rgb(21, 40, 34); }
.css-1s8kkba.MuiIcon-root.MuiIcon-colorFilter\.bgHover { color: rgb(28, 54, 45); }
.css-1s8kkba.MuiIcon-root.MuiIcon-colorFilter\.bg2 { color: rgb(0, 254, 169); }
.css-1s8kkba.MuiIcon-root.MuiIcon-colorFixedColor\.success { color: rgb(152, 255, 22); }
.css-1s8kkba.MuiIcon-root.MuiIcon-colorFixedColor\.warning { color: rgb(255, 218, 22); }
.css-1s8kkba.MuiIcon-root.MuiIcon-colorFixedColor\.error { color: rgb(242, 73, 50); }
.css-1s8kkba.MuiIcon-root.MuiIcon-colorHeader\.bg { color: rgb(28, 54, 45); }
.css-1s8kkba.MuiIcon-root.MuiIcon-colorInputDropDown\.bg { color: rgb(21, 40, 34); }
.css-1s8kkba.MuiIcon-root.MuiIcon-colorInputDropDown\.bgHover { color: rgb(28, 54, 45); }
.css-1s8kkba.MuiIcon-root.MuiIcon-colorInputDropDown\.bg2 { color: rgb(0, 254, 169); }
.css-1s8kkba.MuiIcon-root.MuiIcon-colorMenu1\.bg { color: rgb(14, 27, 23); }
.css-1s8kkba.MuiIcon-root.MuiIcon-colorOdd\.bg { color: rgb(21, 40, 34); }
.css-1s8kkba.MuiIcon-root.MuiIcon-colorOdd\.bg2 { color: rgb(28, 54, 45); }
.css-1s8kkba.MuiIcon-root.MuiIcon-colorVip\.blackDiamond { color: rgb(240, 230, 215); }
.css-1s8kkba.MuiIcon-root.MuiIcon-colorVip\.bronze { color: rgb(202, 128, 86); }
.css-1s8kkba.MuiIcon-root.MuiIcon-colorVip\.gold { color: rgb(238, 190, 68); }
.css-1s8kkba.MuiIcon-root.MuiIcon-colorVip\.sliver { color: rgb(221, 221, 221); }
.css-1s8kkba.MuiIcon-root.MuiIcon-colorDark\.dark1 { color: rgb(14, 27, 23); }
.css-1s8kkba.MuiIcon-root.MuiIcon-colorFixedColor\.info { color: rgb(79, 195, 247); }
.css-1s8kkba.MuiIcon-fontSizeSmall { width: 16px !important; height: 16px !important; font-size: 16px !important; line-height: 16px !important; }
.css-1s8kkba.MuiIcon-fontSizeLarge { width: 24px !important; height: 24px !important; font-size: 24px !important; line-height: 24px !important; }
.css-1s8kkba.MuiIcon-fontSizeLarge80 { width: 80px !important; height: 80px !important; font-size: 80px !important; line-height: 80px !important; }
.css-1s8kkba.MuiIcon-fontSizeLarge40 { width: 40px !important; height: 40px !important; font-size: 40px !important; line-height: 40px !important; }
.css-1s8kkba.MuiIcon-fontSizeLarge64 { width: 64px !important; height: 64px !important; font-size: 64px !important; line-height: 64px !important; }
.css-1s8kkba.MuiIcon-fontSizeLarge44 { width: 44px !important; height: 44px !important; font-size: 44px !important; line-height: 44px !important; }
.css-1s8kkba.MuiIcon-fontSizeExtraSmall { width: 14px !important; height: 14px !important; font-size: 14px !important; line-height: 14px !important; }
.css-1s8kkba.MuiIcon-fontSizeExtLarge { width: 32px !important; height: 32px !important; font-size: 32px !important; line-height: 32px !important; }
.css-1s8kkba.MuiIcon-colorWhite { color: rgb(255, 255, 255); }
.css-3c137b { width: 260px; position: relative; will-change: width; transition: width 225ms cubic-bezier(0.4, 0, 0.6, 1); }
.css-3c137b > .MuiButtonBase-root { z-index: 2000; }
.css-h1kjcs { flex-shrink: 0; z-index: 1201; white-space: nowrap; box-sizing: border-box; margin-right: 32px; padding-top: env(safe-area-inset-top); padding-bottom: env(safe-area-inset-bottom); border-width: medium !important; border-style: none !important; border-color: currentcolor !important; border-image: none !important; }
.css-h1kjcs.MuiDrawer-root .MuiPaper-root { overflow-x: hidden; border-right: 0px; padding-bottom: env(safe-area-inset-bottom); scrollbar-width: none; background: rgb(14, 27, 23); }
.css-h1kjcs.MuiDrawer-root .MuiPaper-root::-webkit-scrollbar { display: none; }
.css-h1kjcs .sidebar-scroll-container { overflow: hidden auto; height: 100%; width: 100%; scrollbar-width: none; }
.css-h1kjcs .sidebar-scroll-container::-webkit-scrollbar { display: none; }
.css-h1kjcs .sidebar-header-sticky { position: sticky; top: 0px; z-index: 2; background: rgb(14, 27, 23); }
.css-h1kjcs .MuiDrawer-paper { width: 260px; padding-top: env(safe-area-inset-top); transform: translateZ(0px); will-change: width; transition: width 225ms cubic-bezier(0.4, 0, 0.6, 1); }
.css-1kr276d { flex: 0 0 auto; z-index: 1201; white-space: nowrap; box-sizing: border-box; margin-right: 32px; padding-top: env(safe-area-inset-top); padding-bottom: env(safe-area-inset-bottom); border-width: medium !important; border-style: none !important; border-color: currentcolor !important; border-image: none !important; }
.css-1kr276d.MuiDrawer-root .MuiPaper-root { overflow-x: hidden; border-right: 0px; padding-bottom: env(safe-area-inset-bottom); scrollbar-width: none; background: rgb(14, 27, 23); }
.css-1kr276d.MuiDrawer-root .MuiPaper-root::-webkit-scrollbar { display: none; }
.css-1kr276d .sidebar-scroll-container { overflow: hidden auto; height: 100%; width: 100%; scrollbar-width: none; }
.css-1kr276d .sidebar-scroll-container::-webkit-scrollbar { display: none; }
.css-1kr276d .sidebar-header-sticky { position: sticky; top: 0px; z-index: 2; background: rgb(14, 27, 23); }
.css-1kr276d .MuiDrawer-paper { width: 260px; padding-top: env(safe-area-inset-top); transform: translateZ(0px); will-change: width; transition: width 225ms cubic-bezier(0.4, 0, 0.6, 1); }
.css-1vp7xt1 { overflow-y: auto; display: flex; flex-direction: column; height: 100%; flex: 1 0 auto; z-index: 1200; position: fixed; top: 0px; outline: 0px; left: 0px; border-right: 1px solid rgba(255, 255, 255, 0.12); }
.css-uni3em { background-color: rgb(21, 40, 34); color: rgb(255, 255, 255); transition: box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1); box-shadow: var(--Paper-shadow); background-image: var(--Paper-overlay); overflow-y: auto; display: flex; flex-direction: column; height: 100%; flex: 1 0 auto; z-index: 1200; position: fixed; top: 0px; outline: 0px; left: 0px; border-right: 1px solid rgba(255, 255, 255, 0.12); }
.css-x0w6iy { display: flex; flex-direction: column; position: relative; min-height: 100vh; padding-right: 16px; padding-left: 16px; padding-top: calc(16px + env(safe-area-inset-top)); padding-bottom: env(safe-area-inset-top); }
.css-x0w6iy .remove-padding-layout { margin-left: -16px; margin-right: -16px; width: calc(100% + 32px); }
.css-x0w6iy .add-padding-layout { margin-left: 16px; margin-right: 16px; }
.css-x0w6iy #dynamic-page-game_launcher { width: 100%; }
@media (min-width: 1024px) {
  .css-x0w6iy { padding: 32px 32px 0px; width: calc(100% - 260px); margin-bottom: 0px; transition: width 300ms cubic-bezier(0.4, 0, 0.2, 1), margin 300ms cubic-bezier(0.4, 0, 0.2, 1); margin-left: 260px; }
  .css-x0w6iy .add-padding-layout { margin-left: 32px; margin-right: 32px; }
  .css-x0w6iy .remove-padding-layout { margin-left: -32px; margin-right: -32px; width: calc(100% + 64px); }
}
.css-x0w6iy.casino-game-slug-page .content { transition: max-width 0.5s, margin 0.5s; }
@media (min-width: 1200px) {
  .css-x0w6iy.casino-game-slug-page.game-expanded #swiper-slide_section_vendor, .css-x0w6iy.casino-game-slug-page.game-expanded #swiper-slide_section_game { margin: 0px auto; max-width: 1200px !important; }
}
@media (min-width: 1440px) {
  .css-x0w6iy.casino-game-slug-page.game-expanded #swiper-slide_section_vendor, .css-x0w6iy.casino-game-slug-page.game-expanded #swiper-slide_section_game { margin: 0px auto; max-width: 1200px !important; }
}
.css-x0w6iy.casino-game-slug-page.game-expanded .content { padding-left: 0px; padding-right: 0px; max-width: 100% !important; width: 100% !important; }
@media (max-width: 1023.95px) {
  .css-x0w6iy.casino-game-slug-page.game-expanded .content .bets-section { padding-left: 16px; padding-right: 16px; }
}
@media (max-width: 1199.95px) {
  .css-x0w6iy.casino-game-slug-page #swiper-slide_section_vendor, .css-x0w6iy.casino-game-slug-page #swiper-slide_section_game { max-width: calc(-32px + 100vw); }
}
.css-x0w6iy .bets-section .bets-data-available { position: relative; }
.css-x0w6iy .bets-section .bets-data-available::after { content: ""; position: absolute; bottom: 0px; left: 0px; height: 25%; width: 100%; pointer-events: none; }
.css-x0w6iy.casino-game-launch-slug-page { margin-top: 64px; margin-bottom: 58px; min-height: calc(100dvh - 64px - 58px - env(safe-area-inset-bottom, 0)); overflow: hidden; z-index: 4; }
.css-x0w6iy.casino-game-launch-slug-page .game-frame { z-index: 4; height: calc(100dvh - 64px - 58px - env(safe-area-inset-bottom, 0)); padding-top: unset; position: fixed; top: 0px; bottom: calc(env(safe-area-inset-bottom, 0) + 58px); right: 0px; left: 0px; overflow: hidden; }
@media (max-width: 1022.95px) {
  .css-x0w6iy.casino-game-launch-slug-page .game-frame { top: 56px; bottom: 58px; }
}
@media (max-width: 1022.95px) {
  .css-x0w6iy.casino-game-launch-slug-page { margin-top: 56px; min-height: calc(-122px + 100vh); }
}
.css-x0w6iy.casino-game-launch-slug-page .bets-section { display: none; }
.css-x0w6iy.casino-game-launch-slug-page footer { display: none; }
.css-x0w6iy.referral-page { background: rgb(12, 23, 19); }
.css-1l745iy { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: end; justify-content: flex-end; padding: 0px; min-height: 64px; }
@media (min-width: 0px) {
  @media (orientation: landscape) {
  .css-1l745iy { min-height: 64px; }
}
}
@media (min-width: 600px) {
  .css-1l745iy { min-height: 64px; }
}
@media (max-width: 599.95px) {
  .css-1l745iy { min-height: 56px; }
}
.css-1i5y1da { display: flex; flex-direction: column; gap: 16px; flex: 1 1 0%; margin-bottom: 32px; }
.css-1i5y1da .slider-deposit-banner { transition: margin-top 0.3s ease-in-out; }
@media (min-width: 1024px) {
  .css-1i5y1da .slider-deposit-banner { margin-top: -32px; }
}
@media (max-width: 1023.95px) {
  .css-1i5y1da .slider-deposit-banner { margin-top: -16px; }
}
.css-1i5y1da #swiper-slide_section_vendor .horizontal-slider-header { margin-bottom: 0px; }
.css-184wbm9 { width: 100%; }
.css-184wbm9 .swiper-pagination { bottom: 16px; z-index: 10; gap: 6px; position: absolute; padding-top: 0px; }
.css-184wbm9 .swiper-pagination-bottom .swiper-pagination .swiper-pagination-bullet { width: 8px; height: 8px; border-radius: 50%; background-color: rgba(255, 255, 255, 0.4); opacity: 1; border: unset; transition: width 0.25s, background-color 0.25s; }
.css-184wbm9 .swiper-pagination-bottom .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { width: 32px; height: 8px; background-color: rgb(0, 254, 169); border-radius: 4px; }
@media (max-width: 899.95px) {
  .css-184wbm9 .swiper-pagination { display: none; }
}
.css-1z85h6 { width: 100%; }
.css-1z85h6 .swiper-pagination { bottom: 16px; z-index: 10; gap: 6px; position: absolute; padding-top: 0px; }
.css-1z85h6 .swiper-pagination-bottom .swiper-pagination .swiper-pagination-bullet { width: 8px; height: 8px; border-radius: 50%; background-color: rgba(255, 255, 255, 0.4); opacity: 1; border: unset; transition: width 0.25s, background-color 0.25s; }
.css-1z85h6 .swiper-pagination-bottom .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { width: 32px; height: 8px; background-color: rgb(0, 254, 169); border-radius: 4px; }
@media (max-width: 899.95px) {
  .css-1z85h6 .swiper-pagination { display: none; }
}
.css-dpf5r7 { width: 100%; }
.css-dpf5r7 .banner-item-slider-item-image { border-radius: 12px; }
.css-dpf5r7.promotion-banner-slider .swiper-slide { overflow: visible; }
@media (max-width: 766.98px) {
  .css-dpf5r7.promotion-banner-slider .swiper-slide { width: calc(100% - 32px); }
}
@media (min-width: 1200px) {
  .css-dpf5r7.promotion-banner-slider .swiper-slide { width: 392px; }
}
.css-dpf5r7 .swiper-wrapper .swiper-slide-section_game { width: 158px; }
.css-dpf5r7 .swiper-wrapper .swiper-slide-section_game_search { width: 158px; }
.css-dpf5r7 .swiper-wrapper .swiper-slide-section_vendor { width: 195px; }
.css-10rcz56.swiper { padding-top: 0px; overflow-y: inherit; }
.css-10rcz56 .swiper-slide { overflow: hidden; }
.css-pdy8xz { display: flex; position: relative; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; margin: auto; padding-top: calc(27.8169%); background-size: cover; background-position: right center; }
.css-pdy8xz .deposit-banner-container { position: absolute; inset: 0px; width: 100%; height: 100%; background: radial-gradient(circle at 48% 156%, rgb(42, 80, 68) 0%, rgb(14, 27, 23) 100%); }
.css-pdy8xz .deposit-banner-container::before { content: ""; position: absolute; inset: 0px; background: linear-gradient(rgb(14, 27, 23) 0%, rgba(25, 48, 41, 0) 100%); pointer-events: none; }
.css-pdy8xz .deposit-banner-image { width: 100%; height: 100%; object-fit: cover; display: block; position: relative; z-index: 1; }
@media (max-width: 1023.95px) {
  .css-pdy8xz { padding-top: calc(31.338%); }
}
@media (max-width: 899.95px) {
  .css-pdy8xz { min-height: 545px; padding-top: 0px; background-position: inherit; border-radius: 0px 0px 16px 16px; }
}
.css-wxrcqd { position: relative; overflow: hidden; display: flex; }
.css-1jct47b { display: flex; flex-direction: column; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; position: absolute; top: 50%; left: 50%; width: 100%; max-width: 580px; gap: 32px; transform: translate(-50%, -50%); z-index: 2; }
.css-1jct47b .hero-animate { opacity: 0; transform: translateY(16px); }
.swiper-slide-active .css-1jct47b .hero-animate { opacity: 1; transform: translateY(0px); }
@media (max-width: 1023.95px) {
  .css-1jct47b { padding-left: 24px; padding-right: 24px; width: calc(100% - 48px); }
}
@media (max-width: 899.95px) {
  .css-1jct47b { gap: 24px; width: calc(100% - 48px); padding-left: 24px; padding-right: 24px; padding-bottom: 24px; position: unset; transform: unset; }
}
.css-hs9vht { display: flex; flex-direction: column; -webkit-box-align: center; align-items: center; align-self: stretch; gap: 16px; }
.css-yfqr4a { display: flex; flex-direction: column; -webkit-box-align: center; align-items: center; text-align: center; gap: 8px; }
.css-yfqr4a .hero-mobile-only { display: none; }
@media (max-width: 899.95px) {
  .css-yfqr4a .hero-desktop-only { display: none; }
  .css-yfqr4a .hero-mobile-only { display: block; }
}
.css-5ktmlq { display: inline-flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; gap: 8px; flex-shrink: 0; border-radius: 6px; color: rgba(0, 0, 0, 0.8); font-size: 14px; text-transform: none; text-align: center; width: 400px; max-width: 100%; padding: 0px 32px; }
.css-5ktmlq .MuiButton-startIcon { display: inline-flex; gap: 8px; margin-right: 0px; margin-left: 0px; }
.css-5ktmlq .MuiButton-endIcon { display: inline-flex; gap: 8px; margin-right: 0px; margin-left: 0px; }
.css-5ktmlq.MuiButton-containedPrimary { box-shadow: none; color: rgb(14, 27, 23); background: linear-gradient(90deg, rgb(254, 226, 12) 0%, rgb(255, 174, 0) 25%, rgb(254, 226, 12) 75%, rgb(255, 174, 0) 100%) 0% 0% / 400% 400%; }
.css-5ktmlq.MuiButton-containedPrimary:hover { color: rgb(14, 27, 23); animation: 0.7s ease 0s 1 normal forwards running animation-dofypc; }
.css-5ktmlq.MuiButton-containedPrimary:active { color: rgb(14, 27, 23); animation: 0.7s ease 0s 1 normal forwards running animation-i3y9un; }
.css-5ktmlq.MuiButton-containedPrimary:disabled { color: rgb(14, 27, 23); opacity: 0.5; }
.css-5ktmlq.MuiButton-containedSecondary { color: rgba(255, 255, 255, 0.8); background-color: rgb(28, 54, 45); box-shadow: none; }
.css-5ktmlq.MuiButton-containedSecondary:hover { background-color: rgb(28, 54, 45); opacity: 0.85; }
.css-5ktmlq.MuiButton-containedSecondary:active { color: rgb(255, 255, 255); background-color: rgb(28, 54, 45); opacity: 1; }
.css-5ktmlq.MuiButton-containedSecondary:disabled { color: rgba(255, 255, 255, 0.8); background-color: rgb(28, 54, 45); opacity: 0.4; }
.css-5ktmlq.MuiButton-containedSizeLarge { height: 44px; padding: 0px 12px; }
.css-5ktmlq.MuiButton-containedSizeMedium { height: 40px; padding: 0px 12px; }
.css-5ktmlq.MuiButton-containedSizeSmall { height: 36px; padding: 0px 12px; }
.css-5ktmlq.MuiButton-outlinedSizeLarge { height: 44px; padding: 0px 12px; }
.css-5ktmlq.MuiButton-outlinedSizeMedium { height: 40px; padding: 0px 12px; }
.css-5ktmlq.MuiButton-outlinedSizeSmall { height: 36px; padding: 0px 12px 0px 8px; }
.css-5ktmlq.MuiButton-text { padding: 0px 12px; color: rgb(0, 254, 169); font-size: 14px; font-weight: 600; line-height: 18px; }
.css-5ktmlq.MuiButton-text:hover { background: transparent; color: rgb(0, 229, 152); }
.css-5ktmlq.MuiButton-text:active { color: rgb(0, 229, 152); }
.css-5ktmlq.MuiButton-text:disabled { color: rgb(0, 254, 169); opacity: 0.4; }
.css-5ktmlq.MuiButton-textSecondary { color: rgba(255, 255, 255, 0.8); background: rgb(28, 54, 45); }
.css-5ktmlq.MuiButton-textSecondary:hover { opacity: 0.85; }
.css-5ktmlq.MuiButton-textSecondary:active { opacity: 1; }
.css-5ktmlq.MuiButton-textSecondary:disabled { opacity: 0.5; }
.css-5ktmlq.MuiButton-textSizeLarge { height: 44px; }
.css-5ktmlq.MuiButton-textSizeMedium { height: 40px; }
.css-5ktmlq.MuiButton-textSizeSmall { height: 36px; }
.css-5ktmlq.MuiButton-iconInherit { padding: 0px; }
.css-5ktmlq.MuiButton-iconPrimary { background: linear-gradient(90deg, rgb(254, 226, 12) 0%, rgb(255, 174, 0) 25%, rgb(254, 226, 12) 75%, rgb(255, 174, 0) 100%); box-shadow: none; }
.css-5ktmlq.MuiButton-iconPrimary:hover { opacity: 0.8; }
.css-5ktmlq.MuiButton-iconPrimary:active { opacity: 1; }
.css-5ktmlq.MuiButton-iconPrimary:disabled { opacity: 0.5; }
.css-5ktmlq.MuiButton-iconSecondary { color: rgba(255, 255, 255, 0.8); box-shadow: none; background-color: rgb(28, 54, 45); }
.css-5ktmlq.MuiButton-iconSecondary:hover { background-color: rgb(28, 54, 45); opacity: 0.85; }
.css-5ktmlq.MuiButton-iconSecondary:active { color: rgb(255, 255, 255); background-color: rgb(28, 54, 45); opacity: 1; }
.css-5ktmlq.MuiButton-iconSecondary:disabled { color: rgba(255, 255, 255, 0.8); background-color: rgb(28, 54, 45); opacity: 0.4; }
.css-5ktmlq.MuiButton-iconSuccess { background: rgb(152, 255, 22); border: 1px solid rgb(152, 255, 22); box-shadow: rgba(152, 255, 22, 0.6) 0px 0px 10px 0px; }
.css-5ktmlq.MuiButton-iconSuccess:hover { background-color: rgb(106, 178, 15); }
.css-5ktmlq.MuiButton-iconSuccess:active { background-color: rgb(106, 178, 15); }
.css-5ktmlq.MuiButton-iconSuccess:disabled { opacity: 0.5; box-shadow: none; }
.css-5ktmlq.MuiButton-iconError { background: rgb(242, 73, 50); border: 1px solid rgb(242, 73, 50); box-shadow: rgba(242, 73, 50, 0.6) 0px 0px 10px 0px; }
.css-5ktmlq.MuiButton-iconError:hover { background-color: rgb(169, 51, 35); }
.css-5ktmlq.MuiButton-iconError:active { background-color: rgb(169, 51, 35); }
.css-5ktmlq.MuiButton-iconError:disabled { opacity: 0.5; box-shadow: none; }
.css-5ktmlq.MuiButton-iconInfo { background: rgb(79, 195, 247); border: 1px solid rgb(79, 195, 247); box-shadow: rgba(79, 195, 247, 0.6) 0px 0px 10px 0px; }
.css-5ktmlq.MuiButton-iconInfo:hover { background-color: rgb(55, 136, 172); }
.css-5ktmlq.MuiButton-iconInfo:active { background-color: rgb(55, 136, 172); }
.css-5ktmlq.MuiButton-iconInfo:disabled { opacity: 0.5; box-shadow: none; }
.css-5ktmlq.MuiButton-iconWarning { background: rgb(255, 218, 22); border: 1px solid rgb(255, 218, 22); box-shadow: rgba(255, 218, 22, 0.6) 0px 0px 10px 0px; }
.css-5ktmlq.MuiButton-iconWarning:hover { background-color: rgb(178, 152, 15); }
.css-5ktmlq.MuiButton-iconWarning:active { background-color: rgb(178, 152, 15); }
.css-5ktmlq.MuiButton-iconWarning:disabled { opacity: 0.5; box-shadow: none; }
.css-5ktmlq.MuiButton-iconSizeLarge { min-width: 44px; width: 44px; height: 44px; padding: 2px; }
.css-5ktmlq.MuiButton-iconSizeLarge .MuiButton-startIcon { display: flex; gap: 0px; margin: 0px; color: rgba(255, 255, 255, 0.8); }
.css-5ktmlq.MuiButton-iconSizeMedium { min-width: 40px; width: 40px; height: 40px; padding: 2px; }
.css-5ktmlq.MuiButton-iconSizeMedium .MuiButton-startIcon { display: flex; gap: 0px; margin: 0px; }
.css-5ktmlq.MuiButton-iconSizeSmall { min-width: 36px; width: 36px; height: 36px; padding: 2px; }
.css-5ktmlq.MuiButton-iconSizeSmall .MuiButton-startIcon { display: flex; gap: 0px; margin: 0px; }
.css-5ktmlq.MuiButton-outlined { color: rgb(0, 254, 169); border: 1px solid rgb(0, 254, 169); background: rgba(14, 27, 23, 0.4); }
.css-5ktmlq.MuiButton-outlined:hover { border: 1px solid rgb(0, 254, 169); background: rgba(14, 27, 23, 0.4); opacity: 0.85; }
.css-5ktmlq.MuiButton-outlined:active { opacity: 1; }
.css-5ktmlq.MuiButton-outlined:disabled { color: rgb(0, 254, 169); border: 1px solid rgb(0, 254, 169); opacity: 0.4; }
.css-5ktmlq.MuiButton-cta { color: rgb(14, 27, 23); background-image: linear-gradient(90deg, rgb(254, 226, 12) 0%, rgb(255, 174, 0) 25%, rgb(254, 226, 12) 75%, rgb(255, 174, 0) 100%); background-size: 400% 400%; font-size: 14px; font-weight: 600; line-height: 18px; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; box-shadow: rgba(255, 255, 255, 0.6) 0px 9px 8px 0px inset, rgba(0, 254, 169, 0.2) 0px -4px 8px 0px inset, rgba(0, 254, 169, 0.24) 0px 0px 50px 0px; }
.css-5ktmlq.MuiButton-cta:hover { animation: 0.7s ease 0s 1 normal forwards running animation-dofypc; box-shadow: rgba(255, 255, 255, 0.6) 0px 9px 8px 0px inset, rgba(0, 254, 169, 0.2) 0px -4px 8px 0px inset, rgba(0, 254, 169, 0.8) 0px 0px 40px 0px; }
.css-5ktmlq.MuiButton-cta:active { animation: 0.7s ease 0s 1 normal forwards running animation-i3y9un; box-shadow: rgba(255, 255, 255, 0.6) 0px 9px 8px 0px inset, rgba(0, 254, 169, 0.2) 0px -4px 8px 0px inset, rgba(0, 254, 169, 0.24) 0px 0px 50px 0px; }
.css-5ktmlq.MuiButton-cta:disabled { color: rgb(14, 27, 23); opacity: 0.5; box-shadow: rgba(255, 255, 255, 0.6) 0px 9px 8px 0px inset, rgba(0, 254, 169, 0.2) 0px -4px 8px 0px inset, rgba(0, 254, 169, 0.24) 0px 0px 50px 0px; }
.css-5ktmlq.MuiButton-ctaSizeLarge { height: 44px; padding: 0px 12px; }
.css-5ktmlq.MuiButton-ctaSizeMedium { height: 40px; padding: 0px 12px; }
.css-5ktmlq.MuiButton-ctaSizeSmall { height: 36px; padding: 0px 12px; }
@-webkit-keyframes animation-i3y9un { 
  0% { background-position: 50% 0%; }
  100% { background-position: 0% 5%; }
}
@keyframes animation-i3y9un { 
  0% { background-position: 50% 0%; }
  100% { background-position: 0% 5%; }
}
@-webkit-keyframes animation-dofypc { 
  0% { background-position: 0% 50%; }
  100% { background-position: 50% 0%; }
}
@keyframes animation-dofypc { 
  0% { background-position: 0% 50%; }
  100% { background-position: 50% 0%; }
}
@-webkit-keyframes animation-i3y9un { 
  0% { background-position: 50% 0%; }
  100% { background-position: 0% 5%; }
}
@keyframes animation-i3y9un { 
  0% { background-position: 50% 0%; }
  100% { background-position: 0% 5%; }
}
@-webkit-keyframes animation-dofypc { 
  0% { background-position: 0% 50%; }
  100% { background-position: 50% 0%; }
}
@keyframes animation-dofypc { 
  0% { background-position: 0% 50%; }
  100% { background-position: 50% 0%; }
}
.css-58bktp { font-family: Kanit, sans-serif; font-weight: 500; line-height: 1.75; min-width: 64px; border: 0px; --variant-textColor: #00FEA9; --variant-outlinedColor: #00FEA9; --variant-outlinedBorder: rgba(0, 254, 169, 0.5); --variant-containedColor: rgba(0, 0, 0, 0.87); --variant-containedBg: #00FEA9; transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1), box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1), border-color 250ms cubic-bezier(0.4, 0, 0.2, 1); display: inline-flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; gap: 8px; flex-shrink: 0; border-radius: 6px; color: rgba(0, 0, 0, 0.8); font-size: 14px; text-transform: none; text-align: center; width: 400px; max-width: 100%; padding: 0px 32px; }
.css-58bktp:hover { text-decoration: none; }
.css-58bktp.Mui-disabled { color: rgba(255, 255, 255, 0.3); }
@media (hover: hover) {
  .css-58bktp:hover { --variant-containedBg: rgb(0, 177, 118); --variant-textBg: rgba(0, 254, 169, 0.08); --variant-outlinedBorder: #00FEA9; --variant-outlinedBg: rgba(0, 254, 169, 0.08); }
}
.css-58bktp.MuiButton-loading { color: transparent; }
.css-58bktp .MuiButton-startIcon { display: inline-flex; gap: 8px; margin-right: 0px; margin-left: 0px; }
.css-58bktp .MuiButton-endIcon { display: inline-flex; gap: 8px; margin-right: 0px; margin-left: 0px; }
.css-58bktp.MuiButton-containedPrimary { box-shadow: none; color: rgb(14, 27, 23); background: linear-gradient(90deg, rgb(254, 226, 12) 0%, rgb(255, 174, 0) 25%, rgb(254, 226, 12) 75%, rgb(255, 174, 0) 100%) 0% 0% / 400% 400%; }
.css-58bktp.MuiButton-containedPrimary:hover { color: rgb(14, 27, 23); animation: 0.7s ease 0s 1 normal forwards running animation-dofypc; }
.css-58bktp.MuiButton-containedPrimary:active { color: rgb(14, 27, 23); animation: 0.7s ease 0s 1 normal forwards running animation-i3y9un; }
.css-58bktp.MuiButton-containedPrimary:disabled { color: rgb(14, 27, 23); opacity: 0.5; }
.css-58bktp.MuiButton-containedSecondary { color: rgba(255, 255, 255, 0.8); background-color: rgb(28, 54, 45); box-shadow: none; }
.css-58bktp.MuiButton-containedSecondary:hover { background-color: rgb(28, 54, 45); opacity: 0.85; }
.css-58bktp.MuiButton-containedSecondary:active { color: rgb(255, 255, 255); background-color: rgb(28, 54, 45); opacity: 1; }
.css-58bktp.MuiButton-containedSecondary:disabled { color: rgba(255, 255, 255, 0.8); background-color: rgb(28, 54, 45); opacity: 0.4; }
.css-58bktp.MuiButton-containedSizeLarge { height: 44px; padding: 0px 12px; }
.css-58bktp.MuiButton-containedSizeMedium { height: 40px; padding: 0px 12px; }
.css-58bktp.MuiButton-containedSizeSmall { height: 36px; padding: 0px 12px; }
.css-58bktp.MuiButton-outlinedSizeLarge { height: 44px; padding: 0px 12px; }
.css-58bktp.MuiButton-outlinedSizeMedium { height: 40px; padding: 0px 12px; }
.css-58bktp.MuiButton-outlinedSizeSmall { height: 36px; padding: 0px 12px 0px 8px; }
.css-58bktp.MuiButton-text { padding: 0px 12px; color: rgb(0, 254, 169); font-size: 14px; font-weight: 600; line-height: 18px; }
.css-58bktp.MuiButton-text:hover { background: transparent; color: rgb(0, 229, 152); }
.css-58bktp.MuiButton-text:active { color: rgb(0, 229, 152); }
.css-58bktp.MuiButton-text:disabled { color: rgb(0, 254, 169); opacity: 0.4; }
.css-58bktp.MuiButton-textSecondary { color: rgba(255, 255, 255, 0.8); background: rgb(28, 54, 45); }
.css-58bktp.MuiButton-textSecondary:hover { opacity: 0.85; }
.css-58bktp.MuiButton-textSecondary:active { opacity: 1; }
.css-58bktp.MuiButton-textSecondary:disabled { opacity: 0.5; }
.css-58bktp.MuiButton-textSizeLarge { height: 44px; }
.css-58bktp.MuiButton-textSizeMedium { height: 40px; }
.css-58bktp.MuiButton-textSizeSmall { height: 36px; }
.css-58bktp.MuiButton-iconInherit { padding: 0px; }
.css-58bktp.MuiButton-iconPrimary { background: linear-gradient(90deg, rgb(254, 226, 12) 0%, rgb(255, 174, 0) 25%, rgb(254, 226, 12) 75%, rgb(255, 174, 0) 100%); box-shadow: none; }
.css-58bktp.MuiButton-iconPrimary:hover { opacity: 0.8; }
.css-58bktp.MuiButton-iconPrimary:active { opacity: 1; }
.css-58bktp.MuiButton-iconPrimary:disabled { opacity: 0.5; }
.css-58bktp.MuiButton-iconSecondary { color: rgba(255, 255, 255, 0.8); box-shadow: none; background-color: rgb(28, 54, 45); }
.css-58bktp.MuiButton-iconSecondary:hover { background-color: rgb(28, 54, 45); opacity: 0.85; }
.css-58bktp.MuiButton-iconSecondary:active { color: rgb(255, 255, 255); background-color: rgb(28, 54, 45); opacity: 1; }
.css-58bktp.MuiButton-iconSecondary:disabled { color: rgba(255, 255, 255, 0.8); background-color: rgb(28, 54, 45); opacity: 0.4; }
.css-58bktp.MuiButton-iconSuccess { background: rgb(152, 255, 22); border: 1px solid rgb(152, 255, 22); box-shadow: rgba(152, 255, 22, 0.6) 0px 0px 10px 0px; }
.css-58bktp.MuiButton-iconSuccess:hover { background-color: rgb(106, 178, 15); }
.css-58bktp.MuiButton-iconSuccess:active { background-color: rgb(106, 178, 15); }
.css-58bktp.MuiButton-iconSuccess:disabled { opacity: 0.5; box-shadow: none; }
.css-58bktp.MuiButton-iconError { background: rgb(242, 73, 50); border: 1px solid rgb(242, 73, 50); box-shadow: rgba(242, 73, 50, 0.6) 0px 0px 10px 0px; }
.css-58bktp.MuiButton-iconError:hover { background-color: rgb(169, 51, 35); }
.css-58bktp.MuiButton-iconError:active { background-color: rgb(169, 51, 35); }
.css-58bktp.MuiButton-iconError:disabled { opacity: 0.5; box-shadow: none; }
.css-58bktp.MuiButton-iconInfo { background: rgb(79, 195, 247); border: 1px solid rgb(79, 195, 247); box-shadow: rgba(79, 195, 247, 0.6) 0px 0px 10px 0px; }
.css-58bktp.MuiButton-iconInfo:hover { background-color: rgb(55, 136, 172); }
.css-58bktp.MuiButton-iconInfo:active { background-color: rgb(55, 136, 172); }
.css-58bktp.MuiButton-iconInfo:disabled { opacity: 0.5; box-shadow: none; }
.css-58bktp.MuiButton-iconWarning { background: rgb(255, 218, 22); border: 1px solid rgb(255, 218, 22); box-shadow: rgba(255, 218, 22, 0.6) 0px 0px 10px 0px; }
.css-58bktp.MuiButton-iconWarning:hover { background-color: rgb(178, 152, 15); }
.css-58bktp.MuiButton-iconWarning:active { background-color: rgb(178, 152, 15); }
.css-58bktp.MuiButton-iconWarning:disabled { opacity: 0.5; box-shadow: none; }
.css-58bktp.MuiButton-iconSizeLarge { min-width: 44px; width: 44px; height: 44px; padding: 2px; }
.css-58bktp.MuiButton-iconSizeLarge .MuiButton-startIcon { display: flex; gap: 0px; margin: 0px; color: rgba(255, 255, 255, 0.8); }
.css-58bktp.MuiButton-iconSizeMedium { min-width: 40px; width: 40px; height: 40px; padding: 2px; }
.css-58bktp.MuiButton-iconSizeMedium .MuiButton-startIcon { display: flex; gap: 0px; margin: 0px; }
.css-58bktp.MuiButton-iconSizeSmall { min-width: 36px; width: 36px; height: 36px; padding: 2px; }
.css-58bktp.MuiButton-iconSizeSmall .MuiButton-startIcon { display: flex; gap: 0px; margin: 0px; }
.css-58bktp.MuiButton-outlined { color: rgb(0, 254, 169); border: 1px solid rgb(0, 254, 169); background: rgba(14, 27, 23, 0.4); }
.css-58bktp.MuiButton-outlined:hover { border: 1px solid rgb(0, 254, 169); background: rgba(14, 27, 23, 0.4); opacity: 0.85; }
.css-58bktp.MuiButton-outlined:active { opacity: 1; }
.css-58bktp.MuiButton-outlined:disabled { color: rgb(0, 254, 169); border: 1px solid rgb(0, 254, 169); opacity: 0.4; }
.css-58bktp.MuiButton-cta { color: rgb(14, 27, 23); background-image: linear-gradient(90deg, rgb(254, 226, 12) 0%, rgb(255, 174, 0) 25%, rgb(254, 226, 12) 75%, rgb(255, 174, 0) 100%); background-size: 400% 400%; font-size: 14px; font-weight: 600; line-height: 18px; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; box-shadow: rgba(255, 255, 255, 0.6) 0px 9px 8px 0px inset, rgba(0, 254, 169, 0.2) 0px -4px 8px 0px inset, rgba(0, 254, 169, 0.24) 0px 0px 50px 0px; }
.css-58bktp.MuiButton-cta:hover { animation: 0.7s ease 0s 1 normal forwards running animation-dofypc; box-shadow: rgba(255, 255, 255, 0.6) 0px 9px 8px 0px inset, rgba(0, 254, 169, 0.2) 0px -4px 8px 0px inset, rgba(0, 254, 169, 0.8) 0px 0px 40px 0px; }
.css-58bktp.MuiButton-cta:active { animation: 0.7s ease 0s 1 normal forwards running animation-i3y9un; box-shadow: rgba(255, 255, 255, 0.6) 0px 9px 8px 0px inset, rgba(0, 254, 169, 0.2) 0px -4px 8px 0px inset, rgba(0, 254, 169, 0.24) 0px 0px 50px 0px; }
.css-58bktp.MuiButton-cta:disabled { color: rgb(14, 27, 23); opacity: 0.5; box-shadow: rgba(255, 255, 255, 0.6) 0px 9px 8px 0px inset, rgba(0, 254, 169, 0.2) 0px -4px 8px 0px inset, rgba(0, 254, 169, 0.24) 0px 0px 50px 0px; }
.css-58bktp.MuiButton-ctaSizeLarge { height: 44px; padding: 0px 12px; }
.css-58bktp.MuiButton-ctaSizeMedium { height: 40px; padding: 0px 12px; }
.css-58bktp.MuiButton-ctaSizeSmall { height: 36px; padding: 0px 12px; }
.css-vftgj6 { position: relative; box-sizing: border-box; -webkit-tap-highlight-color: transparent; background-color: transparent; outline: 0px; margin: 0px; cursor: pointer; user-select: none; vertical-align: middle; appearance: none; text-decoration: none; font-family: Kanit, sans-serif; font-weight: 500; line-height: 1.75; min-width: 64px; border: 0px; --variant-textColor: #00FEA9; --variant-outlinedColor: #00FEA9; --variant-outlinedBorder: rgba(0, 254, 169, 0.5); --variant-containedColor: rgba(0, 0, 0, 0.87); --variant-containedBg: #00FEA9; transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1), box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1), border-color 250ms cubic-bezier(0.4, 0, 0.2, 1); display: inline-flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; gap: 8px; flex-shrink: 0; border-radius: 6px; color: rgba(0, 0, 0, 0.8); font-size: 14px; text-transform: none; text-align: center; width: 400px; max-width: 100%; padding: 0px 32px; }
.css-vftgj6.Mui-disabled { pointer-events: none; cursor: default; }
@media print {
  .css-vftgj6 { print-color-adjust: exact; }
}
.css-vftgj6:hover { text-decoration: none; }
.css-vftgj6.Mui-disabled { color: rgba(255, 255, 255, 0.3); }
@media (hover: hover) {
  .css-vftgj6:hover { --variant-containedBg: rgb(0, 177, 118); --variant-textBg: rgba(0, 254, 169, 0.08); --variant-outlinedBorder: #00FEA9; --variant-outlinedBg: rgba(0, 254, 169, 0.08); }
}
.css-vftgj6.MuiButton-loading { color: transparent; }
.css-vftgj6 .MuiButton-startIcon { display: inline-flex; gap: 8px; margin-right: 0px; margin-left: 0px; }
.css-vftgj6 .MuiButton-endIcon { display: inline-flex; gap: 8px; margin-right: 0px; margin-left: 0px; }
.css-vftgj6.MuiButton-containedPrimary { box-shadow: none; color: rgb(14, 27, 23); background: linear-gradient(90deg, rgb(254, 226, 12) 0%, rgb(255, 174, 0) 25%, rgb(254, 226, 12) 75%, rgb(255, 174, 0) 100%) 0% 0% / 400% 400%; }
.css-vftgj6.MuiButton-containedPrimary:hover { color: rgb(14, 27, 23); animation: 0.7s ease 0s 1 normal forwards running animation-dofypc; }
.css-vftgj6.MuiButton-containedPrimary:active { color: rgb(14, 27, 23); animation: 0.7s ease 0s 1 normal forwards running animation-i3y9un; }
.css-vftgj6.MuiButton-containedPrimary:disabled { color: rgb(14, 27, 23); opacity: 0.5; }
.css-vftgj6.MuiButton-containedSecondary { color: rgba(255, 255, 255, 0.8); background-color: rgb(28, 54, 45); box-shadow: none; }
.css-vftgj6.MuiButton-containedSecondary:hover { background-color: rgb(28, 54, 45); opacity: 0.85; }
.css-vftgj6.MuiButton-containedSecondary:active { color: rgb(255, 255, 255); background-color: rgb(28, 54, 45); opacity: 1; }
.css-vftgj6.MuiButton-containedSecondary:disabled { color: rgba(255, 255, 255, 0.8); background-color: rgb(28, 54, 45); opacity: 0.4; }
.css-vftgj6.MuiButton-containedSizeLarge { height: 44px; padding: 0px 12px; }
.css-vftgj6.MuiButton-containedSizeMedium { height: 40px; padding: 0px 12px; }
.css-vftgj6.MuiButton-containedSizeSmall { height: 36px; padding: 0px 12px; }
.css-vftgj6.MuiButton-outlinedSizeLarge { height: 44px; padding: 0px 12px; }
.css-vftgj6.MuiButton-outlinedSizeMedium { height: 40px; padding: 0px 12px; }
.css-vftgj6.MuiButton-outlinedSizeSmall { height: 36px; padding: 0px 12px 0px 8px; }
.css-vftgj6.MuiButton-text { padding: 0px 12px; color: rgb(0, 254, 169); font-size: 14px; font-weight: 600; line-height: 18px; }
.css-vftgj6.MuiButton-text:hover { background: transparent; color: rgb(0, 229, 152); }
.css-vftgj6.MuiButton-text:active { color: rgb(0, 229, 152); }
.css-vftgj6.MuiButton-text:disabled { color: rgb(0, 254, 169); opacity: 0.4; }
.css-vftgj6.MuiButton-textSecondary { color: rgba(255, 255, 255, 0.8); background: rgb(28, 54, 45); }
.css-vftgj6.MuiButton-textSecondary:hover { opacity: 0.85; }
.css-vftgj6.MuiButton-textSecondary:active { opacity: 1; }
.css-vftgj6.MuiButton-textSecondary:disabled { opacity: 0.5; }
.css-vftgj6.MuiButton-textSizeLarge { height: 44px; }
.css-vftgj6.MuiButton-textSizeMedium { height: 40px; }
.css-vftgj6.MuiButton-textSizeSmall { height: 36px; }
.css-vftgj6.MuiButton-iconInherit { padding: 0px; }
.css-vftgj6.MuiButton-iconPrimary { background: linear-gradient(90deg, rgb(254, 226, 12) 0%, rgb(255, 174, 0) 25%, rgb(254, 226, 12) 75%, rgb(255, 174, 0) 100%); box-shadow: none; }
.css-vftgj6.MuiButton-iconPrimary:hover { opacity: 0.8; }
.css-vftgj6.MuiButton-iconPrimary:active { opacity: 1; }
.css-vftgj6.MuiButton-iconPrimary:disabled { opacity: 0.5; }
.css-vftgj6.MuiButton-iconSecondary { color: rgba(255, 255, 255, 0.8); box-shadow: none; background-color: rgb(28, 54, 45); }
.css-vftgj6.MuiButton-iconSecondary:hover { background-color: rgb(28, 54, 45); opacity: 0.85; }
.css-vftgj6.MuiButton-iconSecondary:active { color: rgb(255, 255, 255); background-color: rgb(28, 54, 45); opacity: 1; }
.css-vftgj6.MuiButton-iconSecondary:disabled { color: rgba(255, 255, 255, 0.8); background-color: rgb(28, 54, 45); opacity: 0.4; }
.css-vftgj6.MuiButton-iconSuccess { background: rgb(152, 255, 22); border: 1px solid rgb(152, 255, 22); box-shadow: rgba(152, 255, 22, 0.6) 0px 0px 10px 0px; }
.css-vftgj6.MuiButton-iconSuccess:hover { background-color: rgb(106, 178, 15); }
.css-vftgj6.MuiButton-iconSuccess:active { background-color: rgb(106, 178, 15); }
.css-vftgj6.MuiButton-iconSuccess:disabled { opacity: 0.5; box-shadow: none; }
.css-vftgj6.MuiButton-iconError { background: rgb(242, 73, 50); border: 1px solid rgb(242, 73, 50); box-shadow: rgba(242, 73, 50, 0.6) 0px 0px 10px 0px; }
.css-vftgj6.MuiButton-iconError:hover { background-color: rgb(169, 51, 35); }
.css-vftgj6.MuiButton-iconError:active { background-color: rgb(169, 51, 35); }
.css-vftgj6.MuiButton-iconError:disabled { opacity: 0.5; box-shadow: none; }
.css-vftgj6.MuiButton-iconInfo { background: rgb(79, 195, 247); border: 1px solid rgb(79, 195, 247); box-shadow: rgba(79, 195, 247, 0.6) 0px 0px 10px 0px; }
.css-vftgj6.MuiButton-iconInfo:hover { background-color: rgb(55, 136, 172); }
.css-vftgj6.MuiButton-iconInfo:active { background-color: rgb(55, 136, 172); }
.css-vftgj6.MuiButton-iconInfo:disabled { opacity: 0.5; box-shadow: none; }
.css-vftgj6.MuiButton-iconWarning { background: rgb(255, 218, 22); border: 1px solid rgb(255, 218, 22); box-shadow: rgba(255, 218, 22, 0.6) 0px 0px 10px 0px; }
.css-vftgj6.MuiButton-iconWarning:hover { background-color: rgb(178, 152, 15); }
.css-vftgj6.MuiButton-iconWarning:active { background-color: rgb(178, 152, 15); }
.css-vftgj6.MuiButton-iconWarning:disabled { opacity: 0.5; box-shadow: none; }
.css-vftgj6.MuiButton-iconSizeLarge { min-width: 44px; width: 44px; height: 44px; padding: 2px; }
.css-vftgj6.MuiButton-iconSizeLarge .MuiButton-startIcon { display: flex; gap: 0px; margin: 0px; color: rgba(255, 255, 255, 0.8); }
.css-vftgj6.MuiButton-iconSizeMedium { min-width: 40px; width: 40px; height: 40px; padding: 2px; }
.css-vftgj6.MuiButton-iconSizeMedium .MuiButton-startIcon { display: flex; gap: 0px; margin: 0px; }
.css-vftgj6.MuiButton-iconSizeSmall { min-width: 36px; width: 36px; height: 36px; padding: 2px; }
.css-vftgj6.MuiButton-iconSizeSmall .MuiButton-startIcon { display: flex; gap: 0px; margin: 0px; }
.css-vftgj6.MuiButton-outlined { color: rgb(0, 254, 169); border: 1px solid rgb(0, 254, 169); background: rgba(14, 27, 23, 0.4); }
.css-vftgj6.MuiButton-outlined:hover { border: 1px solid rgb(0, 254, 169); background: rgba(14, 27, 23, 0.4); opacity: 0.85; }
.css-vftgj6.MuiButton-outlined:active { opacity: 1; }
.css-vftgj6.MuiButton-outlined:disabled { color: rgb(0, 254, 169); border: 1px solid rgb(0, 254, 169); opacity: 0.4; }
.css-vftgj6.MuiButton-cta { color: rgb(14, 27, 23); background-image: linear-gradient(90deg, rgb(254, 226, 12) 0%, rgb(255, 174, 0) 25%, rgb(254, 226, 12) 75%, rgb(255, 174, 0) 100%); background-size: 400% 400%; font-size: 14px; font-weight: 600; line-height: 18px; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; box-shadow: rgba(255, 255, 255, 0.6) 0px 9px 8px 0px inset, rgba(0, 254, 169, 0.2) 0px -4px 8px 0px inset, rgba(0, 254, 169, 0.24) 0px 0px 50px 0px; }
.css-vftgj6.MuiButton-cta:hover { animation: 0.7s ease 0s 1 normal forwards running animation-dofypc; box-shadow: rgba(255, 255, 255, 0.6) 0px 9px 8px 0px inset, rgba(0, 254, 169, 0.2) 0px -4px 8px 0px inset, rgba(0, 254, 169, 0.8) 0px 0px 40px 0px; }
.css-vftgj6.MuiButton-cta:active { animation: 0.7s ease 0s 1 normal forwards running animation-i3y9un; box-shadow: rgba(255, 255, 255, 0.6) 0px 9px 8px 0px inset, rgba(0, 254, 169, 0.2) 0px -4px 8px 0px inset, rgba(0, 254, 169, 0.24) 0px 0px 50px 0px; }
.css-vftgj6.MuiButton-cta:disabled { color: rgb(14, 27, 23); opacity: 0.5; box-shadow: rgba(255, 255, 255, 0.6) 0px 9px 8px 0px inset, rgba(0, 254, 169, 0.2) 0px -4px 8px 0px inset, rgba(0, 254, 169, 0.24) 0px 0px 50px 0px; }
.css-vftgj6.MuiButton-ctaSizeLarge { height: 44px; padding: 0px 12px; }
.css-vftgj6.MuiButton-ctaSizeMedium { height: 40px; padding: 0px 12px; }
.css-vftgj6.MuiButton-ctaSizeSmall { height: 36px; padding: 0px 12px; }
.css-1pzr6wk { display: flex; flex-direction: row; -webkit-box-pack: justify; justify-content: space-between; -webkit-box-align: center; align-items: center; width: 400px; max-width: 100%; gap: 16px; }
.css-1pzr6wk img { max-height: 24px; width: auto; object-fit: contain; }
.css-1s0dcb6 { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: justify; justify-content: space-between; gap: 8px; width: 100%; }
.css-1s0dcb6 button { flex: 1 1 0%; }
.css-1od93p9 { margin-top: 16px; position: relative; }
.css-l14ux4 { width: 100%; margin-left: auto; box-sizing: border-box; margin-right: auto; margin-top: 16px; position: relative; }
@media (min-width: 1200px) {
  .css-l14ux4 { max-width: 1200px; }
}
.css-qsgzyh { display: flex; flex-direction: column; width: 100%; padding: 24px 0px 12px; -webkit-box-align: center; align-items: center; position: relative; border-radius: 12px; height: 105px; background: none right top no-repeat rgb(28, 54, 45); }
.css-1h926wd { display: flex; padding: 2px; -webkit-box-pack: center; justify-content: center; gap: 2px; position: absolute; left: 12px; top: -15px; border-radius: 6px; background: rgb(21, 40, 34); z-index: 4; }
@media (max-width: 599.95px) {
  .css-1h926wd { left: 8px; }
}
.css-1539l9h { display: flex; padding: 6px 8px; -webkit-box-align: center; align-items: center; gap: 6px; border-radius: 24px; cursor: pointer; }
.css-1539l9h span { font-weight: 700; }
.css-1539l9h.active { background: linear-gradient(90deg, rgb(254, 226, 12) 0%, rgb(255, 174, 0) 100%) text; -webkit-text-fill-color: transparent; }
.css-v6ys0n.MuiIcon-root { display: flex; width: 20px !important; height: 20px !important; font-size: 20px !important; line-height: 20px !important; }
.css-v6ys0n.MuiIcon-root.MuiIcon-colorTxt\.textWhite100 { color: rgb(255, 255, 255); }
.css-v6ys0n.MuiIcon-root.MuiIcon-colorTxt\.textWhite80 { color: rgba(255, 255, 255, 0.8); }
.css-v6ys0n.MuiIcon-root.MuiIcon-colorTxt\.textWhite40 { color: rgba(255, 255, 255, 0.4); }
.css-v6ys0n.MuiIcon-root.MuiIcon-colorTxt\.secondary { color: rgba(255, 255, 255, 0.8); }
.css-v6ys0n.MuiIcon-root.MuiIcon-colorAccent\.main { color: rgb(0, 254, 169); }
.css-v6ys0n.MuiIcon-root.MuiIcon-colorAccent\.gradient { background: linear-gradient(90deg, rgb(254, 226, 12) 0%, rgb(255, 174, 0) 100%) text; -webkit-text-fill-color: transparent; }
.css-v6ys0n.MuiIcon-root.MuiIcon-colorEvent\.bg { color: rgb(21, 40, 34); }
.css-v6ys0n.MuiIcon-root.MuiIcon-colorEvent\.bgHover { color: rgb(28, 54, 45); }
.css-v6ys0n.MuiIcon-root.MuiIcon-colorEvent\.bg2 { color: rgb(0, 254, 169); }
.css-v6ys0n.MuiIcon-root.MuiIcon-colorFilter\.bg { color: rgb(21, 40, 34); }
.css-v6ys0n.MuiIcon-root.MuiIcon-colorFilter\.bgHover { color: rgb(28, 54, 45); }
.css-v6ys0n.MuiIcon-root.MuiIcon-colorFilter\.bg2 { color: rgb(0, 254, 169); }
.css-v6ys0n.MuiIcon-root.MuiIcon-colorFixedColor\.success { color: rgb(152, 255, 22); }
.css-v6ys0n.MuiIcon-root.MuiIcon-colorFixedColor\.warning { color: rgb(255, 218, 22); }
.css-v6ys0n.MuiIcon-root.MuiIcon-colorFixedColor\.error { color: rgb(242, 73, 50); }
.css-v6ys0n.MuiIcon-root.MuiIcon-colorHeader\.bg { color: rgb(28, 54, 45); }
.css-v6ys0n.MuiIcon-root.MuiIcon-colorInputDropDown\.bg { color: rgb(21, 40, 34); }
.css-v6ys0n.MuiIcon-root.MuiIcon-colorInputDropDown\.bgHover { color: rgb(28, 54, 45); }
.css-v6ys0n.MuiIcon-root.MuiIcon-colorInputDropDown\.bg2 { color: rgb(0, 254, 169); }
.css-v6ys0n.MuiIcon-root.MuiIcon-colorMenu1\.bg { color: rgb(14, 27, 23); }
.css-v6ys0n.MuiIcon-root.MuiIcon-colorOdd\.bg { color: rgb(21, 40, 34); }
.css-v6ys0n.MuiIcon-root.MuiIcon-colorOdd\.bg2 { color: rgb(28, 54, 45); }
.css-v6ys0n.MuiIcon-root.MuiIcon-colorVip\.blackDiamond { color: rgb(240, 230, 215); }
.css-v6ys0n.MuiIcon-root.MuiIcon-colorVip\.bronze { color: rgb(202, 128, 86); }
.css-v6ys0n.MuiIcon-root.MuiIcon-colorVip\.gold { color: rgb(238, 190, 68); }
.css-v6ys0n.MuiIcon-root.MuiIcon-colorVip\.sliver { color: rgb(221, 221, 221); }
.css-v6ys0n.MuiIcon-root.MuiIcon-colorDark\.dark1 { color: rgb(14, 27, 23); }
.css-v6ys0n.MuiIcon-root.MuiIcon-colorFixedColor\.info { color: rgb(79, 195, 247); }
.css-v6ys0n.MuiIcon-fontSizeSmall { width: 16px !important; height: 16px !important; font-size: 16px !important; line-height: 16px !important; }
.css-v6ys0n.MuiIcon-fontSizeLarge { width: 24px !important; height: 24px !important; font-size: 24px !important; line-height: 24px !important; }
.css-v6ys0n.MuiIcon-fontSizeLarge80 { width: 80px !important; height: 80px !important; font-size: 80px !important; line-height: 80px !important; }
.css-v6ys0n.MuiIcon-fontSizeLarge40 { width: 40px !important; height: 40px !important; font-size: 40px !important; line-height: 40px !important; }
.css-v6ys0n.MuiIcon-fontSizeLarge64 { width: 64px !important; height: 64px !important; font-size: 64px !important; line-height: 64px !important; }
.css-v6ys0n.MuiIcon-fontSizeLarge44 { width: 44px !important; height: 44px !important; font-size: 44px !important; line-height: 44px !important; }
.css-v6ys0n.MuiIcon-fontSizeExtraSmall { width: 14px !important; height: 14px !important; font-size: 14px !important; line-height: 14px !important; }
.css-v6ys0n.MuiIcon-fontSizeExtLarge { width: 32px !important; height: 32px !important; font-size: 32px !important; line-height: 32px !important; }
.css-v6ys0n.MuiIcon-colorWhite { color: rgb(255, 255, 255); }
.css-1hvkaa4 { user-select: none; width: 1em; height: 1em; overflow: hidden; display: inline-block; text-align: center; flex-shrink: 0; font-size: 1.25rem; }
.css-1hvkaa4.MuiIcon-root { display: flex; width: 20px !important; height: 20px !important; font-size: 20px !important; line-height: 20px !important; }
.css-1hvkaa4.MuiIcon-root.MuiIcon-colorTxt\.textWhite100 { color: rgb(255, 255, 255); }
.css-1hvkaa4.MuiIcon-root.MuiIcon-colorTxt\.textWhite80 { color: rgba(255, 255, 255, 0.8); }
.css-1hvkaa4.MuiIcon-root.MuiIcon-colorTxt\.textWhite40 { color: rgba(255, 255, 255, 0.4); }
.css-1hvkaa4.MuiIcon-root.MuiIcon-colorTxt\.secondary { color: rgba(255, 255, 255, 0.8); }
.css-1hvkaa4.MuiIcon-root.MuiIcon-colorAccent\.main { color: rgb(0, 254, 169); }
.css-1hvkaa4.MuiIcon-root.MuiIcon-colorAccent\.gradient { background: linear-gradient(90deg, rgb(254, 226, 12) 0%, rgb(255, 174, 0) 100%) text; -webkit-text-fill-color: transparent; }
.css-1hvkaa4.MuiIcon-root.MuiIcon-colorEvent\.bg { color: rgb(21, 40, 34); }
.css-1hvkaa4.MuiIcon-root.MuiIcon-colorEvent\.bgHover { color: rgb(28, 54, 45); }
.css-1hvkaa4.MuiIcon-root.MuiIcon-colorEvent\.bg2 { color: rgb(0, 254, 169); }
.css-1hvkaa4.MuiIcon-root.MuiIcon-colorFilter\.bg { color: rgb(21, 40, 34); }
.css-1hvkaa4.MuiIcon-root.MuiIcon-colorFilter\.bgHover { color: rgb(28, 54, 45); }
.css-1hvkaa4.MuiIcon-root.MuiIcon-colorFilter\.bg2 { color: rgb(0, 254, 169); }
.css-1hvkaa4.MuiIcon-root.MuiIcon-colorFixedColor\.success { color: rgb(152, 255, 22); }
.css-1hvkaa4.MuiIcon-root.MuiIcon-colorFixedColor\.warning { color: rgb(255, 218, 22); }
.css-1hvkaa4.MuiIcon-root.MuiIcon-colorFixedColor\.error { color: rgb(242, 73, 50); }
.css-1hvkaa4.MuiIcon-root.MuiIcon-colorHeader\.bg { color: rgb(28, 54, 45); }
.css-1hvkaa4.MuiIcon-root.MuiIcon-colorInputDropDown\.bg { color: rgb(21, 40, 34); }
.css-1hvkaa4.MuiIcon-root.MuiIcon-colorInputDropDown\.bgHover { color: rgb(28, 54, 45); }
.css-1hvkaa4.MuiIcon-root.MuiIcon-colorInputDropDown\.bg2 { color: rgb(0, 254, 169); }
.css-1hvkaa4.MuiIcon-root.MuiIcon-colorMenu1\.bg { color: rgb(14, 27, 23); }
.css-1hvkaa4.MuiIcon-root.MuiIcon-colorOdd\.bg { color: rgb(21, 40, 34); }
.css-1hvkaa4.MuiIcon-root.MuiIcon-colorOdd\.bg2 { color: rgb(28, 54, 45); }
.css-1hvkaa4.MuiIcon-root.MuiIcon-colorVip\.blackDiamond { color: rgb(240, 230, 215); }
.css-1hvkaa4.MuiIcon-root.MuiIcon-colorVip\.bronze { color: rgb(202, 128, 86); }
.css-1hvkaa4.MuiIcon-root.MuiIcon-colorVip\.gold { color: rgb(238, 190, 68); }
.css-1hvkaa4.MuiIcon-root.MuiIcon-colorVip\.sliver { color: rgb(221, 221, 221); }
.css-1hvkaa4.MuiIcon-root.MuiIcon-colorDark\.dark1 { color: rgb(14, 27, 23); }
.css-1hvkaa4.MuiIcon-root.MuiIcon-colorFixedColor\.info { color: rgb(79, 195, 247); }
.css-1hvkaa4.MuiIcon-fontSizeSmall { width: 16px !important; height: 16px !important; font-size: 16px !important; line-height: 16px !important; }
.css-1hvkaa4.MuiIcon-fontSizeLarge { width: 24px !important; height: 24px !important; font-size: 24px !important; line-height: 24px !important; }
.css-1hvkaa4.MuiIcon-fontSizeLarge80 { width: 80px !important; height: 80px !important; font-size: 80px !important; line-height: 80px !important; }
.css-1hvkaa4.MuiIcon-fontSizeLarge40 { width: 40px !important; height: 40px !important; font-size: 40px !important; line-height: 40px !important; }
.css-1hvkaa4.MuiIcon-fontSizeLarge64 { width: 64px !important; height: 64px !important; font-size: 64px !important; line-height: 64px !important; }
.css-1hvkaa4.MuiIcon-fontSizeLarge44 { width: 44px !important; height: 44px !important; font-size: 44px !important; line-height: 44px !important; }
.css-1hvkaa4.MuiIcon-fontSizeExtraSmall { width: 14px !important; height: 14px !important; font-size: 14px !important; line-height: 14px !important; }
.css-1hvkaa4.MuiIcon-fontSizeExtLarge { width: 32px !important; height: 32px !important; font-size: 32px !important; line-height: 32px !important; }
.css-1hvkaa4.MuiIcon-colorWhite { color: rgb(255, 255, 255); }
.css-pelz90 { font-weight: 400; }
.css-vqgjno { margin: 0px; font-size: 12px; line-height: 16px; font-weight: 400; }
.css-gbj508 { margin: 0px; font-size: 12px; line-height: 16px; color: rgba(255, 255, 255, 0.4); font-weight: 400; }
.css-1j5u1bl { overflow: hidden; width: 100%; position: relative; height: 68px; }
.css-uedlbd { width: 100%; margin-left: auto; box-sizing: border-box; margin-right: auto; }
@media (min-width: 1200px) {
  .css-uedlbd { max-width: 1200px; }
}
.css-17x2i3w { display: flex; flex-direction: row; -webkit-box-pack: justify; justify-content: space-between; gap: 24px; }
@media (max-width: 599.95px) {
  .css-17x2i3w { flex-direction: row; -webkit-box-align: center; align-items: center; gap: 12px; }
}
.css-17x2i3w .tab-filter { width: fit-content; }
@media (max-width: 1023.95px) {
  .css-17x2i3w .tab-filter { flex: 1 1 0%; min-width: 0px; width: auto; position: relative; }
  .css-17x2i3w .tab-filter::after { content: ""; position: absolute; top: 0px; right: 0px; width: 20px; height: 100%; pointer-events: none; z-index: 2; background: linear-gradient(270deg, rgb(14, 27, 23) 0%, rgba(13, 25, 22, 0) 100%); }
}
.css-1mseziq { gap: 10px; background: rgb(21, 40, 34); border-radius: 8px; padding: 4px; min-height: 44px; }
.css-1mseziq .MuiTabs-flexContainer { display: flex; align-items: flex-start; gap: 10px; height: 100%; }
.css-1mseziq .MuiTabs-flexContainer a { max-height: 36px; height: 36px; min-height: 36px; z-index: 2; padding-left: 12px; padding-right: 12px; }
.css-1mseziq button { padding: 0px 12px; height: 36px; min-height: 36px; min-width: unset; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; gap: 8px; flex-shrink: 0; border-radius: 6px; text-transform: none; z-index: 2; opacity: 1; cursor: pointer; color: rgba(255, 255, 255, 0.8); font-size: 14px; font-weight: 600; line-height: 18px; }
.css-1mseziq button .MuiIcon-root { color: rgba(255, 255, 255, 0.8); }
.css-1mseziq a { max-height: 36px; height: 36px; min-height: 36px; z-index: 2; }
.css-1mseziq .MuiTabs-indicator { top: 0px; height: 100%; z-index: 1; border-radius: 6px; background: rgb(42, 80, 68); transition: left 300ms cubic-bezier(0.4, 0, 0.2, 1), width 300ms cubic-bezier(0.4, 0, 0.2, 1), top 300ms cubic-bezier(0.4, 0, 0.2, 1), height 300ms cubic-bezier(0.4, 0, 0.2, 1); }
.css-1mseziq .Mui-selected { color: rgb(255, 255, 255); border-width: medium; border-style: none; border-color: currentcolor; border-image: none; transition: none; }
.css-1mseziq .Mui-selected .MuiTypography-root { color: rgb(255, 255, 255); }
.css-1mseziq .Mui-selected .MuiIcon-root { color: rgb(255, 255, 255); }
.css-1mseziq .MuiTab-iconWrapper { margin: 0px !important; }
.css-15u2tni { overflow: hidden; display: flex; gap: 10px; background: rgb(21, 40, 34); border-radius: 8px; padding: 4px; min-height: 44px; }
@media (max-width: 599.95px) {
  .css-15u2tni .MuiTabs-scrollButtons { display: none; }
}
.css-15u2tni .MuiTabs-flexContainer { display: flex; align-items: flex-start; gap: 10px; height: 100%; }
.css-15u2tni .MuiTabs-flexContainer a { max-height: 36px; height: 36px; min-height: 36px; z-index: 2; padding-left: 12px; padding-right: 12px; }
.css-15u2tni button { padding: 0px 12px; height: 36px; min-height: 36px; min-width: unset; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; gap: 8px; flex-shrink: 0; border-radius: 6px; text-transform: none; z-index: 2; opacity: 1; cursor: pointer; color: rgba(255, 255, 255, 0.8); font-size: 14px; font-weight: 600; line-height: 18px; }
.css-15u2tni button .MuiIcon-root { color: rgba(255, 255, 255, 0.8); }
.css-15u2tni a { max-height: 36px; height: 36px; min-height: 36px; z-index: 2; }
.css-15u2tni .MuiTabs-indicator { top: 0px; height: 100%; z-index: 1; border-radius: 6px; background: rgb(42, 80, 68); transition: left 300ms cubic-bezier(0.4, 0, 0.2, 1), width 300ms cubic-bezier(0.4, 0, 0.2, 1), top 300ms cubic-bezier(0.4, 0, 0.2, 1), height 300ms cubic-bezier(0.4, 0, 0.2, 1); }
.css-15u2tni .Mui-selected { color: rgb(255, 255, 255); border-width: medium; border-style: none; border-color: currentcolor; border-image: none; transition: none; }
.css-15u2tni .Mui-selected .MuiTypography-root { color: rgb(255, 255, 255); }
.css-15u2tni .Mui-selected .MuiIcon-root { color: rgb(255, 255, 255); }
.css-15u2tni .MuiTab-iconWrapper { margin: 0px !important; }
.css-i8yde5 { overflow: auto hidden; scrollbar-width: none; }
.css-i8yde5::-webkit-scrollbar { display: none; }
.css-jb8z7h { position: relative; display: inline-block; flex: 1 1 auto; white-space: nowrap; scrollbar-width: none; overflow: auto hidden; }
.css-jb8z7h::-webkit-scrollbar { display: none; }
.css-162tvoi { display: flex; }
.css-ts1ojs { padding: 0px 12px; height: 40px; min-height: 40px; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; gap: 8px; flex-shrink: 0; font-size: 14px; font-weight: 600; line-height: 18px; text-transform: none; border-radius: 6px; box-shadow: none; color: rgba(255, 255, 255, 0.8); min-width: 101px; }
.css-ts1ojs .MuiTab-iconWrapper { margin: 0px; }
.css-ts1ojs:hover { color: rgb(255, 255, 255); }
.css-ts1ojs:hover .MuiIcon-root { color: rgb(255, 255, 255); }
.css-ts1ojs.Mui-disabled { opacity: 0.4; }
.css-1nnn7ld { font-family: Kanit, sans-serif; max-width: 360px; position: relative; overflow: hidden; white-space: normal; text-align: center; flex-direction: row; padding: 0px 12px; height: 40px; min-height: 40px; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; gap: 8px; flex-shrink: 0; font-size: 14px; font-weight: 600; line-height: 18px; text-transform: none; border-radius: 6px; box-shadow: none; color: rgba(255, 255, 255, 0.8); min-width: 101px; }
.css-1nnn7ld > .MuiTab-icon { margin-right: 4px; }
.css-1nnn7ld.Mui-selected { color: rgb(0, 254, 169); }
.css-1nnn7ld.Mui-disabled { color: rgba(255, 255, 255, 0.4); }
.css-1nnn7ld .MuiTab-iconWrapper { margin: 0px; }
.css-1nnn7ld:hover { color: rgb(255, 255, 255); }
.css-1nnn7ld:hover .MuiIcon-root { color: rgb(255, 255, 255); }
.css-1nnn7ld.Mui-disabled { opacity: 0.4; }
.css-m08nnx { display: inline-flex; box-sizing: border-box; -webkit-tap-highlight-color: transparent; background-color: transparent; outline: 0px; border: 0px; margin: 0px; cursor: pointer; user-select: none; vertical-align: middle; appearance: none; text-decoration: none; font-family: Kanit, sans-serif; max-width: 360px; position: relative; overflow: hidden; white-space: normal; text-align: center; flex-direction: row; padding: 0px 12px; height: 40px; min-height: 40px; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; gap: 8px; flex-shrink: 0; font-size: 14px; font-weight: 600; line-height: 18px; text-transform: none; border-radius: 6px; box-shadow: none; color: rgba(255, 255, 255, 0.8); min-width: 101px; }
.css-m08nnx.Mui-disabled { pointer-events: none; cursor: default; }
@media print {
  .css-m08nnx { print-color-adjust: exact; }
}
.css-m08nnx > .MuiTab-icon { margin-right: 4px; }
.css-m08nnx.Mui-selected { color: rgb(0, 254, 169); }
.css-m08nnx.Mui-disabled { color: rgba(255, 255, 255, 0.4); }
.css-m08nnx .MuiTab-iconWrapper { margin: 0px; }
.css-m08nnx:hover { color: rgb(255, 255, 255); }
.css-m08nnx:hover .MuiIcon-root { color: rgb(255, 255, 255); }
.css-m08nnx.Mui-disabled { opacity: 0.4; }
.css-x3kyv4 { user-select: none; width: 1em; height: 1em; overflow: hidden; display: inline-block; text-align: center; flex-shrink: 0; font-size: 1.5rem; }
.css-x3kyv4.MuiIcon-root { display: flex; width: 20px !important; height: 20px !important; font-size: 20px !important; line-height: 20px !important; }
.css-x3kyv4.MuiIcon-root.MuiIcon-colorTxt\.textWhite100 { color: rgb(255, 255, 255); }
.css-x3kyv4.MuiIcon-root.MuiIcon-colorTxt\.textWhite80 { color: rgba(255, 255, 255, 0.8); }
.css-x3kyv4.MuiIcon-root.MuiIcon-colorTxt\.textWhite40 { color: rgba(255, 255, 255, 0.4); }
.css-x3kyv4.MuiIcon-root.MuiIcon-colorTxt\.secondary { color: rgba(255, 255, 255, 0.8); }
.css-x3kyv4.MuiIcon-root.MuiIcon-colorAccent\.main { color: rgb(0, 254, 169); }
.css-x3kyv4.MuiIcon-root.MuiIcon-colorAccent\.gradient { background: linear-gradient(90deg, rgb(254, 226, 12) 0%, rgb(255, 174, 0) 100%) text; -webkit-text-fill-color: transparent; }
.css-x3kyv4.MuiIcon-root.MuiIcon-colorEvent\.bg { color: rgb(21, 40, 34); }
.css-x3kyv4.MuiIcon-root.MuiIcon-colorEvent\.bgHover { color: rgb(28, 54, 45); }
.css-x3kyv4.MuiIcon-root.MuiIcon-colorEvent\.bg2 { color: rgb(0, 254, 169); }
.css-x3kyv4.MuiIcon-root.MuiIcon-colorFilter\.bg { color: rgb(21, 40, 34); }
.css-x3kyv4.MuiIcon-root.MuiIcon-colorFilter\.bgHover { color: rgb(28, 54, 45); }
.css-x3kyv4.MuiIcon-root.MuiIcon-colorFilter\.bg2 { color: rgb(0, 254, 169); }
.css-x3kyv4.MuiIcon-root.MuiIcon-colorFixedColor\.success { color: rgb(152, 255, 22); }
.css-x3kyv4.MuiIcon-root.MuiIcon-colorFixedColor\.warning { color: rgb(255, 218, 22); }
.css-x3kyv4.MuiIcon-root.MuiIcon-colorFixedColor\.error { color: rgb(242, 73, 50); }
.css-x3kyv4.MuiIcon-root.MuiIcon-colorHeader\.bg { color: rgb(28, 54, 45); }
.css-x3kyv4.MuiIcon-root.MuiIcon-colorInputDropDown\.bg { color: rgb(21, 40, 34); }
.css-x3kyv4.MuiIcon-root.MuiIcon-colorInputDropDown\.bgHover { color: rgb(28, 54, 45); }
.css-x3kyv4.MuiIcon-root.MuiIcon-colorInputDropDown\.bg2 { color: rgb(0, 254, 169); }
.css-x3kyv4.MuiIcon-root.MuiIcon-colorMenu1\.bg { color: rgb(14, 27, 23); }
.css-x3kyv4.MuiIcon-root.MuiIcon-colorOdd\.bg { color: rgb(21, 40, 34); }
.css-x3kyv4.MuiIcon-root.MuiIcon-colorOdd\.bg2 { color: rgb(28, 54, 45); }
.css-x3kyv4.MuiIcon-root.MuiIcon-colorVip\.blackDiamond { color: rgb(240, 230, 215); }
.css-x3kyv4.MuiIcon-root.MuiIcon-colorVip\.bronze { color: rgb(202, 128, 86); }
.css-x3kyv4.MuiIcon-root.MuiIcon-colorVip\.gold { color: rgb(238, 190, 68); }
.css-x3kyv4.MuiIcon-root.MuiIcon-colorVip\.sliver { color: rgb(221, 221, 221); }
.css-x3kyv4.MuiIcon-root.MuiIcon-colorDark\.dark1 { color: rgb(14, 27, 23); }
.css-x3kyv4.MuiIcon-root.MuiIcon-colorFixedColor\.info { color: rgb(79, 195, 247); }
.css-x3kyv4.MuiIcon-fontSizeSmall { width: 16px !important; height: 16px !important; font-size: 16px !important; line-height: 16px !important; }
.css-x3kyv4.MuiIcon-fontSizeLarge { width: 24px !important; height: 24px !important; font-size: 24px !important; line-height: 24px !important; }
.css-x3kyv4.MuiIcon-fontSizeLarge80 { width: 80px !important; height: 80px !important; font-size: 80px !important; line-height: 80px !important; }
.css-x3kyv4.MuiIcon-fontSizeLarge40 { width: 40px !important; height: 40px !important; font-size: 40px !important; line-height: 40px !important; }
.css-x3kyv4.MuiIcon-fontSizeLarge64 { width: 64px !important; height: 64px !important; font-size: 64px !important; line-height: 64px !important; }
.css-x3kyv4.MuiIcon-fontSizeLarge44 { width: 44px !important; height: 44px !important; font-size: 44px !important; line-height: 44px !important; }
.css-x3kyv4.MuiIcon-fontSizeExtraSmall { width: 14px !important; height: 14px !important; font-size: 14px !important; line-height: 14px !important; }
.css-x3kyv4.MuiIcon-fontSizeExtLarge { width: 32px !important; height: 32px !important; font-size: 32px !important; line-height: 32px !important; }
.css-x3kyv4.MuiIcon-colorWhite { color: rgb(255, 255, 255); }
.css-1a1n2d7 { display: inline-flex; gap: 6px; width: fit-content; -webkit-box-pack: justify; justify-content: space-between; -webkit-box-align: center; align-items: center; }
.css-1a1n2d7 span { font-weight: 600; }
.css-142okut { margin: 0px; font-size: 14px; display: block; line-height: 18px; color: inherit; font-weight: 400; }
.css-dtg2nl { display: flex; gap: 12px; }
.css-pdenra { display: flex; flex-direction: row; gap: 12px; }
@media (max-width: 599.95px) {
  .css-pdenra { flex: 0 0 auto; }
}
.css-pdenra .search-button { background: rgb(28, 54, 45); }
.css-y3qe6z { display: inline-flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; gap: 8px; flex-shrink: 0; border-radius: 6px; color: rgba(0, 0, 0, 0.8); font-size: 14px; text-transform: none; text-align: center; width: 44px !important; height: 44px !important; }
.css-y3qe6z .MuiButton-startIcon { display: inline-flex; gap: 8px; margin-right: 0px; margin-left: 0px; }
.css-y3qe6z .MuiButton-endIcon { display: inline-flex; gap: 8px; margin-right: 0px; margin-left: 0px; }
.css-y3qe6z.MuiButton-containedPrimary { box-shadow: none; color: rgb(14, 27, 23); background: linear-gradient(90deg, rgb(254, 226, 12) 0%, rgb(255, 174, 0) 25%, rgb(254, 226, 12) 75%, rgb(255, 174, 0) 100%) 0% 0% / 400% 400%; }
.css-y3qe6z.MuiButton-containedPrimary:hover { color: rgb(14, 27, 23); animation: 0.7s ease 0s 1 normal forwards running animation-dofypc; }
.css-y3qe6z.MuiButton-containedPrimary:active { color: rgb(14, 27, 23); animation: 0.7s ease 0s 1 normal forwards running animation-i3y9un; }
.css-y3qe6z.MuiButton-containedPrimary:disabled { color: rgb(14, 27, 23); opacity: 0.5; }
.css-y3qe6z.MuiButton-containedSecondary { color: rgba(255, 255, 255, 0.8); background-color: rgb(28, 54, 45); box-shadow: none; }
.css-y3qe6z.MuiButton-containedSecondary:hover { background-color: rgb(28, 54, 45); opacity: 0.85; }
.css-y3qe6z.MuiButton-containedSecondary:active { color: rgb(255, 255, 255); background-color: rgb(28, 54, 45); opacity: 1; }
.css-y3qe6z.MuiButton-containedSecondary:disabled { color: rgba(255, 255, 255, 0.8); background-color: rgb(28, 54, 45); opacity: 0.4; }
.css-y3qe6z.MuiButton-containedSizeLarge { height: 44px; padding: 0px 12px; }
.css-y3qe6z.MuiButton-containedSizeMedium { height: 40px; padding: 0px 12px; }
.css-y3qe6z.MuiButton-containedSizeSmall { height: 36px; padding: 0px 12px; }
.css-y3qe6z.MuiButton-outlinedSizeLarge { height: 44px; padding: 0px 12px; }
.css-y3qe6z.MuiButton-outlinedSizeMedium { height: 40px; padding: 0px 12px; }
.css-y3qe6z.MuiButton-outlinedSizeSmall { height: 36px; padding: 0px 12px 0px 8px; }
.css-y3qe6z.MuiButton-text { padding: 0px 12px; color: rgb(0, 254, 169); font-size: 14px; font-weight: 600; line-height: 18px; }
.css-y3qe6z.MuiButton-text:hover { background: transparent; color: rgb(0, 229, 152); }
.css-y3qe6z.MuiButton-text:active { color: rgb(0, 229, 152); }
.css-y3qe6z.MuiButton-text:disabled { color: rgb(0, 254, 169); opacity: 0.4; }
.css-y3qe6z.MuiButton-textSecondary { color: rgba(255, 255, 255, 0.8); background: rgb(28, 54, 45); }
.css-y3qe6z.MuiButton-textSecondary:hover { opacity: 0.85; }
.css-y3qe6z.MuiButton-textSecondary:active { opacity: 1; }
.css-y3qe6z.MuiButton-textSecondary:disabled { opacity: 0.5; }
.css-y3qe6z.MuiButton-textSizeLarge { height: 44px; }
.css-y3qe6z.MuiButton-textSizeMedium { height: 40px; }
.css-y3qe6z.MuiButton-textSizeSmall { height: 36px; }
.css-y3qe6z.MuiButton-iconInherit { padding: 0px; }
.css-y3qe6z.MuiButton-iconPrimary { background: linear-gradient(90deg, rgb(254, 226, 12) 0%, rgb(255, 174, 0) 25%, rgb(254, 226, 12) 75%, rgb(255, 174, 0) 100%); box-shadow: none; }
.css-y3qe6z.MuiButton-iconPrimary:hover { opacity: 0.8; }
.css-y3qe6z.MuiButton-iconPrimary:active { opacity: 1; }
.css-y3qe6z.MuiButton-iconPrimary:disabled { opacity: 0.5; }
.css-y3qe6z.MuiButton-iconSecondary { color: rgba(255, 255, 255, 0.8); box-shadow: none; background-color: rgb(28, 54, 45); }
.css-y3qe6z.MuiButton-iconSecondary:hover { background-color: rgb(28, 54, 45); opacity: 0.85; }
.css-y3qe6z.MuiButton-iconSecondary:active { color: rgb(255, 255, 255); background-color: rgb(28, 54, 45); opacity: 1; }
.css-y3qe6z.MuiButton-iconSecondary:disabled { color: rgba(255, 255, 255, 0.8); background-color: rgb(28, 54, 45); opacity: 0.4; }
.css-y3qe6z.MuiButton-iconSuccess { background: rgb(152, 255, 22); border: 1px solid rgb(152, 255, 22); box-shadow: rgba(152, 255, 22, 0.6) 0px 0px 10px 0px; }
.css-y3qe6z.MuiButton-iconSuccess:hover { background-color: rgb(106, 178, 15); }
.css-y3qe6z.MuiButton-iconSuccess:active { background-color: rgb(106, 178, 15); }
.css-y3qe6z.MuiButton-iconSuccess:disabled { opacity: 0.5; box-shadow: none; }
.css-y3qe6z.MuiButton-iconError { background: rgb(242, 73, 50); border: 1px solid rgb(242, 73, 50); box-shadow: rgba(242, 73, 50, 0.6) 0px 0px 10px 0px; }
.css-y3qe6z.MuiButton-iconError:hover { background-color: rgb(169, 51, 35); }
.css-y3qe6z.MuiButton-iconError:active { background-color: rgb(169, 51, 35); }
.css-y3qe6z.MuiButton-iconError:disabled { opacity: 0.5; box-shadow: none; }
.css-y3qe6z.MuiButton-iconInfo { background: rgb(79, 195, 247); border: 1px solid rgb(79, 195, 247); box-shadow: rgba(79, 195, 247, 0.6) 0px 0px 10px 0px; }
.css-y3qe6z.MuiButton-iconInfo:hover { background-color: rgb(55, 136, 172); }
.css-y3qe6z.MuiButton-iconInfo:active { background-color: rgb(55, 136, 172); }
.css-y3qe6z.MuiButton-iconInfo:disabled { opacity: 0.5; box-shadow: none; }
.css-y3qe6z.MuiButton-iconWarning { background: rgb(255, 218, 22); border: 1px solid rgb(255, 218, 22); box-shadow: rgba(255, 218, 22, 0.6) 0px 0px 10px 0px; }
.css-y3qe6z.MuiButton-iconWarning:hover { background-color: rgb(178, 152, 15); }
.css-y3qe6z.MuiButton-iconWarning:active { background-color: rgb(178, 152, 15); }
.css-y3qe6z.MuiButton-iconWarning:disabled { opacity: 0.5; box-shadow: none; }
.css-y3qe6z.MuiButton-iconSizeLarge { min-width: 44px; width: 44px; height: 44px; padding: 2px; }
.css-y3qe6z.MuiButton-iconSizeLarge .MuiButton-startIcon { display: flex; gap: 0px; margin: 0px; color: rgba(255, 255, 255, 0.8); }
.css-y3qe6z.MuiButton-iconSizeMedium { min-width: 40px; width: 40px; height: 40px; padding: 2px; }
.css-y3qe6z.MuiButton-iconSizeMedium .MuiButton-startIcon { display: flex; gap: 0px; margin: 0px; }
.css-y3qe6z.MuiButton-iconSizeSmall { min-width: 36px; width: 36px; height: 36px; padding: 2px; }
.css-y3qe6z.MuiButton-iconSizeSmall .MuiButton-startIcon { display: flex; gap: 0px; margin: 0px; }
.css-y3qe6z.MuiButton-outlined { color: rgb(0, 254, 169); border: 1px solid rgb(0, 254, 169); background: rgba(14, 27, 23, 0.4); }
.css-y3qe6z.MuiButton-outlined:hover { border: 1px solid rgb(0, 254, 169); background: rgba(14, 27, 23, 0.4); opacity: 0.85; }
.css-y3qe6z.MuiButton-outlined:active { opacity: 1; }
.css-y3qe6z.MuiButton-outlined:disabled { color: rgb(0, 254, 169); border: 1px solid rgb(0, 254, 169); opacity: 0.4; }
.css-y3qe6z.MuiButton-cta { color: rgb(14, 27, 23); background-image: linear-gradient(90deg, rgb(254, 226, 12) 0%, rgb(255, 174, 0) 25%, rgb(254, 226, 12) 75%, rgb(255, 174, 0) 100%); background-size: 400% 400%; font-size: 14px; font-weight: 600; line-height: 18px; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; box-shadow: rgba(255, 255, 255, 0.6) 0px 9px 8px 0px inset, rgba(0, 254, 169, 0.2) 0px -4px 8px 0px inset, rgba(0, 254, 169, 0.24) 0px 0px 50px 0px; }
.css-y3qe6z.MuiButton-cta:hover { animation: 0.7s ease 0s 1 normal forwards running animation-dofypc; box-shadow: rgba(255, 255, 255, 0.6) 0px 9px 8px 0px inset, rgba(0, 254, 169, 0.2) 0px -4px 8px 0px inset, rgba(0, 254, 169, 0.8) 0px 0px 40px 0px; }
.css-y3qe6z.MuiButton-cta:active { animation: 0.7s ease 0s 1 normal forwards running animation-i3y9un; box-shadow: rgba(255, 255, 255, 0.6) 0px 9px 8px 0px inset, rgba(0, 254, 169, 0.2) 0px -4px 8px 0px inset, rgba(0, 254, 169, 0.24) 0px 0px 50px 0px; }
.css-y3qe6z.MuiButton-cta:disabled { color: rgb(14, 27, 23); opacity: 0.5; box-shadow: rgba(255, 255, 255, 0.6) 0px 9px 8px 0px inset, rgba(0, 254, 169, 0.2) 0px -4px 8px 0px inset, rgba(0, 254, 169, 0.24) 0px 0px 50px 0px; }
.css-y3qe6z.MuiButton-ctaSizeLarge { height: 44px; padding: 0px 12px; }
.css-y3qe6z.MuiButton-ctaSizeMedium { height: 40px; padding: 0px 12px; }
.css-y3qe6z.MuiButton-ctaSizeSmall { height: 36px; padding: 0px 12px; }
@media (max-width: 599.95px) {
  .css-y3qe6z { display: none; }
}
@-webkit-keyframes animation-i3y9un { 
  0% { background-position: 50% 0%; }
  100% { background-position: 0% 5%; }
}
@keyframes animation-i3y9un { 
  0% { background-position: 50% 0%; }
  100% { background-position: 0% 5%; }
}
@-webkit-keyframes animation-dofypc { 
  0% { background-position: 0% 50%; }
  100% { background-position: 50% 0%; }
}
@keyframes animation-dofypc { 
  0% { background-position: 0% 50%; }
  100% { background-position: 50% 0%; }
}
@-webkit-keyframes animation-i3y9un { 
  0% { background-position: 50% 0%; }
  100% { background-position: 0% 5%; }
}
@keyframes animation-i3y9un { 
  0% { background-position: 50% 0%; }
  100% { background-position: 0% 5%; }
}
@-webkit-keyframes animation-dofypc { 
  0% { background-position: 0% 50%; }
  100% { background-position: 50% 0%; }
}
@keyframes animation-dofypc { 
  0% { background-position: 0% 50%; }
  100% { background-position: 50% 0%; }
}
.css-fbbb70 { font-family: Kanit, sans-serif; font-weight: 500; line-height: 1.75; min-width: 64px; padding: 6px 16px; border: 0px; --variant-textColor: #2A5044; --variant-outlinedColor: #2A5044; --variant-outlinedBorder: rgba(42, 80, 68, 0.5); --variant-containedColor: #fff; --variant-containedBg: #2A5044; transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1), box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1), border-color 250ms cubic-bezier(0.4, 0, 0.2, 1); display: inline-flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; gap: 8px; flex-shrink: 0; border-radius: 6px; color: rgba(0, 0, 0, 0.8); font-size: 14px; text-transform: none; text-align: center; width: 44px !important; height: 44px !important; }
.css-fbbb70:hover { text-decoration: none; }
.css-fbbb70.Mui-disabled { color: rgba(255, 255, 255, 0.3); }
@media (hover: hover) {
  .css-fbbb70:hover { --variant-containedBg: rgb(29, 56, 47); --variant-textBg: rgba(42, 80, 68, 0.08); --variant-outlinedBorder: #2A5044; --variant-outlinedBg: rgba(42, 80, 68, 0.08); }
}
.css-fbbb70.MuiButton-loading { color: transparent; }
.css-fbbb70 .MuiButton-startIcon { display: inline-flex; gap: 8px; margin-right: 0px; margin-left: 0px; }
.css-fbbb70 .MuiButton-endIcon { display: inline-flex; gap: 8px; margin-right: 0px; margin-left: 0px; }
.css-fbbb70.MuiButton-containedPrimary { box-shadow: none; color: rgb(14, 27, 23); background: linear-gradient(90deg, rgb(254, 226, 12) 0%, rgb(255, 174, 0) 25%, rgb(254, 226, 12) 75%, rgb(255, 174, 0) 100%) 0% 0% / 400% 400%; }
.css-fbbb70.MuiButton-containedPrimary:hover { color: rgb(14, 27, 23); animation: 0.7s ease 0s 1 normal forwards running animation-dofypc; }
.css-fbbb70.MuiButton-containedPrimary:active { color: rgb(14, 27, 23); animation: 0.7s ease 0s 1 normal forwards running animation-i3y9un; }
.css-fbbb70.MuiButton-containedPrimary:disabled { color: rgb(14, 27, 23); opacity: 0.5; }
.css-fbbb70.MuiButton-containedSecondary { color: rgba(255, 255, 255, 0.8); background-color: rgb(28, 54, 45); box-shadow: none; }
.css-fbbb70.MuiButton-containedSecondary:hover { background-color: rgb(28, 54, 45); opacity: 0.85; }
.css-fbbb70.MuiButton-containedSecondary:active { color: rgb(255, 255, 255); background-color: rgb(28, 54, 45); opacity: 1; }
.css-fbbb70.MuiButton-containedSecondary:disabled { color: rgba(255, 255, 255, 0.8); background-color: rgb(28, 54, 45); opacity: 0.4; }
.css-fbbb70.MuiButton-containedSizeLarge { height: 44px; padding: 0px 12px; }
.css-fbbb70.MuiButton-containedSizeMedium { height: 40px; padding: 0px 12px; }
.css-fbbb70.MuiButton-containedSizeSmall { height: 36px; padding: 0px 12px; }
.css-fbbb70.MuiButton-outlinedSizeLarge { height: 44px; padding: 0px 12px; }
.css-fbbb70.MuiButton-outlinedSizeMedium { height: 40px; padding: 0px 12px; }
.css-fbbb70.MuiButton-outlinedSizeSmall { height: 36px; padding: 0px 12px 0px 8px; }
.css-fbbb70.MuiButton-text { padding: 0px 12px; color: rgb(0, 254, 169); font-size: 14px; font-weight: 600; line-height: 18px; }
.css-fbbb70.MuiButton-text:hover { background: transparent; color: rgb(0, 229, 152); }
.css-fbbb70.MuiButton-text:active { color: rgb(0, 229, 152); }
.css-fbbb70.MuiButton-text:disabled { color: rgb(0, 254, 169); opacity: 0.4; }
.css-fbbb70.MuiButton-textSecondary { color: rgba(255, 255, 255, 0.8); background: rgb(28, 54, 45); }
.css-fbbb70.MuiButton-textSecondary:hover { opacity: 0.85; }
.css-fbbb70.MuiButton-textSecondary:active { opacity: 1; }
.css-fbbb70.MuiButton-textSecondary:disabled { opacity: 0.5; }
.css-fbbb70.MuiButton-textSizeLarge { height: 44px; }
.css-fbbb70.MuiButton-textSizeMedium { height: 40px; }
.css-fbbb70.MuiButton-textSizeSmall { height: 36px; }
.css-fbbb70.MuiButton-iconInherit { padding: 0px; }
.css-fbbb70.MuiButton-iconPrimary { background: linear-gradient(90deg, rgb(254, 226, 12) 0%, rgb(255, 174, 0) 25%, rgb(254, 226, 12) 75%, rgb(255, 174, 0) 100%); box-shadow: none; }
.css-fbbb70.MuiButton-iconPrimary:hover { opacity: 0.8; }
.css-fbbb70.MuiButton-iconPrimary:active { opacity: 1; }
.css-fbbb70.MuiButton-iconPrimary:disabled { opacity: 0.5; }
.css-fbbb70.MuiButton-iconSecondary { color: rgba(255, 255, 255, 0.8); box-shadow: none; background-color: rgb(28, 54, 45); }
.css-fbbb70.MuiButton-iconSecondary:hover { background-color: rgb(28, 54, 45); opacity: 0.85; }
.css-fbbb70.MuiButton-iconSecondary:active { color: rgb(255, 255, 255); background-color: rgb(28, 54, 45); opacity: 1; }
.css-fbbb70.MuiButton-iconSecondary:disabled { color: rgba(255, 255, 255, 0.8); background-color: rgb(28, 54, 45); opacity: 0.4; }
.css-fbbb70.MuiButton-iconSuccess { background: rgb(152, 255, 22); border: 1px solid rgb(152, 255, 22); box-shadow: rgba(152, 255, 22, 0.6) 0px 0px 10px 0px; }
.css-fbbb70.MuiButton-iconSuccess:hover { background-color: rgb(106, 178, 15); }
.css-fbbb70.MuiButton-iconSuccess:active { background-color: rgb(106, 178, 15); }
.css-fbbb70.MuiButton-iconSuccess:disabled { opacity: 0.5; box-shadow: none; }
.css-fbbb70.MuiButton-iconError { background: rgb(242, 73, 50); border: 1px solid rgb(242, 73, 50); box-shadow: rgba(242, 73, 50, 0.6) 0px 0px 10px 0px; }
.css-fbbb70.MuiButton-iconError:hover { background-color: rgb(169, 51, 35); }
.css-fbbb70.MuiButton-iconError:active { background-color: rgb(169, 51, 35); }
.css-fbbb70.MuiButton-iconError:disabled { opacity: 0.5; box-shadow: none; }
.css-fbbb70.MuiButton-iconInfo { background: rgb(79, 195, 247); border: 1px solid rgb(79, 195, 247); box-shadow: rgba(79, 195, 247, 0.6) 0px 0px 10px 0px; }
.css-fbbb70.MuiButton-iconInfo:hover { background-color: rgb(55, 136, 172); }
.css-fbbb70.MuiButton-iconInfo:active { background-color: rgb(55, 136, 172); }
.css-fbbb70.MuiButton-iconInfo:disabled { opacity: 0.5; box-shadow: none; }
.css-fbbb70.MuiButton-iconWarning { background: rgb(255, 218, 22); border: 1px solid rgb(255, 218, 22); box-shadow: rgba(255, 218, 22, 0.6) 0px 0px 10px 0px; }
.css-fbbb70.MuiButton-iconWarning:hover { background-color: rgb(178, 152, 15); }
.css-fbbb70.MuiButton-iconWarning:active { background-color: rgb(178, 152, 15); }
.css-fbbb70.MuiButton-iconWarning:disabled { opacity: 0.5; box-shadow: none; }
.css-fbbb70.MuiButton-iconSizeLarge { min-width: 44px; width: 44px; height: 44px; padding: 2px; }
.css-fbbb70.MuiButton-iconSizeLarge .MuiButton-startIcon { display: flex; gap: 0px; margin: 0px; color: rgba(255, 255, 255, 0.8); }
.css-fbbb70.MuiButton-iconSizeMedium { min-width: 40px; width: 40px; height: 40px; padding: 2px; }
.css-fbbb70.MuiButton-iconSizeMedium .MuiButton-startIcon { display: flex; gap: 0px; margin: 0px; }
.css-fbbb70.MuiButton-iconSizeSmall { min-width: 36px; width: 36px; height: 36px; padding: 2px; }
.css-fbbb70.MuiButton-iconSizeSmall .MuiButton-startIcon { display: flex; gap: 0px; margin: 0px; }
.css-fbbb70.MuiButton-outlined { color: rgb(0, 254, 169); border: 1px solid rgb(0, 254, 169); background: rgba(14, 27, 23, 0.4); }
.css-fbbb70.MuiButton-outlined:hover { border: 1px solid rgb(0, 254, 169); background: rgba(14, 27, 23, 0.4); opacity: 0.85; }
.css-fbbb70.MuiButton-outlined:active { opacity: 1; }
.css-fbbb70.MuiButton-outlined:disabled { color: rgb(0, 254, 169); border: 1px solid rgb(0, 254, 169); opacity: 0.4; }
.css-fbbb70.MuiButton-cta { color: rgb(14, 27, 23); background-image: linear-gradient(90deg, rgb(254, 226, 12) 0%, rgb(255, 174, 0) 25%, rgb(254, 226, 12) 75%, rgb(255, 174, 0) 100%); background-size: 400% 400%; font-size: 14px; font-weight: 600; line-height: 18px; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; box-shadow: rgba(255, 255, 255, 0.6) 0px 9px 8px 0px inset, rgba(0, 254, 169, 0.2) 0px -4px 8px 0px inset, rgba(0, 254, 169, 0.24) 0px 0px 50px 0px; }
.css-fbbb70.MuiButton-cta:hover { animation: 0.7s ease 0s 1 normal forwards running animation-dofypc; box-shadow: rgba(255, 255, 255, 0.6) 0px 9px 8px 0px inset, rgba(0, 254, 169, 0.2) 0px -4px 8px 0px inset, rgba(0, 254, 169, 0.8) 0px 0px 40px 0px; }
.css-fbbb70.MuiButton-cta:active { animation: 0.7s ease 0s 1 normal forwards running animation-i3y9un; box-shadow: rgba(255, 255, 255, 0.6) 0px 9px 8px 0px inset, rgba(0, 254, 169, 0.2) 0px -4px 8px 0px inset, rgba(0, 254, 169, 0.24) 0px 0px 50px 0px; }
.css-fbbb70.MuiButton-cta:disabled { color: rgb(14, 27, 23); opacity: 0.5; box-shadow: rgba(255, 255, 255, 0.6) 0px 9px 8px 0px inset, rgba(0, 254, 169, 0.2) 0px -4px 8px 0px inset, rgba(0, 254, 169, 0.24) 0px 0px 50px 0px; }
.css-fbbb70.MuiButton-ctaSizeLarge { height: 44px; padding: 0px 12px; }
.css-fbbb70.MuiButton-ctaSizeMedium { height: 40px; padding: 0px 12px; }
.css-fbbb70.MuiButton-ctaSizeSmall { height: 36px; padding: 0px 12px; }
@media (max-width: 599.95px) {
  .css-fbbb70 { display: none; }
}
.css-1r6carb { position: relative; box-sizing: border-box; -webkit-tap-highlight-color: transparent; background-color: transparent; outline: 0px; margin: 0px; cursor: pointer; user-select: none; vertical-align: middle; appearance: none; text-decoration: none; font-family: Kanit, sans-serif; font-weight: 500; line-height: 1.75; min-width: 64px; padding: 6px 16px; border: 0px; --variant-textColor: #2A5044; --variant-outlinedColor: #2A5044; --variant-outlinedBorder: rgba(42, 80, 68, 0.5); --variant-containedColor: #fff; --variant-containedBg: #2A5044; transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1), box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1), border-color 250ms cubic-bezier(0.4, 0, 0.2, 1); display: inline-flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; gap: 8px; flex-shrink: 0; border-radius: 6px; color: rgba(0, 0, 0, 0.8); font-size: 14px; text-transform: none; text-align: center; width: 44px !important; height: 44px !important; }
.css-1r6carb.Mui-disabled { pointer-events: none; cursor: default; }
@media print {
  .css-1r6carb { print-color-adjust: exact; }
}
.css-1r6carb:hover { text-decoration: none; }
.css-1r6carb.Mui-disabled { color: rgba(255, 255, 255, 0.3); }
@media (hover: hover) {
  .css-1r6carb:hover { --variant-containedBg: rgb(29, 56, 47); --variant-textBg: rgba(42, 80, 68, 0.08); --variant-outlinedBorder: #2A5044; --variant-outlinedBg: rgba(42, 80, 68, 0.08); }
}
.css-1r6carb.MuiButton-loading { color: transparent; }
.css-1r6carb .MuiButton-startIcon { display: inline-flex; gap: 8px; margin-right: 0px; margin-left: 0px; }
.css-1r6carb .MuiButton-endIcon { display: inline-flex; gap: 8px; margin-right: 0px; margin-left: 0px; }
.css-1r6carb.MuiButton-containedPrimary { box-shadow: none; color: rgb(14, 27, 23); background: linear-gradient(90deg, rgb(254, 226, 12) 0%, rgb(255, 174, 0) 25%, rgb(254, 226, 12) 75%, rgb(255, 174, 0) 100%) 0% 0% / 400% 400%; }
.css-1r6carb.MuiButton-containedPrimary:hover { color: rgb(14, 27, 23); animation: 0.7s ease 0s 1 normal forwards running animation-dofypc; }
.css-1r6carb.MuiButton-containedPrimary:active { color: rgb(14, 27, 23); animation: 0.7s ease 0s 1 normal forwards running animation-i3y9un; }
.css-1r6carb.MuiButton-containedPrimary:disabled { color: rgb(14, 27, 23); opacity: 0.5; }
.css-1r6carb.MuiButton-containedSecondary { color: rgba(255, 255, 255, 0.8); background-color: rgb(28, 54, 45); box-shadow: none; }
.css-1r6carb.MuiButton-containedSecondary:hover { background-color: rgb(28, 54, 45); opacity: 0.85; }
.css-1r6carb.MuiButton-containedSecondary:active { color: rgb(255, 255, 255); background-color: rgb(28, 54, 45); opacity: 1; }
.css-1r6carb.MuiButton-containedSecondary:disabled { color: rgba(255, 255, 255, 0.8); background-color: rgb(28, 54, 45); opacity: 0.4; }
.css-1r6carb.MuiButton-containedSizeLarge { height: 44px; padding: 0px 12px; }
.css-1r6carb.MuiButton-containedSizeMedium { height: 40px; padding: 0px 12px; }
.css-1r6carb.MuiButton-containedSizeSmall { height: 36px; padding: 0px 12px; }
.css-1r6carb.MuiButton-outlinedSizeLarge { height: 44px; padding: 0px 12px; }
.css-1r6carb.MuiButton-outlinedSizeMedium { height: 40px; padding: 0px 12px; }
.css-1r6carb.MuiButton-outlinedSizeSmall { height: 36px; padding: 0px 12px 0px 8px; }
.css-1r6carb.MuiButton-text { padding: 0px 12px; color: rgb(0, 254, 169); font-size: 14px; font-weight: 600; line-height: 18px; }
.css-1r6carb.MuiButton-text:hover { background: transparent; color: rgb(0, 229, 152); }
.css-1r6carb.MuiButton-text:active { color: rgb(0, 229, 152); }
.css-1r6carb.MuiButton-text:disabled { color: rgb(0, 254, 169); opacity: 0.4; }
.css-1r6carb.MuiButton-textSecondary { color: rgba(255, 255, 255, 0.8); background: rgb(28, 54, 45); }
.css-1r6carb.MuiButton-textSecondary:hover { opacity: 0.85; }
.css-1r6carb.MuiButton-textSecondary:active { opacity: 1; }
.css-1r6carb.MuiButton-textSecondary:disabled { opacity: 0.5; }
.css-1r6carb.MuiButton-textSizeLarge { height: 44px; }
.css-1r6carb.MuiButton-textSizeMedium { height: 40px; }
.css-1r6carb.MuiButton-textSizeSmall { height: 36px; }
.css-1r6carb.MuiButton-iconInherit { padding: 0px; }
.css-1r6carb.MuiButton-iconPrimary { background: linear-gradient(90deg, rgb(254, 226, 12) 0%, rgb(255, 174, 0) 25%, rgb(254, 226, 12) 75%, rgb(255, 174, 0) 100%); box-shadow: none; }
.css-1r6carb.MuiButton-iconPrimary:hover { opacity: 0.8; }
.css-1r6carb.MuiButton-iconPrimary:active { opacity: 1; }
.css-1r6carb.MuiButton-iconPrimary:disabled { opacity: 0.5; }
.css-1r6carb.MuiButton-iconSecondary { color: rgba(255, 255, 255, 0.8); box-shadow: none; background-color: rgb(28, 54, 45); }
.css-1r6carb.MuiButton-iconSecondary:hover { background-color: rgb(28, 54, 45); opacity: 0.85; }
.css-1r6carb.MuiButton-iconSecondary:active { color: rgb(255, 255, 255); background-color: rgb(28, 54, 45); opacity: 1; }
.css-1r6carb.MuiButton-iconSecondary:disabled { color: rgba(255, 255, 255, 0.8); background-color: rgb(28, 54, 45); opacity: 0.4; }
.css-1r6carb.MuiButton-iconSuccess { background: rgb(152, 255, 22); border: 1px solid rgb(152, 255, 22); box-shadow: rgba(152, 255, 22, 0.6) 0px 0px 10px 0px; }
.css-1r6carb.MuiButton-iconSuccess:hover { background-color: rgb(106, 178, 15); }
.css-1r6carb.MuiButton-iconSuccess:active { background-color: rgb(106, 178, 15); }
.css-1r6carb.MuiButton-iconSuccess:disabled { opacity: 0.5; box-shadow: none; }
.css-1r6carb.MuiButton-iconError { background: rgb(242, 73, 50); border: 1px solid rgb(242, 73, 50); box-shadow: rgba(242, 73, 50, 0.6) 0px 0px 10px 0px; }
.css-1r6carb.MuiButton-iconError:hover { background-color: rgb(169, 51, 35); }
.css-1r6carb.MuiButton-iconError:active { background-color: rgb(169, 51, 35); }
.css-1r6carb.MuiButton-iconError:disabled { opacity: 0.5; box-shadow: none; }
.css-1r6carb.MuiButton-iconInfo { background: rgb(79, 195, 247); border: 1px solid rgb(79, 195, 247); box-shadow: rgba(79, 195, 247, 0.6) 0px 0px 10px 0px; }
.css-1r6carb.MuiButton-iconInfo:hover { background-color: rgb(55, 136, 172); }
.css-1r6carb.MuiButton-iconInfo:active { background-color: rgb(55, 136, 172); }
.css-1r6carb.MuiButton-iconInfo:disabled { opacity: 0.5; box-shadow: none; }
.css-1r6carb.MuiButton-iconWarning { background: rgb(255, 218, 22); border: 1px solid rgb(255, 218, 22); box-shadow: rgba(255, 218, 22, 0.6) 0px 0px 10px 0px; }
.css-1r6carb.MuiButton-iconWarning:hover { background-color: rgb(178, 152, 15); }
.css-1r6carb.MuiButton-iconWarning:active { background-color: rgb(178, 152, 15); }
.css-1r6carb.MuiButton-iconWarning:disabled { opacity: 0.5; box-shadow: none; }
.css-1r6carb.MuiButton-iconSizeLarge { min-width: 44px; width: 44px; height: 44px; padding: 2px; }
.css-1r6carb.MuiButton-iconSizeLarge .MuiButton-startIcon { display: flex; gap: 0px; margin: 0px; color: rgba(255, 255, 255, 0.8); }
.css-1r6carb.MuiButton-iconSizeMedium { min-width: 40px; width: 40px; height: 40px; padding: 2px; }
.css-1r6carb.MuiButton-iconSizeMedium .MuiButton-startIcon { display: flex; gap: 0px; margin: 0px; }
.css-1r6carb.MuiButton-iconSizeSmall { min-width: 36px; width: 36px; height: 36px; padding: 2px; }
.css-1r6carb.MuiButton-iconSizeSmall .MuiButton-startIcon { display: flex; gap: 0px; margin: 0px; }
.css-1r6carb.MuiButton-outlined { color: rgb(0, 254, 169); border: 1px solid rgb(0, 254, 169); background: rgba(14, 27, 23, 0.4); }
.css-1r6carb.MuiButton-outlined:hover { border: 1px solid rgb(0, 254, 169); background: rgba(14, 27, 23, 0.4); opacity: 0.85; }
.css-1r6carb.MuiButton-outlined:active { opacity: 1; }
.css-1r6carb.MuiButton-outlined:disabled { color: rgb(0, 254, 169); border: 1px solid rgb(0, 254, 169); opacity: 0.4; }
.css-1r6carb.MuiButton-cta { color: rgb(14, 27, 23); background-image: linear-gradient(90deg, rgb(254, 226, 12) 0%, rgb(255, 174, 0) 25%, rgb(254, 226, 12) 75%, rgb(255, 174, 0) 100%); background-size: 400% 400%; font-size: 14px; font-weight: 600; line-height: 18px; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; box-shadow: rgba(255, 255, 255, 0.6) 0px 9px 8px 0px inset, rgba(0, 254, 169, 0.2) 0px -4px 8px 0px inset, rgba(0, 254, 169, 0.24) 0px 0px 50px 0px; }
.css-1r6carb.MuiButton-cta:hover { animation: 0.7s ease 0s 1 normal forwards running animation-dofypc; box-shadow: rgba(255, 255, 255, 0.6) 0px 9px 8px 0px inset, rgba(0, 254, 169, 0.2) 0px -4px 8px 0px inset, rgba(0, 254, 169, 0.8) 0px 0px 40px 0px; }
.css-1r6carb.MuiButton-cta:active { animation: 0.7s ease 0s 1 normal forwards running animation-i3y9un; box-shadow: rgba(255, 255, 255, 0.6) 0px 9px 8px 0px inset, rgba(0, 254, 169, 0.2) 0px -4px 8px 0px inset, rgba(0, 254, 169, 0.24) 0px 0px 50px 0px; }
.css-1r6carb.MuiButton-cta:disabled { color: rgb(14, 27, 23); opacity: 0.5; box-shadow: rgba(255, 255, 255, 0.6) 0px 9px 8px 0px inset, rgba(0, 254, 169, 0.2) 0px -4px 8px 0px inset, rgba(0, 254, 169, 0.24) 0px 0px 50px 0px; }
.css-1r6carb.MuiButton-ctaSizeLarge { height: 44px; padding: 0px 12px; }
.css-1r6carb.MuiButton-ctaSizeMedium { height: 40px; padding: 0px 12px; }
.css-1r6carb.MuiButton-ctaSizeSmall { height: 36px; padding: 0px 12px; }
@media (max-width: 599.95px) {
  .css-1r6carb { display: none; }
}
.css-1qfx30c { display: inherit; margin-right: 8px; margin-left: -2px; }
.css-1qfx30c > :nth-of-type(1) { font-size: 18px; }
.css-w1aohp { transform: unset; }
.css-w1aohp.MuiIcon-root { display: flex; width: 20px !important; height: 20px !important; font-size: 20px !important; line-height: 20px !important; }
.css-w1aohp.MuiIcon-root.MuiIcon-colorTxt\.textWhite100 { color: rgb(255, 255, 255); }
.css-w1aohp.MuiIcon-root.MuiIcon-colorTxt\.textWhite80 { color: rgba(255, 255, 255, 0.8); }
.css-w1aohp.MuiIcon-root.MuiIcon-colorTxt\.textWhite40 { color: rgba(255, 255, 255, 0.4); }
.css-w1aohp.MuiIcon-root.MuiIcon-colorTxt\.secondary { color: rgba(255, 255, 255, 0.8); }
.css-w1aohp.MuiIcon-root.MuiIcon-colorAccent\.main { color: rgb(0, 254, 169); }
.css-w1aohp.MuiIcon-root.MuiIcon-colorAccent\.gradient { background: linear-gradient(90deg, rgb(254, 226, 12) 0%, rgb(255, 174, 0) 100%) text; -webkit-text-fill-color: transparent; }
.css-w1aohp.MuiIcon-root.MuiIcon-colorEvent\.bg { color: rgb(21, 40, 34); }
.css-w1aohp.MuiIcon-root.MuiIcon-colorEvent\.bgHover { color: rgb(28, 54, 45); }
.css-w1aohp.MuiIcon-root.MuiIcon-colorEvent\.bg2 { color: rgb(0, 254, 169); }
.css-w1aohp.MuiIcon-root.MuiIcon-colorFilter\.bg { color: rgb(21, 40, 34); }
.css-w1aohp.MuiIcon-root.MuiIcon-colorFilter\.bgHover { color: rgb(28, 54, 45); }
.css-w1aohp.MuiIcon-root.MuiIcon-colorFilter\.bg2 { color: rgb(0, 254, 169); }
.css-w1aohp.MuiIcon-root.MuiIcon-colorFixedColor\.success { color: rgb(152, 255, 22); }
.css-w1aohp.MuiIcon-root.MuiIcon-colorFixedColor\.warning { color: rgb(255, 218, 22); }
.css-w1aohp.MuiIcon-root.MuiIcon-colorFixedColor\.error { color: rgb(242, 73, 50); }
.css-w1aohp.MuiIcon-root.MuiIcon-colorHeader\.bg { color: rgb(28, 54, 45); }
.css-w1aohp.MuiIcon-root.MuiIcon-colorInputDropDown\.bg { color: rgb(21, 40, 34); }
.css-w1aohp.MuiIcon-root.MuiIcon-colorInputDropDown\.bgHover { color: rgb(28, 54, 45); }
.css-w1aohp.MuiIcon-root.MuiIcon-colorInputDropDown\.bg2 { color: rgb(0, 254, 169); }
.css-w1aohp.MuiIcon-root.MuiIcon-colorMenu1\.bg { color: rgb(14, 27, 23); }
.css-w1aohp.MuiIcon-root.MuiIcon-colorOdd\.bg { color: rgb(21, 40, 34); }
.css-w1aohp.MuiIcon-root.MuiIcon-colorOdd\.bg2 { color: rgb(28, 54, 45); }
.css-w1aohp.MuiIcon-root.MuiIcon-colorVip\.blackDiamond { color: rgb(240, 230, 215); }
.css-w1aohp.MuiIcon-root.MuiIcon-colorVip\.bronze { color: rgb(202, 128, 86); }
.css-w1aohp.MuiIcon-root.MuiIcon-colorVip\.gold { color: rgb(238, 190, 68); }
.css-w1aohp.MuiIcon-root.MuiIcon-colorVip\.sliver { color: rgb(221, 221, 221); }
.css-w1aohp.MuiIcon-root.MuiIcon-colorDark\.dark1 { color: rgb(14, 27, 23); }
.css-w1aohp.MuiIcon-root.MuiIcon-colorFixedColor\.info { color: rgb(79, 195, 247); }
.css-w1aohp.MuiIcon-fontSizeSmall { width: 16px !important; height: 16px !important; font-size: 16px !important; line-height: 16px !important; }
.css-w1aohp.MuiIcon-fontSizeLarge { width: 24px !important; height: 24px !important; font-size: 24px !important; line-height: 24px !important; }
.css-w1aohp.MuiIcon-fontSizeLarge80 { width: 80px !important; height: 80px !important; font-size: 80px !important; line-height: 80px !important; }
.css-w1aohp.MuiIcon-fontSizeLarge40 { width: 40px !important; height: 40px !important; font-size: 40px !important; line-height: 40px !important; }
.css-w1aohp.MuiIcon-fontSizeLarge64 { width: 64px !important; height: 64px !important; font-size: 64px !important; line-height: 64px !important; }
.css-w1aohp.MuiIcon-fontSizeLarge44 { width: 44px !important; height: 44px !important; font-size: 44px !important; line-height: 44px !important; }
.css-w1aohp.MuiIcon-fontSizeExtraSmall { width: 14px !important; height: 14px !important; font-size: 14px !important; line-height: 14px !important; }
.css-w1aohp.MuiIcon-fontSizeExtLarge { width: 32px !important; height: 32px !important; font-size: 32px !important; line-height: 32px !important; }
.css-w1aohp.MuiIcon-colorWhite { color: rgb(255, 255, 255); }
.css-1s8kkba { user-select: none; width: 1em; height: 1em; overflow: hidden; display: inline-block; text-align: center; flex-shrink: 0; font-size: 1.5rem; transform: unset; }
.css-1s8kkba.MuiIcon-root { display: flex; width: 20px !important; height: 20px !important; font-size: 20px !important; line-height: 20px !important; }
.css-1s8kkba.MuiIcon-root.MuiIcon-colorTxt\.textWhite100 { color: rgb(255, 255, 255); }
.css-1s8kkba.MuiIcon-root.MuiIcon-colorTxt\.textWhite80 { color: rgba(255, 255, 255, 0.8); }
.css-1s8kkba.MuiIcon-root.MuiIcon-colorTxt\.textWhite40 { color: rgba(255, 255, 255, 0.4); }
.css-1s8kkba.MuiIcon-root.MuiIcon-colorTxt\.secondary { color: rgba(255, 255, 255, 0.8); }
.css-1s8kkba.MuiIcon-root.MuiIcon-colorAccent\.main { color: rgb(0, 254, 169); }
.css-1s8kkba.MuiIcon-root.MuiIcon-colorAccent\.gradient { background: linear-gradient(90deg, rgb(254, 226, 12) 0%, rgb(255, 174, 0) 100%) text; -webkit-text-fill-color: transparent; }
.css-1s8kkba.MuiIcon-root.MuiIcon-colorEvent\.bg { color: rgb(21, 40, 34); }
.css-1s8kkba.MuiIcon-root.MuiIcon-colorEvent\.bgHover { color: rgb(28, 54, 45); }
.css-1s8kkba.MuiIcon-root.MuiIcon-colorEvent\.bg2 { color: rgb(0, 254, 169); }
.css-1s8kkba.MuiIcon-root.MuiIcon-colorFilter\.bg { color: rgb(21, 40, 34); }
.css-1s8kkba.MuiIcon-root.MuiIcon-colorFilter\.bgHover { color: rgb(28, 54, 45); }
.css-1s8kkba.MuiIcon-root.MuiIcon-colorFilter\.bg2 { color: rgb(0, 254, 169); }
.css-1s8kkba.MuiIcon-root.MuiIcon-colorFixedColor\.success { color: rgb(152, 255, 22); }
.css-1s8kkba.MuiIcon-root.MuiIcon-colorFixedColor\.warning { color: rgb(255, 218, 22); }
.css-1s8kkba.MuiIcon-root.MuiIcon-colorFixedColor\.error { color: rgb(242, 73, 50); }
.css-1s8kkba.MuiIcon-root.MuiIcon-colorHeader\.bg { color: rgb(28, 54, 45); }
.css-1s8kkba.MuiIcon-root.MuiIcon-colorInputDropDown\.bg { color: rgb(21, 40, 34); }
.css-1s8kkba.MuiIcon-root.MuiIcon-colorInputDropDown\.bgHover { color: rgb(28, 54, 45); }
.css-1s8kkba.MuiIcon-root.MuiIcon-colorInputDropDown\.bg2 { color: rgb(0, 254, 169); }
.css-1s8kkba.MuiIcon-root.MuiIcon-colorMenu1\.bg { color: rgb(14, 27, 23); }
.css-1s8kkba.MuiIcon-root.MuiIcon-colorOdd\.bg { color: rgb(21, 40, 34); }
.css-1s8kkba.MuiIcon-root.MuiIcon-colorOdd\.bg2 { color: rgb(28, 54, 45); }
.css-1s8kkba.MuiIcon-root.MuiIcon-colorVip\.blackDiamond { color: rgb(240, 230, 215); }
.css-1s8kkba.MuiIcon-root.MuiIcon-colorVip\.bronze { color: rgb(202, 128, 86); }
.css-1s8kkba.MuiIcon-root.MuiIcon-colorVip\.gold { color: rgb(238, 190, 68); }
.css-1s8kkba.MuiIcon-root.MuiIcon-colorVip\.sliver { color: rgb(221, 221, 221); }
.css-1s8kkba.MuiIcon-root.MuiIcon-colorDark\.dark1 { color: rgb(14, 27, 23); }
.css-1s8kkba.MuiIcon-root.MuiIcon-colorFixedColor\.info { color: rgb(79, 195, 247); }
.css-1s8kkba.MuiIcon-fontSizeSmall { width: 16px !important; height: 16px !important; font-size: 16px !important; line-height: 16px !important; }
.css-1s8kkba.MuiIcon-fontSizeLarge { width: 24px !important; height: 24px !important; font-size: 24px !important; line-height: 24px !important; }
.css-1s8kkba.MuiIcon-fontSizeLarge80 { width: 80px !important; height: 80px !important; font-size: 80px !important; line-height: 80px !important; }
.css-1s8kkba.MuiIcon-fontSizeLarge40 { width: 40px !important; height: 40px !important; font-size: 40px !important; line-height: 40px !important; }
.css-1s8kkba.MuiIcon-fontSizeLarge64 { width: 64px !important; height: 64px !important; font-size: 64px !important; line-height: 64px !important; }
.css-1s8kkba.MuiIcon-fontSizeLarge44 { width: 44px !important; height: 44px !important; font-size: 44px !important; line-height: 44px !important; }
.css-1s8kkba.MuiIcon-fontSizeExtraSmall { width: 14px !important; height: 14px !important; font-size: 14px !important; line-height: 14px !important; }
.css-1s8kkba.MuiIcon-fontSizeExtLarge { width: 32px !important; height: 32px !important; font-size: 32px !important; line-height: 32px !important; }
.css-1s8kkba.MuiIcon-colorWhite { color: rgb(255, 255, 255); }
.css-15ezqso { display: flex; flex-direction: row; gap: 8px; -webkit-box-align: center; align-items: center; min-height: 36px; }
.css-15ezqso .slider-header-title { display: flex; -webkit-box-align: center; align-items: center; flex-direction: row; gap: 8px; }
.css-15ezqso .slider-header-title > a .MuiTypography-root:hover { color: rgb(0, 254, 169); }
.css-15ezqso .slider-header-group-nav { display: flex; flex-direction: row; gap: 8px; }
@media (max-width: 599.95px) {
  .css-15ezqso .slider-header-group-nav .MuiButton-root.MuiButton-iconSizeMedium { height: 36px; width: 36px; min-width: 36px; }
}
.css-15ezqso .slider-header-group-nav button.btn-first { border-radius: 4px; }
.css-15ezqso .slider-header-group-nav button.btn-second { border-radius: 4px; }
.css-15ezqso.rtl .slider-header-group-nav { flex-direction: row-reverse; }
.css-1ypcipt { flex: 1 1 0%; display: flex; -webkit-box-align: center; align-items: center; }
.css-1shpamv { user-select: none; width: 1em; height: 1em; overflow: hidden; display: inline-block; text-align: center; flex-shrink: 0; font-size: 2.25rem; }
.css-1shpamv.MuiIcon-root { display: flex; width: 20px !important; height: 20px !important; font-size: 20px !important; line-height: 20px !important; }
.css-1shpamv.MuiIcon-root.MuiIcon-colorTxt\.textWhite100 { color: rgb(255, 255, 255); }
.css-1shpamv.MuiIcon-root.MuiIcon-colorTxt\.textWhite80 { color: rgba(255, 255, 255, 0.8); }
.css-1shpamv.MuiIcon-root.MuiIcon-colorTxt\.textWhite40 { color: rgba(255, 255, 255, 0.4); }
.css-1shpamv.MuiIcon-root.MuiIcon-colorTxt\.secondary { color: rgba(255, 255, 255, 0.8); }
.css-1shpamv.MuiIcon-root.MuiIcon-colorAccent\.main { color: rgb(0, 254, 169); }
.css-1shpamv.MuiIcon-root.MuiIcon-colorAccent\.gradient { background: linear-gradient(90deg, rgb(254, 226, 12) 0%, rgb(255, 174, 0) 100%) text; -webkit-text-fill-color: transparent; }
.css-1shpamv.MuiIcon-root.MuiIcon-colorEvent\.bg { color: rgb(21, 40, 34); }
.css-1shpamv.MuiIcon-root.MuiIcon-colorEvent\.bgHover { color: rgb(28, 54, 45); }
.css-1shpamv.MuiIcon-root.MuiIcon-colorEvent\.bg2 { color: rgb(0, 254, 169); }
.css-1shpamv.MuiIcon-root.MuiIcon-colorFilter\.bg { color: rgb(21, 40, 34); }
.css-1shpamv.MuiIcon-root.MuiIcon-colorFilter\.bgHover { color: rgb(28, 54, 45); }
.css-1shpamv.MuiIcon-root.MuiIcon-colorFilter\.bg2 { color: rgb(0, 254, 169); }
.css-1shpamv.MuiIcon-root.MuiIcon-colorFixedColor\.success { color: rgb(152, 255, 22); }
.css-1shpamv.MuiIcon-root.MuiIcon-colorFixedColor\.warning { color: rgb(255, 218, 22); }
.css-1shpamv.MuiIcon-root.MuiIcon-colorFixedColor\.error { color: rgb(242, 73, 50); }
.css-1shpamv.MuiIcon-root.MuiIcon-colorHeader\.bg { color: rgb(28, 54, 45); }
.css-1shpamv.MuiIcon-root.MuiIcon-colorInputDropDown\.bg { color: rgb(21, 40, 34); }
.css-1shpamv.MuiIcon-root.MuiIcon-colorInputDropDown\.bgHover { color: rgb(28, 54, 45); }
.css-1shpamv.MuiIcon-root.MuiIcon-colorInputDropDown\.bg2 { color: rgb(0, 254, 169); }
.css-1shpamv.MuiIcon-root.MuiIcon-colorMenu1\.bg { color: rgb(14, 27, 23); }
.css-1shpamv.MuiIcon-root.MuiIcon-colorOdd\.bg { color: rgb(21, 40, 34); }
.css-1shpamv.MuiIcon-root.MuiIcon-colorOdd\.bg2 { color: rgb(28, 54, 45); }
.css-1shpamv.MuiIcon-root.MuiIcon-colorVip\.blackDiamond { color: rgb(240, 230, 215); }
.css-1shpamv.MuiIcon-root.MuiIcon-colorVip\.bronze { color: rgb(202, 128, 86); }
.css-1shpamv.MuiIcon-root.MuiIcon-colorVip\.gold { color: rgb(238, 190, 68); }
.css-1shpamv.MuiIcon-root.MuiIcon-colorVip\.sliver { color: rgb(221, 221, 221); }
.css-1shpamv.MuiIcon-root.MuiIcon-colorDark\.dark1 { color: rgb(14, 27, 23); }
.css-1shpamv.MuiIcon-root.MuiIcon-colorFixedColor\.info { color: rgb(79, 195, 247); }
.css-1shpamv.MuiIcon-fontSizeSmall { width: 16px !important; height: 16px !important; font-size: 16px !important; line-height: 16px !important; }
.css-1shpamv.MuiIcon-fontSizeLarge { width: 24px !important; height: 24px !important; font-size: 24px !important; line-height: 24px !important; }
.css-1shpamv.MuiIcon-fontSizeLarge80 { width: 80px !important; height: 80px !important; font-size: 80px !important; line-height: 80px !important; }
.css-1shpamv.MuiIcon-fontSizeLarge40 { width: 40px !important; height: 40px !important; font-size: 40px !important; line-height: 40px !important; }
.css-1shpamv.MuiIcon-fontSizeLarge64 { width: 64px !important; height: 64px !important; font-size: 64px !important; line-height: 64px !important; }
.css-1shpamv.MuiIcon-fontSizeLarge44 { width: 44px !important; height: 44px !important; font-size: 44px !important; line-height: 44px !important; }
.css-1shpamv.MuiIcon-fontSizeExtraSmall { width: 14px !important; height: 14px !important; font-size: 14px !important; line-height: 14px !important; }
.css-1shpamv.MuiIcon-fontSizeExtLarge { width: 32px !important; height: 32px !important; font-size: 32px !important; line-height: 32px !important; }
.css-1shpamv.MuiIcon-colorWhite { color: rgb(255, 255, 255); }
.css-1wn89qj { text-decoration-line: underline; text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: var(--Link-underlineColor); color: rgb(255, 255, 255); }
.css-1wn89qj:hover { text-decoration-color: inherit; }
.css-hta4s5 { margin: 0px; font-size: 20px; line-height: 28px; text-decoration-line: underline; text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: var(--Link-underlineColor); color: rgb(255, 255, 255); }
.css-hta4s5:hover { text-decoration-color: inherit; }
.css-35ezg3 { font-weight: 600; }
.css-q8c551 { margin: 0px; font-size: 20px; line-height: 28px; color: rgb(255, 255, 255); font-weight: 600; }
.css-70qvj9 { display: flex; -webkit-box-align: center; align-items: center; }
.css-1203hp8 { text-decoration: none; margin-right: 16px; margin-left: 0px; }
.css-1vqqi28 { margin: 0px; font-size: 14px; color: rgb(0, 254, 169); font-weight: 600; }
.css-85oey9 { display: inline-flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; gap: 8px; flex-shrink: 0; border-radius: 6px; color: rgba(0, 0, 0, 0.8); font-size: 14px; text-transform: none; text-align: center; }
.css-85oey9 .MuiButton-startIcon { display: inline-flex; gap: 8px; margin-right: 0px; margin-left: 0px; }
.css-85oey9 .MuiButton-endIcon { display: inline-flex; gap: 8px; margin-right: 0px; margin-left: 0px; }
.css-85oey9.MuiButton-containedPrimary { box-shadow: none; color: rgb(14, 27, 23); background: linear-gradient(90deg, rgb(254, 226, 12) 0%, rgb(255, 174, 0) 25%, rgb(254, 226, 12) 75%, rgb(255, 174, 0) 100%) 0% 0% / 400% 400%; }
.css-85oey9.MuiButton-containedPrimary:hover { color: rgb(14, 27, 23); animation: 0.7s ease 0s 1 normal forwards running animation-dofypc; }
.css-85oey9.MuiButton-containedPrimary:active { color: rgb(14, 27, 23); animation: 0.7s ease 0s 1 normal forwards running animation-i3y9un; }
.css-85oey9.MuiButton-containedPrimary:disabled { color: rgb(14, 27, 23); opacity: 0.5; }
.css-85oey9.MuiButton-containedSecondary { color: rgba(255, 255, 255, 0.8); background-color: rgb(28, 54, 45); box-shadow: none; }
.css-85oey9.MuiButton-containedSecondary:hover { background-color: rgb(28, 54, 45); opacity: 0.85; }
.css-85oey9.MuiButton-containedSecondary:active { color: rgb(255, 255, 255); background-color: rgb(28, 54, 45); opacity: 1; }
.css-85oey9.MuiButton-containedSecondary:disabled { color: rgba(255, 255, 255, 0.8); background-color: rgb(28, 54, 45); opacity: 0.4; }
.css-85oey9.MuiButton-containedSizeLarge { height: 44px; padding: 0px 12px; }
.css-85oey9.MuiButton-containedSizeMedium { height: 40px; padding: 0px 12px; }
.css-85oey9.MuiButton-containedSizeSmall { height: 36px; padding: 0px 12px; }
.css-85oey9.MuiButton-outlinedSizeLarge { height: 44px; padding: 0px 12px; }
.css-85oey9.MuiButton-outlinedSizeMedium { height: 40px; padding: 0px 12px; }
.css-85oey9.MuiButton-outlinedSizeSmall { height: 36px; padding: 0px 12px 0px 8px; }
.css-85oey9.MuiButton-text { padding: 0px 12px; color: rgb(0, 254, 169); font-size: 14px; font-weight: 600; line-height: 18px; }
.css-85oey9.MuiButton-text:hover { background: transparent; color: rgb(0, 229, 152); }
.css-85oey9.MuiButton-text:active { color: rgb(0, 229, 152); }
.css-85oey9.MuiButton-text:disabled { color: rgb(0, 254, 169); opacity: 0.4; }
.css-85oey9.MuiButton-textSecondary { color: rgba(255, 255, 255, 0.8); background: rgb(28, 54, 45); }
.css-85oey9.MuiButton-textSecondary:hover { opacity: 0.85; }
.css-85oey9.MuiButton-textSecondary:active { opacity: 1; }
.css-85oey9.MuiButton-textSecondary:disabled { opacity: 0.5; }
.css-85oey9.MuiButton-textSizeLarge { height: 44px; }
.css-85oey9.MuiButton-textSizeMedium { height: 40px; }
.css-85oey9.MuiButton-textSizeSmall { height: 36px; }
.css-85oey9.MuiButton-iconInherit { padding: 0px; }
.css-85oey9.MuiButton-iconPrimary { background: linear-gradient(90deg, rgb(254, 226, 12) 0%, rgb(255, 174, 0) 25%, rgb(254, 226, 12) 75%, rgb(255, 174, 0) 100%); box-shadow: none; }
.css-85oey9.MuiButton-iconPrimary:hover { opacity: 0.8; }
.css-85oey9.MuiButton-iconPrimary:active { opacity: 1; }
.css-85oey9.MuiButton-iconPrimary:disabled { opacity: 0.5; }
.css-85oey9.MuiButton-iconSecondary { color: rgba(255, 255, 255, 0.8); box-shadow: none; background-color: rgb(28, 54, 45); }
.css-85oey9.MuiButton-iconSecondary:hover { background-color: rgb(28, 54, 45); opacity: 0.85; }
.css-85oey9.MuiButton-iconSecondary:active { color: rgb(255, 255, 255); background-color: rgb(28, 54, 45); opacity: 1; }
.css-85oey9.MuiButton-iconSecondary:disabled { color: rgba(255, 255, 255, 0.8); background-color: rgb(28, 54, 45); opacity: 0.4; }
.css-85oey9.MuiButton-iconSuccess { background: rgb(152, 255, 22); border: 1px solid rgb(152, 255, 22); box-shadow: rgba(152, 255, 22, 0.6) 0px 0px 10px 0px; }
.css-85oey9.MuiButton-iconSuccess:hover { background-color: rgb(106, 178, 15); }
.css-85oey9.MuiButton-iconSuccess:active { background-color: rgb(106, 178, 15); }
.css-85oey9.MuiButton-iconSuccess:disabled { opacity: 0.5; box-shadow: none; }
.css-85oey9.MuiButton-iconError { background: rgb(242, 73, 50); border: 1px solid rgb(242, 73, 50); box-shadow: rgba(242, 73, 50, 0.6) 0px 0px 10px 0px; }
.css-85oey9.MuiButton-iconError:hover { background-color: rgb(169, 51, 35); }
.css-85oey9.MuiButton-iconError:active { background-color: rgb(169, 51, 35); }
.css-85oey9.MuiButton-iconError:disabled { opacity: 0.5; box-shadow: none; }
.css-85oey9.MuiButton-iconInfo { background: rgb(79, 195, 247); border: 1px solid rgb(79, 195, 247); box-shadow: rgba(79, 195, 247, 0.6) 0px 0px 10px 0px; }
.css-85oey9.MuiButton-iconInfo:hover { background-color: rgb(55, 136, 172); }
.css-85oey9.MuiButton-iconInfo:active { background-color: rgb(55, 136, 172); }
.css-85oey9.MuiButton-iconInfo:disabled { opacity: 0.5; box-shadow: none; }
.css-85oey9.MuiButton-iconWarning { background: rgb(255, 218, 22); border: 1px solid rgb(255, 218, 22); box-shadow: rgba(255, 218, 22, 0.6) 0px 0px 10px 0px; }
.css-85oey9.MuiButton-iconWarning:hover { background-color: rgb(178, 152, 15); }
.css-85oey9.MuiButton-iconWarning:active { background-color: rgb(178, 152, 15); }
.css-85oey9.MuiButton-iconWarning:disabled { opacity: 0.5; box-shadow: none; }
.css-85oey9.MuiButton-iconSizeLarge { min-width: 44px; width: 44px; height: 44px; padding: 2px; }
.css-85oey9.MuiButton-iconSizeLarge .MuiButton-startIcon { display: flex; gap: 0px; margin: 0px; color: rgba(255, 255, 255, 0.8); }
.css-85oey9.MuiButton-iconSizeMedium { min-width: 40px; width: 40px; height: 40px; padding: 2px; }
.css-85oey9.MuiButton-iconSizeMedium .MuiButton-startIcon { display: flex; gap: 0px; margin: 0px; }
.css-85oey9.MuiButton-iconSizeSmall { min-width: 36px; width: 36px; height: 36px; padding: 2px; }
.css-85oey9.MuiButton-iconSizeSmall .MuiButton-startIcon { display: flex; gap: 0px; margin: 0px; }
.css-85oey9.MuiButton-outlined { color: rgb(0, 254, 169); border: 1px solid rgb(0, 254, 169); background: rgba(14, 27, 23, 0.4); }
.css-85oey9.MuiButton-outlined:hover { border: 1px solid rgb(0, 254, 169); background: rgba(14, 27, 23, 0.4); opacity: 0.85; }
.css-85oey9.MuiButton-outlined:active { opacity: 1; }
.css-85oey9.MuiButton-outlined:disabled { color: rgb(0, 254, 169); border: 1px solid rgb(0, 254, 169); opacity: 0.4; }
.css-85oey9.MuiButton-cta { color: rgb(14, 27, 23); background-image: linear-gradient(90deg, rgb(254, 226, 12) 0%, rgb(255, 174, 0) 25%, rgb(254, 226, 12) 75%, rgb(255, 174, 0) 100%); background-size: 400% 400%; font-size: 14px; font-weight: 600; line-height: 18px; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; box-shadow: rgba(255, 255, 255, 0.6) 0px 9px 8px 0px inset, rgba(0, 254, 169, 0.2) 0px -4px 8px 0px inset, rgba(0, 254, 169, 0.24) 0px 0px 50px 0px; }
.css-85oey9.MuiButton-cta:hover { animation: 0.7s ease 0s 1 normal forwards running animation-dofypc; box-shadow: rgba(255, 255, 255, 0.6) 0px 9px 8px 0px inset, rgba(0, 254, 169, 0.2) 0px -4px 8px 0px inset, rgba(0, 254, 169, 0.8) 0px 0px 40px 0px; }
.css-85oey9.MuiButton-cta:active { animation: 0.7s ease 0s 1 normal forwards running animation-i3y9un; box-shadow: rgba(255, 255, 255, 0.6) 0px 9px 8px 0px inset, rgba(0, 254, 169, 0.2) 0px -4px 8px 0px inset, rgba(0, 254, 169, 0.24) 0px 0px 50px 0px; }
.css-85oey9.MuiButton-cta:disabled { color: rgb(14, 27, 23); opacity: 0.5; box-shadow: rgba(255, 255, 255, 0.6) 0px 9px 8px 0px inset, rgba(0, 254, 169, 0.2) 0px -4px 8px 0px inset, rgba(0, 254, 169, 0.24) 0px 0px 50px 0px; }
.css-85oey9.MuiButton-ctaSizeLarge { height: 44px; padding: 0px 12px; }
.css-85oey9.MuiButton-ctaSizeMedium { height: 40px; padding: 0px 12px; }
.css-85oey9.MuiButton-ctaSizeSmall { height: 36px; padding: 0px 12px; }
@-webkit-keyframes animation-i3y9un { 
  0% { background-position: 50% 0%; }
  100% { background-position: 0% 5%; }
}
@keyframes animation-i3y9un { 
  0% { background-position: 50% 0%; }
  100% { background-position: 0% 5%; }
}
@-webkit-keyframes animation-dofypc { 
  0% { background-position: 0% 50%; }
  100% { background-position: 50% 0%; }
}
@keyframes animation-dofypc { 
  0% { background-position: 0% 50%; }
  100% { background-position: 50% 0%; }
}
@-webkit-keyframes animation-i3y9un { 
  0% { background-position: 50% 0%; }
  100% { background-position: 0% 5%; }
}
@keyframes animation-i3y9un { 
  0% { background-position: 50% 0%; }
  100% { background-position: 0% 5%; }
}
@-webkit-keyframes animation-dofypc { 
  0% { background-position: 0% 50%; }
  100% { background-position: 50% 0%; }
}
@keyframes animation-dofypc { 
  0% { background-position: 0% 50%; }
  100% { background-position: 50% 0%; }
}
.css-lq7twh { font-family: Kanit, sans-serif; font-weight: 500; line-height: 1.75; min-width: 64px; padding: 6px 16px; border: 0px; --variant-textColor: #2A5044; --variant-outlinedColor: #2A5044; --variant-outlinedBorder: rgba(42, 80, 68, 0.5); --variant-containedColor: #fff; --variant-containedBg: #2A5044; transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1), box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1), border-color 250ms cubic-bezier(0.4, 0, 0.2, 1); display: inline-flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; gap: 8px; flex-shrink: 0; border-radius: 6px; color: rgba(0, 0, 0, 0.8); font-size: 14px; text-transform: none; text-align: center; }
.css-lq7twh:hover { text-decoration: none; }
.css-lq7twh.Mui-disabled { color: rgba(255, 255, 255, 0.3); }
@media (hover: hover) {
  .css-lq7twh:hover { --variant-containedBg: rgb(29, 56, 47); --variant-textBg: rgba(42, 80, 68, 0.08); --variant-outlinedBorder: #2A5044; --variant-outlinedBg: rgba(42, 80, 68, 0.08); }
}
.css-lq7twh.MuiButton-loading { color: transparent; }
.css-lq7twh .MuiButton-startIcon { display: inline-flex; gap: 8px; margin-right: 0px; margin-left: 0px; }
.css-lq7twh .MuiButton-endIcon { display: inline-flex; gap: 8px; margin-right: 0px; margin-left: 0px; }
.css-lq7twh.MuiButton-containedPrimary { box-shadow: none; color: rgb(14, 27, 23); background: linear-gradient(90deg, rgb(254, 226, 12) 0%, rgb(255, 174, 0) 25%, rgb(254, 226, 12) 75%, rgb(255, 174, 0) 100%) 0% 0% / 400% 400%; }
.css-lq7twh.MuiButton-containedPrimary:hover { color: rgb(14, 27, 23); animation: 0.7s ease 0s 1 normal forwards running animation-dofypc; }
.css-lq7twh.MuiButton-containedPrimary:active { color: rgb(14, 27, 23); animation: 0.7s ease 0s 1 normal forwards running animation-i3y9un; }
.css-lq7twh.MuiButton-containedPrimary:disabled { color: rgb(14, 27, 23); opacity: 0.5; }
.css-lq7twh.MuiButton-containedSecondary { color: rgba(255, 255, 255, 0.8); background-color: rgb(28, 54, 45); box-shadow: none; }
.css-lq7twh.MuiButton-containedSecondary:hover { background-color: rgb(28, 54, 45); opacity: 0.85; }
.css-lq7twh.MuiButton-containedSecondary:active { color: rgb(255, 255, 255); background-color: rgb(28, 54, 45); opacity: 1; }
.css-lq7twh.MuiButton-containedSecondary:disabled { color: rgba(255, 255, 255, 0.8); background-color: rgb(28, 54, 45); opacity: 0.4; }
.css-lq7twh.MuiButton-containedSizeLarge { height: 44px; padding: 0px 12px; }
.css-lq7twh.MuiButton-containedSizeMedium { height: 40px; padding: 0px 12px; }
.css-lq7twh.MuiButton-containedSizeSmall { height: 36px; padding: 0px 12px; }
.css-lq7twh.MuiButton-outlinedSizeLarge { height: 44px; padding: 0px 12px; }
.css-lq7twh.MuiButton-outlinedSizeMedium { height: 40px; padding: 0px 12px; }
.css-lq7twh.MuiButton-outlinedSizeSmall { height: 36px; padding: 0px 12px 0px 8px; }
.css-lq7twh.MuiButton-text { padding: 0px 12px; color: rgb(0, 254, 169); font-size: 14px; font-weight: 600; line-height: 18px; }
.css-lq7twh.MuiButton-text:hover { background: transparent; color: rgb(0, 229, 152); }
.css-lq7twh.MuiButton-text:active { color: rgb(0, 229, 152); }
.css-lq7twh.MuiButton-text:disabled { color: rgb(0, 254, 169); opacity: 0.4; }
.css-lq7twh.MuiButton-textSecondary { color: rgba(255, 255, 255, 0.8); background: rgb(28, 54, 45); }
.css-lq7twh.MuiButton-textSecondary:hover { opacity: 0.85; }
.css-lq7twh.MuiButton-textSecondary:active { opacity: 1; }
.css-lq7twh.MuiButton-textSecondary:disabled { opacity: 0.5; }
.css-lq7twh.MuiButton-textSizeLarge { height: 44px; }
.css-lq7twh.MuiButton-textSizeMedium { height: 40px; }
.css-lq7twh.MuiButton-textSizeSmall { height: 36px; }
.css-lq7twh.MuiButton-iconInherit { padding: 0px; }
.css-lq7twh.MuiButton-iconPrimary { background: linear-gradient(90deg, rgb(254, 226, 12) 0%, rgb(255, 174, 0) 25%, rgb(254, 226, 12) 75%, rgb(255, 174, 0) 100%); box-shadow: none; }
.css-lq7twh.MuiButton-iconPrimary:hover { opacity: 0.8; }
.css-lq7twh.MuiButton-iconPrimary:active { opacity: 1; }
.css-lq7twh.MuiButton-iconPrimary:disabled { opacity: 0.5; }
.css-lq7twh.MuiButton-iconSecondary { color: rgba(255, 255, 255, 0.8); box-shadow: none; background-color: rgb(28, 54, 45); }
.css-lq7twh.MuiButton-iconSecondary:hover { background-color: rgb(28, 54, 45); opacity: 0.85; }
.css-lq7twh.MuiButton-iconSecondary:active { color: rgb(255, 255, 255); background-color: rgb(28, 54, 45); opacity: 1; }
.css-lq7twh.MuiButton-iconSecondary:disabled { color: rgba(255, 255, 255, 0.8); background-color: rgb(28, 54, 45); opacity: 0.4; }
.css-lq7twh.MuiButton-iconSuccess { background: rgb(152, 255, 22); border: 1px solid rgb(152, 255, 22); box-shadow: rgba(152, 255, 22, 0.6) 0px 0px 10px 0px; }
.css-lq7twh.MuiButton-iconSuccess:hover { background-color: rgb(106, 178, 15); }
.css-lq7twh.MuiButton-iconSuccess:active { background-color: rgb(106, 178, 15); }
.css-lq7twh.MuiButton-iconSuccess:disabled { opacity: 0.5; box-shadow: none; }
.css-lq7twh.MuiButton-iconError { background: rgb(242, 73, 50); border: 1px solid rgb(242, 73, 50); box-shadow: rgba(242, 73, 50, 0.6) 0px 0px 10px 0px; }
.css-lq7twh.MuiButton-iconError:hover { background-color: rgb(169, 51, 35); }
.css-lq7twh.MuiButton-iconError:active { background-color: rgb(169, 51, 35); }
.css-lq7twh.MuiButton-iconError:disabled { opacity: 0.5; box-shadow: none; }
.css-lq7twh.MuiButton-iconInfo { background: rgb(79, 195, 247); border: 1px solid rgb(79, 195, 247); box-shadow: rgba(79, 195, 247, 0.6) 0px 0px 10px 0px; }
.css-lq7twh.MuiButton-iconInfo:hover { background-color: rgb(55, 136, 172); }
.css-lq7twh.MuiButton-iconInfo:active { background-color: rgb(55, 136, 172); }
.css-lq7twh.MuiButton-iconInfo:disabled { opacity: 0.5; box-shadow: none; }
.css-lq7twh.MuiButton-iconWarning { background: rgb(255, 218, 22); border: 1px solid rgb(255, 218, 22); box-shadow: rgba(255, 218, 22, 0.6) 0px 0px 10px 0px; }
.css-lq7twh.MuiButton-iconWarning:hover { background-color: rgb(178, 152, 15); }
.css-lq7twh.MuiButton-iconWarning:active { background-color: rgb(178, 152, 15); }
.css-lq7twh.MuiButton-iconWarning:disabled { opacity: 0.5; box-shadow: none; }
.css-lq7twh.MuiButton-iconSizeLarge { min-width: 44px; width: 44px; height: 44px; padding: 2px; }
.css-lq7twh.MuiButton-iconSizeLarge .MuiButton-startIcon { display: flex; gap: 0px; margin: 0px; color: rgba(255, 255, 255, 0.8); }
.css-lq7twh.MuiButton-iconSizeMedium { min-width: 40px; width: 40px; height: 40px; padding: 2px; }
.css-lq7twh.MuiButton-iconSizeMedium .MuiButton-startIcon { display: flex; gap: 0px; margin: 0px; }
.css-lq7twh.MuiButton-iconSizeSmall { min-width: 36px; width: 36px; height: 36px; padding: 2px; }
.css-lq7twh.MuiButton-iconSizeSmall .MuiButton-startIcon { display: flex; gap: 0px; margin: 0px; }
.css-lq7twh.MuiButton-outlined { color: rgb(0, 254, 169); border: 1px solid rgb(0, 254, 169); background: rgba(14, 27, 23, 0.4); }
.css-lq7twh.MuiButton-outlined:hover { border: 1px solid rgb(0, 254, 169); background: rgba(14, 27, 23, 0.4); opacity: 0.85; }
.css-lq7twh.MuiButton-outlined:active { opacity: 1; }
.css-lq7twh.MuiButton-outlined:disabled { color: rgb(0, 254, 169); border: 1px solid rgb(0, 254, 169); opacity: 0.4; }
.css-lq7twh.MuiButton-cta { color: rgb(14, 27, 23); background-image: linear-gradient(90deg, rgb(254, 226, 12) 0%, rgb(255, 174, 0) 25%, rgb(254, 226, 12) 75%, rgb(255, 174, 0) 100%); background-size: 400% 400%; font-size: 14px; font-weight: 600; line-height: 18px; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; box-shadow: rgba(255, 255, 255, 0.6) 0px 9px 8px 0px inset, rgba(0, 254, 169, 0.2) 0px -4px 8px 0px inset, rgba(0, 254, 169, 0.24) 0px 0px 50px 0px; }
.css-lq7twh.MuiButton-cta:hover { animation: 0.7s ease 0s 1 normal forwards running animation-dofypc; box-shadow: rgba(255, 255, 255, 0.6) 0px 9px 8px 0px inset, rgba(0, 254, 169, 0.2) 0px -4px 8px 0px inset, rgba(0, 254, 169, 0.8) 0px 0px 40px 0px; }
.css-lq7twh.MuiButton-cta:active { animation: 0.7s ease 0s 1 normal forwards running animation-i3y9un; box-shadow: rgba(255, 255, 255, 0.6) 0px 9px 8px 0px inset, rgba(0, 254, 169, 0.2) 0px -4px 8px 0px inset, rgba(0, 254, 169, 0.24) 0px 0px 50px 0px; }
.css-lq7twh.MuiButton-cta:disabled { color: rgb(14, 27, 23); opacity: 0.5; box-shadow: rgba(255, 255, 255, 0.6) 0px 9px 8px 0px inset, rgba(0, 254, 169, 0.2) 0px -4px 8px 0px inset, rgba(0, 254, 169, 0.24) 0px 0px 50px 0px; }
.css-lq7twh.MuiButton-ctaSizeLarge { height: 44px; padding: 0px 12px; }
.css-lq7twh.MuiButton-ctaSizeMedium { height: 40px; padding: 0px 12px; }
.css-lq7twh.MuiButton-ctaSizeSmall { height: 36px; padding: 0px 12px; }
.css-1wdyqfh { position: relative; box-sizing: border-box; -webkit-tap-highlight-color: transparent; background-color: transparent; outline: 0px; margin: 0px; cursor: pointer; user-select: none; vertical-align: middle; appearance: none; text-decoration: none; font-family: Kanit, sans-serif; font-weight: 500; line-height: 1.75; min-width: 64px; padding: 6px 16px; border: 0px; --variant-textColor: #2A5044; --variant-outlinedColor: #2A5044; --variant-outlinedBorder: rgba(42, 80, 68, 0.5); --variant-containedColor: #fff; --variant-containedBg: #2A5044; transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1), box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1), border-color 250ms cubic-bezier(0.4, 0, 0.2, 1); display: inline-flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; gap: 8px; flex-shrink: 0; border-radius: 6px; color: rgba(0, 0, 0, 0.8); font-size: 14px; text-transform: none; text-align: center; }
.css-1wdyqfh.Mui-disabled { pointer-events: none; cursor: default; }
@media print {
  .css-1wdyqfh { print-color-adjust: exact; }
}
.css-1wdyqfh:hover { text-decoration: none; }
.css-1wdyqfh.Mui-disabled { color: rgba(255, 255, 255, 0.3); }
@media (hover: hover) {
  .css-1wdyqfh:hover { --variant-containedBg: rgb(29, 56, 47); --variant-textBg: rgba(42, 80, 68, 0.08); --variant-outlinedBorder: #2A5044; --variant-outlinedBg: rgba(42, 80, 68, 0.08); }
}
.css-1wdyqfh.MuiButton-loading { color: transparent; }
.css-1wdyqfh .MuiButton-startIcon { display: inline-flex; gap: 8px; margin-right: 0px; margin-left: 0px; }
.css-1wdyqfh .MuiButton-endIcon { display: inline-flex; gap: 8px; margin-right: 0px; margin-left: 0px; }
.css-1wdyqfh.MuiButton-containedPrimary { box-shadow: none; color: rgb(14, 27, 23); background: linear-gradient(90deg, rgb(254, 226, 12) 0%, rgb(255, 174, 0) 25%, rgb(254, 226, 12) 75%, rgb(255, 174, 0) 100%) 0% 0% / 400% 400%; }
.css-1wdyqfh.MuiButton-containedPrimary:hover { color: rgb(14, 27, 23); animation: 0.7s ease 0s 1 normal forwards running animation-dofypc; }
.css-1wdyqfh.MuiButton-containedPrimary:active { color: rgb(14, 27, 23); animation: 0.7s ease 0s 1 normal forwards running animation-i3y9un; }
.css-1wdyqfh.MuiButton-containedPrimary:disabled { color: rgb(14, 27, 23); opacity: 0.5; }
.css-1wdyqfh.MuiButton-containedSecondary { color: rgba(255, 255, 255, 0.8); background-color: rgb(28, 54, 45); box-shadow: none; }
.css-1wdyqfh.MuiButton-containedSecondary:hover { background-color: rgb(28, 54, 45); opacity: 0.85; }
.css-1wdyqfh.MuiButton-containedSecondary:active { color: rgb(255, 255, 255); background-color: rgb(28, 54, 45); opacity: 1; }
.css-1wdyqfh.MuiButton-containedSecondary:disabled { color: rgba(255, 255, 255, 0.8); background-color: rgb(28, 54, 45); opacity: 0.4; }
.css-1wdyqfh.MuiButton-containedSizeLarge { height: 44px; padding: 0px 12px; }
.css-1wdyqfh.MuiButton-containedSizeMedium { height: 40px; padding: 0px 12px; }
.css-1wdyqfh.MuiButton-containedSizeSmall { height: 36px; padding: 0px 12px; }
.css-1wdyqfh.MuiButton-outlinedSizeLarge { height: 44px; padding: 0px 12px; }
.css-1wdyqfh.MuiButton-outlinedSizeMedium { height: 40px; padding: 0px 12px; }
.css-1wdyqfh.MuiButton-outlinedSizeSmall { height: 36px; padding: 0px 12px 0px 8px; }
.css-1wdyqfh.MuiButton-text { padding: 0px 12px; color: rgb(0, 254, 169); font-size: 14px; font-weight: 600; line-height: 18px; }
.css-1wdyqfh.MuiButton-text:hover { background: transparent; color: rgb(0, 229, 152); }
.css-1wdyqfh.MuiButton-text:active { color: rgb(0, 229, 152); }
.css-1wdyqfh.MuiButton-text:disabled { color: rgb(0, 254, 169); opacity: 0.4; }
.css-1wdyqfh.MuiButton-textSecondary { color: rgba(255, 255, 255, 0.8); background: rgb(28, 54, 45); }
.css-1wdyqfh.MuiButton-textSecondary:hover { opacity: 0.85; }
.css-1wdyqfh.MuiButton-textSecondary:active { opacity: 1; }
.css-1wdyqfh.MuiButton-textSecondary:disabled { opacity: 0.5; }
.css-1wdyqfh.MuiButton-textSizeLarge { height: 44px; }
.css-1wdyqfh.MuiButton-textSizeMedium { height: 40px; }
.css-1wdyqfh.MuiButton-textSizeSmall { height: 36px; }
.css-1wdyqfh.MuiButton-iconInherit { padding: 0px; }
.css-1wdyqfh.MuiButton-iconPrimary { background: linear-gradient(90deg, rgb(254, 226, 12) 0%, rgb(255, 174, 0) 25%, rgb(254, 226, 12) 75%, rgb(255, 174, 0) 100%); box-shadow: none; }
.css-1wdyqfh.MuiButton-iconPrimary:hover { opacity: 0.8; }
.css-1wdyqfh.MuiButton-iconPrimary:active { opacity: 1; }
.css-1wdyqfh.MuiButton-iconPrimary:disabled { opacity: 0.5; }
.css-1wdyqfh.MuiButton-iconSecondary { color: rgba(255, 255, 255, 0.8); box-shadow: none; background-color: rgb(28, 54, 45); }
.css-1wdyqfh.MuiButton-iconSecondary:hover { background-color: rgb(28, 54, 45); opacity: 0.85; }
.css-1wdyqfh.MuiButton-iconSecondary:active { color: rgb(255, 255, 255); background-color: rgb(28, 54, 45); opacity: 1; }
.css-1wdyqfh.MuiButton-iconSecondary:disabled { color: rgba(255, 255, 255, 0.8); background-color: rgb(28, 54, 45); opacity: 0.4; }
.css-1wdyqfh.MuiButton-iconSuccess { background: rgb(152, 255, 22); border: 1px solid rgb(152, 255, 22); box-shadow: rgba(152, 255, 22, 0.6) 0px 0px 10px 0px; }
.css-1wdyqfh.MuiButton-iconSuccess:hover { background-color: rgb(106, 178, 15); }
.css-1wdyqfh.MuiButton-iconSuccess:active { background-color: rgb(106, 178, 15); }
.css-1wdyqfh.MuiButton-iconSuccess:disabled { opacity: 0.5; box-shadow: none; }
.css-1wdyqfh.MuiButton-iconError { background: rgb(242, 73, 50); border: 1px solid rgb(242, 73, 50); box-shadow: rgba(242, 73, 50, 0.6) 0px 0px 10px 0px; }
.css-1wdyqfh.MuiButton-iconError:hover { background-color: rgb(169, 51, 35); }
.css-1wdyqfh.MuiButton-iconError:active { background-color: rgb(169, 51, 35); }
.css-1wdyqfh.MuiButton-iconError:disabled { opacity: 0.5; box-shadow: none; }
.css-1wdyqfh.MuiButton-iconInfo { background: rgb(79, 195, 247); border: 1px solid rgb(79, 195, 247); box-shadow: rgba(79, 195, 247, 0.6) 0px 0px 10px 0px; }
.css-1wdyqfh.MuiButton-iconInfo:hover { background-color: rgb(55, 136, 172); }
.css-1wdyqfh.MuiButton-iconInfo:active { background-color: rgb(55, 136, 172); }
.css-1wdyqfh.MuiButton-iconInfo:disabled { opacity: 0.5; box-shadow: none; }
.css-1wdyqfh.MuiButton-iconWarning { background: rgb(255, 218, 22); border: 1px solid rgb(255, 218, 22); box-shadow: rgba(255, 218, 22, 0.6) 0px 0px 10px 0px; }
.css-1wdyqfh.MuiButton-iconWarning:hover { background-color: rgb(178, 152, 15); }
.css-1wdyqfh.MuiButton-iconWarning:active { background-color: rgb(178, 152, 15); }
.css-1wdyqfh.MuiButton-iconWarning:disabled { opacity: 0.5; box-shadow: none; }
.css-1wdyqfh.MuiButton-iconSizeLarge { min-width: 44px; width: 44px; height: 44px; padding: 2px; }
.css-1wdyqfh.MuiButton-iconSizeLarge .MuiButton-startIcon { display: flex; gap: 0px; margin: 0px; color: rgba(255, 255, 255, 0.8); }
.css-1wdyqfh.MuiButton-iconSizeMedium { min-width: 40px; width: 40px; height: 40px; padding: 2px; }
.css-1wdyqfh.MuiButton-iconSizeMedium .MuiButton-startIcon { display: flex; gap: 0px; margin: 0px; }
.css-1wdyqfh.MuiButton-iconSizeSmall { min-width: 36px; width: 36px; height: 36px; padding: 2px; }
.css-1wdyqfh.MuiButton-iconSizeSmall .MuiButton-startIcon { display: flex; gap: 0px; margin: 0px; }
.css-1wdyqfh.MuiButton-outlined { color: rgb(0, 254, 169); border: 1px solid rgb(0, 254, 169); background: rgba(14, 27, 23, 0.4); }
.css-1wdyqfh.MuiButton-outlined:hover { border: 1px solid rgb(0, 254, 169); background: rgba(14, 27, 23, 0.4); opacity: 0.85; }
.css-1wdyqfh.MuiButton-outlined:active { opacity: 1; }
.css-1wdyqfh.MuiButton-outlined:disabled { color: rgb(0, 254, 169); border: 1px solid rgb(0, 254, 169); opacity: 0.4; }
.css-1wdyqfh.MuiButton-cta { color: rgb(14, 27, 23); background-image: linear-gradient(90deg, rgb(254, 226, 12) 0%, rgb(255, 174, 0) 25%, rgb(254, 226, 12) 75%, rgb(255, 174, 0) 100%); background-size: 400% 400%; font-size: 14px; font-weight: 600; line-height: 18px; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; box-shadow: rgba(255, 255, 255, 0.6) 0px 9px 8px 0px inset, rgba(0, 254, 169, 0.2) 0px -4px 8px 0px inset, rgba(0, 254, 169, 0.24) 0px 0px 50px 0px; }
.css-1wdyqfh.MuiButton-cta:hover { animation: 0.7s ease 0s 1 normal forwards running animation-dofypc; box-shadow: rgba(255, 255, 255, 0.6) 0px 9px 8px 0px inset, rgba(0, 254, 169, 0.2) 0px -4px 8px 0px inset, rgba(0, 254, 169, 0.8) 0px 0px 40px 0px; }
.css-1wdyqfh.MuiButton-cta:active { animation: 0.7s ease 0s 1 normal forwards running animation-i3y9un; box-shadow: rgba(255, 255, 255, 0.6) 0px 9px 8px 0px inset, rgba(0, 254, 169, 0.2) 0px -4px 8px 0px inset, rgba(0, 254, 169, 0.24) 0px 0px 50px 0px; }
.css-1wdyqfh.MuiButton-cta:disabled { color: rgb(14, 27, 23); opacity: 0.5; box-shadow: rgba(255, 255, 255, 0.6) 0px 9px 8px 0px inset, rgba(0, 254, 169, 0.2) 0px -4px 8px 0px inset, rgba(0, 254, 169, 0.24) 0px 0px 50px 0px; }
.css-1wdyqfh.MuiButton-ctaSizeLarge { height: 44px; padding: 0px 12px; }
.css-1wdyqfh.MuiButton-ctaSizeMedium { height: 40px; padding: 0px 12px; }
.css-1wdyqfh.MuiButton-ctaSizeSmall { height: 36px; padding: 0px 12px; }
.css-1ygddt1 { display: inherit; margin-right: 8px; margin-left: -4px; }
.css-1ygddt1 > :nth-of-type(1) { font-size: 20px; }
.css-18j4g5v.swiper { padding-top: 8px; overflow-y: inherit; }
.css-18j4g5v .swiper-slide { overflow: hidden; }
.css-1obf64m { display: contents; }
.css-1uz4yc9 { display: block; width: 100%; position: relative; background-color: rgb(14, 27, 23); border-radius: 8px; z-index: 1; overflow: hidden; color: transparent; text-decoration: none; }
.css-1uz4yc9 .game-item-image { background-color: rgb(14, 27, 23); border-radius: 8px; }
.css-1uz4yc9 .game-item-image img { transition: transform 300ms; border-radius: 8px; object-fit: cover; }
.css-1uz4yc9 .game-item-loading { position: relative; overflow: hidden; background: rgb(28, 54, 45); }
.css-1uz4yc9 .game-item-loading::before { content: ""; position: absolute; inset: 0px; z-index: 0; background: linear-gradient(90deg, transparent 0%, rgb(21, 40, 34) 50%, transparent 100%); animation: 1.5s ease-in-out 0s infinite normal none running animation-ariwm7; will-change: transform; }
@-webkit-keyframes animation-ariwm7 { 
  0% { transform: translateX(-100%); }
  100% { transform: translateX(100%); }
}
@keyframes animation-ariwm7 { 
  0% { transform: translateX(-100%); }
  100% { transform: translateX(100%); }
}
.css-19k4cvy { display: block; width: 100%; position: relative; background-color: rgb(14, 27, 23); border-radius: 8px; z-index: 1; overflow: hidden; color: transparent; text-decoration: none; }
.css-19k4cvy .game-item-image { background-color: rgb(14, 27, 23); border-radius: 8px; }
.css-19k4cvy .game-item-image img { transition: transform 300ms; border-radius: 8px; object-fit: cover; }
.css-19k4cvy .game-item-loading { position: relative; overflow: hidden; background: rgb(28, 54, 45); }
.css-19k4cvy .game-item-loading::before { content: ""; position: absolute; inset: 0px; z-index: 0; background: linear-gradient(90deg, transparent 0%, rgb(21, 40, 34) 50%, transparent 100%); animation: 1.5s ease-in-out 0s infinite normal none running animation-ariwm7; will-change: transform; }
.css-1kz3n0m { position: relative; overflow: hidden; display: flex; padding-top: calc(139.241%); }
.css-pgee8r { display: flex; height: 88px; -webkit-box-align: end; align-items: end; }
.css-dyxgrp { text-decoration: none; color: rgb(255, 255, 255); display: flex; height: 88px; -webkit-box-align: end; align-items: end; }
.css-1p054h { margin: 0px; font: inherit; letter-spacing: inherit; text-decoration: none; color: rgb(255, 255, 255); display: flex; height: 88px; -webkit-box-align: end; align-items: end; }
.css-10vaqpt { box-sizing: border-box; display: flex; width: 195px; height: 88px; padding: 7px 8px; flex-direction: column; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; border-radius: 8px; background: rgb(14, 27, 23); cursor: pointer; transition: transform 0.3s ease-out; }
.css-10vaqpt:hover { transform: translateY(-8px); }
.css-1462fpz { display: flex; flex-direction: row; -webkit-box-pack: justify; justify-content: space-between; align-items: flex-start; padding: 32px; background: rgb(14, 27, 23); }
@media (max-width: 1023.95px) {
  .css-1462fpz { padding: 16px; }
}
@media (max-width: 899.95px) {
  .css-1462fpz { padding-bottom: calc(115px + env(safe-area-inset-bottom)); }
}
.css-q5o99n { display: flex; flex-direction: row; gap: 24px; }
.css-q5o99n .MuiTabs-flexContainer { gap: 10px; }
.css-q5o99n .nav-tabs { gap: 0px; }
.css-q5o99n .nav-tabs .nav-tab { padding-left: 12px; padding-right: 12px; }
.css-q5o99n .nav-tabs .nav-tab.active .MuiTypography-root { color: rgb(0, 254, 169) !important; }
.css-q5o99n .nav-tabs .nav-tab:hover { border-bottom-width: medium; border-bottom-style: none; border-bottom-color: currentcolor; }
.css-q5o99n .nav-tabs .nav-tab:hover span { color: rgb(0, 254, 169); }
.css-1s4n9tm { gap: 10px; background: rgb(21, 40, 34); border-radius: 8px; padding: 4px; min-height: 48px; }
.css-1s4n9tm .MuiTabs-flexContainer { display: flex; align-items: flex-start; gap: 10px; height: 100%; }
.css-1s4n9tm .MuiTabs-flexContainer a { max-height: 40px; height: 40px; min-height: 40px; z-index: 2; padding-left: 12px; padding-right: 12px; }
.css-1s4n9tm button { padding: 0px 12px; height: 40px; min-height: 40px; min-width: unset; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; gap: 8px; flex-shrink: 0; border-radius: 6px; text-transform: none; z-index: 2; opacity: 1; cursor: pointer; color: rgba(255, 255, 255, 0.8); font-size: 14px; font-weight: 600; line-height: 18px; }
.css-1s4n9tm button .MuiIcon-root { color: rgba(255, 255, 255, 0.8); }
.css-1s4n9tm a { max-height: 40px; height: 40px; min-height: 40px; z-index: 2; }
.css-1s4n9tm .MuiTabs-indicator { top: 0px; height: 100%; z-index: 1; border-radius: 6px; background: rgb(42, 80, 68); transition: left 300ms cubic-bezier(0.4, 0, 0.2, 1), width 300ms cubic-bezier(0.4, 0, 0.2, 1), top 300ms cubic-bezier(0.4, 0, 0.2, 1), height 300ms cubic-bezier(0.4, 0, 0.2, 1); }
.css-1s4n9tm .Mui-selected { color: rgb(255, 255, 255); border-width: medium; border-style: none; border-color: currentcolor; border-image: none; transition: none; }
.css-1s4n9tm .Mui-selected .MuiTypography-root { color: rgb(255, 255, 255); }
.css-1s4n9tm .Mui-selected .MuiIcon-root { color: rgb(255, 255, 255); }
.css-1s4n9tm .MuiTab-iconWrapper { margin: 0px !important; }
.css-11vxweu { overflow: hidden; display: flex; gap: 10px; background: rgb(21, 40, 34); border-radius: 8px; padding: 4px; min-height: 48px; }
@media (max-width: 599.95px) {
  .css-11vxweu .MuiTabs-scrollButtons { display: none; }
}
.css-11vxweu .MuiTabs-flexContainer { display: flex; align-items: flex-start; gap: 10px; height: 100%; }
.css-11vxweu .MuiTabs-flexContainer a { max-height: 40px; height: 40px; min-height: 40px; z-index: 2; padding-left: 12px; padding-right: 12px; }
.css-11vxweu button { padding: 0px 12px; height: 40px; min-height: 40px; min-width: unset; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; gap: 8px; flex-shrink: 0; border-radius: 6px; text-transform: none; z-index: 2; opacity: 1; cursor: pointer; color: rgba(255, 255, 255, 0.8); font-size: 14px; font-weight: 600; line-height: 18px; }
.css-11vxweu button .MuiIcon-root { color: rgba(255, 255, 255, 0.8); }
.css-11vxweu a { max-height: 40px; height: 40px; min-height: 40px; z-index: 2; }
.css-11vxweu .MuiTabs-indicator { top: 0px; height: 100%; z-index: 1; border-radius: 6px; background: rgb(42, 80, 68); transition: left 300ms cubic-bezier(0.4, 0, 0.2, 1), width 300ms cubic-bezier(0.4, 0, 0.2, 1), top 300ms cubic-bezier(0.4, 0, 0.2, 1), height 300ms cubic-bezier(0.4, 0, 0.2, 1); }
.css-11vxweu .Mui-selected { color: rgb(255, 255, 255); border-width: medium; border-style: none; border-color: currentcolor; border-image: none; transition: none; }
.css-11vxweu .Mui-selected .MuiTypography-root { color: rgb(255, 255, 255); }
.css-11vxweu .Mui-selected .MuiIcon-root { color: rgb(255, 255, 255); }
.css-11vxweu .MuiTab-iconWrapper { margin: 0px !important; }
.css-1p3zzov { padding: 0px; min-width: fit-content; }
.css-1p3zzov:hover { color: rgb(0, 254, 169); opacity: 1; }
.css-1p3zzov.Mui-selected { color: rgb(0, 254, 169); background: transparent; }
.css-1p3zzov.Mui-selected .MuiIcon-root, .css-1p3zzov.Mui-selected .MuiTypography-root { color: rgb(0, 254, 169); }
.css-bnhzmk { height: 40px; min-height: 40px; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; gap: 8px; flex-shrink: 0; font-size: 14px; font-weight: 600; line-height: 18px; text-transform: none; border-radius: 6px; box-shadow: none; color: rgba(255, 255, 255, 0.8); padding: 0px; min-width: fit-content; }
.css-bnhzmk .MuiTab-iconWrapper { margin: 0px; }
.css-bnhzmk:hover { color: rgb(255, 255, 255); }
.css-bnhzmk:hover .MuiIcon-root { color: rgb(255, 255, 255); }
.css-bnhzmk.Mui-disabled { opacity: 0.4; }
.css-bnhzmk:hover { color: rgb(0, 254, 169); opacity: 1; }
.css-bnhzmk.Mui-selected { color: rgb(0, 254, 169); background: transparent; }
.css-bnhzmk.Mui-selected .MuiIcon-root, .css-bnhzmk.Mui-selected .MuiTypography-root { color: rgb(0, 254, 169); }
.css-1wfikw9 { font-family: Kanit, sans-serif; max-width: 360px; position: relative; overflow: hidden; white-space: normal; text-align: center; flex-direction: row; height: 40px; min-height: 40px; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; gap: 8px; flex-shrink: 0; font-size: 14px; font-weight: 600; line-height: 18px; text-transform: none; border-radius: 6px; box-shadow: none; color: rgba(255, 255, 255, 0.8); padding: 0px; min-width: fit-content; }
.css-1wfikw9 > .MuiTab-icon { margin-right: 4px; }
.css-1wfikw9.Mui-selected { color: rgb(0, 254, 169); }
.css-1wfikw9.Mui-disabled { color: rgba(255, 255, 255, 0.4); }
.css-1wfikw9 .MuiTab-iconWrapper { margin: 0px; }
.css-1wfikw9:hover { color: rgb(255, 255, 255); }
.css-1wfikw9:hover .MuiIcon-root { color: rgb(255, 255, 255); }
.css-1wfikw9.Mui-disabled { opacity: 0.4; }
.css-1wfikw9:hover { color: rgb(0, 254, 169); opacity: 1; }
.css-1wfikw9.Mui-selected { color: rgb(0, 254, 169); background: transparent; }
.css-1wfikw9.Mui-selected .MuiIcon-root, .css-1wfikw9.Mui-selected .MuiTypography-root { color: rgb(0, 254, 169); }
.css-1yb2pf5 { display: inline-flex; box-sizing: border-box; -webkit-tap-highlight-color: transparent; background-color: transparent; outline: 0px; border: 0px; margin: 0px; cursor: pointer; user-select: none; vertical-align: middle; appearance: none; text-decoration: none; font-family: Kanit, sans-serif; max-width: 360px; position: relative; overflow: hidden; white-space: normal; text-align: center; flex-direction: row; height: 40px; min-height: 40px; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; gap: 8px; flex-shrink: 0; font-size: 14px; font-weight: 600; line-height: 18px; text-transform: none; border-radius: 6px; box-shadow: none; color: rgba(255, 255, 255, 0.8); padding: 0px; min-width: fit-content; }
.css-1yb2pf5.Mui-disabled { pointer-events: none; cursor: default; }
@media print {
  .css-1yb2pf5 { print-color-adjust: exact; }
}
.css-1yb2pf5 > .MuiTab-icon { margin-right: 4px; }
.css-1yb2pf5.Mui-selected { color: rgb(0, 254, 169); }
.css-1yb2pf5.Mui-disabled { color: rgba(255, 255, 255, 0.4); }
.css-1yb2pf5 .MuiTab-iconWrapper { margin: 0px; }
.css-1yb2pf5:hover { color: rgb(255, 255, 255); }
.css-1yb2pf5:hover .MuiIcon-root { color: rgb(255, 255, 255); }
.css-1yb2pf5.Mui-disabled { opacity: 0.4; }
.css-1yb2pf5:hover { color: rgb(0, 254, 169); opacity: 1; }
.css-1yb2pf5.Mui-selected { color: rgb(0, 254, 169); background: transparent; }
.css-1yb2pf5.Mui-selected .MuiIcon-root, .css-1yb2pf5.Mui-selected .MuiTypography-root { color: rgb(0, 254, 169); }
.css-105s05e { min-height: 64px; width: 100%; display: flex; padding: 12px 8px 8px; -webkit-box-align: center; align-items: center; gap: 8px; -webkit-box-pack: center; justify-content: center; flex-direction: row; }
.css-29nj4u { display: flex; align-items: flex-start; border-radius: 0px 6px 6px 0px; width: 32px; min-width: 32px; visibility: visible; transition: left 225ms cubic-bezier(0.4, 0, 0.6, 1); background: rgb(14, 27, 23) !important; height: 32px !important; padding: 4px !important; }
.css-29nj4u .open { transform: rotate(0deg); }
.css-29nj4u .close { transform: rotate(180deg); }
.css-29nj4u button { padding: 0px !important; }
.css-j80fac { -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; gap: 8px; flex-shrink: 0; color: rgba(0, 0, 0, 0.8); font-size: 14px; text-transform: none; text-align: center; display: flex; align-items: flex-start; border-radius: 0px 6px 6px 0px; width: 32px; min-width: 32px; visibility: visible; transition: left 225ms cubic-bezier(0.4, 0, 0.6, 1); background: rgb(14, 27, 23) !important; height: 32px !important; padding: 4px !important; }
.css-j80fac .MuiButton-startIcon { display: inline-flex; gap: 8px; margin-right: 0px; margin-left: 0px; }
.css-j80fac .MuiButton-endIcon { display: inline-flex; gap: 8px; margin-right: 0px; margin-left: 0px; }
.css-j80fac.MuiButton-containedPrimary { box-shadow: none; color: rgb(14, 27, 23); background: linear-gradient(90deg, rgb(254, 226, 12) 0%, rgb(255, 174, 0) 25%, rgb(254, 226, 12) 75%, rgb(255, 174, 0) 100%) 0% 0% / 400% 400%; }
.css-j80fac.MuiButton-containedPrimary:hover { color: rgb(14, 27, 23); animation: 0.7s ease 0s 1 normal forwards running animation-dofypc; }
.css-j80fac.MuiButton-containedPrimary:active { color: rgb(14, 27, 23); animation: 0.7s ease 0s 1 normal forwards running animation-i3y9un; }
.css-j80fac.MuiButton-containedPrimary:disabled { color: rgb(14, 27, 23); opacity: 0.5; }
.css-j80fac.MuiButton-containedSecondary { color: rgba(255, 255, 255, 0.8); background-color: rgb(28, 54, 45); box-shadow: none; }
.css-j80fac.MuiButton-containedSecondary:hover { background-color: rgb(28, 54, 45); opacity: 0.85; }
.css-j80fac.MuiButton-containedSecondary:active { color: rgb(255, 255, 255); background-color: rgb(28, 54, 45); opacity: 1; }
.css-j80fac.MuiButton-containedSecondary:disabled { color: rgba(255, 255, 255, 0.8); background-color: rgb(28, 54, 45); opacity: 0.4; }
.css-j80fac.MuiButton-containedSizeLarge { height: 44px; padding: 0px 12px; }
.css-j80fac.MuiButton-containedSizeMedium { height: 40px; padding: 0px 12px; }
.css-j80fac.MuiButton-containedSizeSmall { height: 36px; padding: 0px 12px; }
.css-j80fac.MuiButton-outlinedSizeLarge { height: 44px; padding: 0px 12px; }
.css-j80fac.MuiButton-outlinedSizeMedium { height: 40px; padding: 0px 12px; }
.css-j80fac.MuiButton-outlinedSizeSmall { height: 36px; padding: 0px 12px 0px 8px; }
.css-j80fac.MuiButton-text { padding: 0px 12px; color: rgb(0, 254, 169); font-size: 14px; font-weight: 600; line-height: 18px; }
.css-j80fac.MuiButton-text:hover { background: transparent; color: rgb(0, 229, 152); }
.css-j80fac.MuiButton-text:active { color: rgb(0, 229, 152); }
.css-j80fac.MuiButton-text:disabled { color: rgb(0, 254, 169); opacity: 0.4; }
.css-j80fac.MuiButton-textSecondary { color: rgba(255, 255, 255, 0.8); background: rgb(28, 54, 45); }
.css-j80fac.MuiButton-textSecondary:hover { opacity: 0.85; }
.css-j80fac.MuiButton-textSecondary:active { opacity: 1; }
.css-j80fac.MuiButton-textSecondary:disabled { opacity: 0.5; }
.css-j80fac.MuiButton-textSizeLarge { height: 44px; }
.css-j80fac.MuiButton-textSizeMedium { height: 40px; }
.css-j80fac.MuiButton-textSizeSmall { height: 36px; }
.css-j80fac.MuiButton-iconInherit { padding: 0px; }
.css-j80fac.MuiButton-iconPrimary { background: linear-gradient(90deg, rgb(254, 226, 12) 0%, rgb(255, 174, 0) 25%, rgb(254, 226, 12) 75%, rgb(255, 174, 0) 100%); box-shadow: none; }
.css-j80fac.MuiButton-iconPrimary:hover { opacity: 0.8; }
.css-j80fac.MuiButton-iconPrimary:active { opacity: 1; }
.css-j80fac.MuiButton-iconPrimary:disabled { opacity: 0.5; }
.css-j80fac.MuiButton-iconSecondary { color: rgba(255, 255, 255, 0.8); box-shadow: none; background-color: rgb(28, 54, 45); }
.css-j80fac.MuiButton-iconSecondary:hover { background-color: rgb(28, 54, 45); opacity: 0.85; }
.css-j80fac.MuiButton-iconSecondary:active { color: rgb(255, 255, 255); background-color: rgb(28, 54, 45); opacity: 1; }
.css-j80fac.MuiButton-iconSecondary:disabled { color: rgba(255, 255, 255, 0.8); background-color: rgb(28, 54, 45); opacity: 0.4; }
.css-j80fac.MuiButton-iconSuccess { background: rgb(152, 255, 22); border: 1px solid rgb(152, 255, 22); box-shadow: rgba(152, 255, 22, 0.6) 0px 0px 10px 0px; }
.css-j80fac.MuiButton-iconSuccess:hover { background-color: rgb(106, 178, 15); }
.css-j80fac.MuiButton-iconSuccess:active { background-color: rgb(106, 178, 15); }
.css-j80fac.MuiButton-iconSuccess:disabled { opacity: 0.5; box-shadow: none; }
.css-j80fac.MuiButton-iconError { background: rgb(242, 73, 50); border: 1px solid rgb(242, 73, 50); box-shadow: rgba(242, 73, 50, 0.6) 0px 0px 10px 0px; }
.css-j80fac.MuiButton-iconError:hover { background-color: rgb(169, 51, 35); }
.css-j80fac.MuiButton-iconError:active { background-color: rgb(169, 51, 35); }
.css-j80fac.MuiButton-iconError:disabled { opacity: 0.5; box-shadow: none; }
.css-j80fac.MuiButton-iconInfo { background: rgb(79, 195, 247); border: 1px solid rgb(79, 195, 247); box-shadow: rgba(79, 195, 247, 0.6) 0px 0px 10px 0px; }
.css-j80fac.MuiButton-iconInfo:hover { background-color: rgb(55, 136, 172); }
.css-j80fac.MuiButton-iconInfo:active { background-color: rgb(55, 136, 172); }
.css-j80fac.MuiButton-iconInfo:disabled { opacity: 0.5; box-shadow: none; }
.css-j80fac.MuiButton-iconWarning { background: rgb(255, 218, 22); border: 1px solid rgb(255, 218, 22); box-shadow: rgba(255, 218, 22, 0.6) 0px 0px 10px 0px; }
.css-j80fac.MuiButton-iconWarning:hover { background-color: rgb(178, 152, 15); }
.css-j80fac.MuiButton-iconWarning:active { background-color: rgb(178, 152, 15); }
.css-j80fac.MuiButton-iconWarning:disabled { opacity: 0.5; box-shadow: none; }
.css-j80fac.MuiButton-iconSizeLarge { min-width: 44px; width: 44px; height: 44px; padding: 2px; }
.css-j80fac.MuiButton-iconSizeLarge .MuiButton-startIcon { display: flex; gap: 0px; margin: 0px; color: rgba(255, 255, 255, 0.8); }
.css-j80fac.MuiButton-iconSizeMedium { min-width: 40px; width: 40px; height: 40px; padding: 2px; }
.css-j80fac.MuiButton-iconSizeMedium .MuiButton-startIcon { display: flex; gap: 0px; margin: 0px; }
.css-j80fac.MuiButton-iconSizeSmall { min-width: 36px; width: 36px; height: 36px; padding: 2px; }
.css-j80fac.MuiButton-iconSizeSmall .MuiButton-startIcon { display: flex; gap: 0px; margin: 0px; }
.css-j80fac.MuiButton-outlined { color: rgb(0, 254, 169); border: 1px solid rgb(0, 254, 169); background: rgba(14, 27, 23, 0.4); }
.css-j80fac.MuiButton-outlined:hover { border: 1px solid rgb(0, 254, 169); background: rgba(14, 27, 23, 0.4); opacity: 0.85; }
.css-j80fac.MuiButton-outlined:active { opacity: 1; }
.css-j80fac.MuiButton-outlined:disabled { color: rgb(0, 254, 169); border: 1px solid rgb(0, 254, 169); opacity: 0.4; }
.css-j80fac.MuiButton-cta { color: rgb(14, 27, 23); background-image: linear-gradient(90deg, rgb(254, 226, 12) 0%, rgb(255, 174, 0) 25%, rgb(254, 226, 12) 75%, rgb(255, 174, 0) 100%); background-size: 400% 400%; font-size: 14px; font-weight: 600; line-height: 18px; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; box-shadow: rgba(255, 255, 255, 0.6) 0px 9px 8px 0px inset, rgba(0, 254, 169, 0.2) 0px -4px 8px 0px inset, rgba(0, 254, 169, 0.24) 0px 0px 50px 0px; }
.css-j80fac.MuiButton-cta:hover { animation: 0.7s ease 0s 1 normal forwards running animation-dofypc; box-shadow: rgba(255, 255, 255, 0.6) 0px 9px 8px 0px inset, rgba(0, 254, 169, 0.2) 0px -4px 8px 0px inset, rgba(0, 254, 169, 0.8) 0px 0px 40px 0px; }
.css-j80fac.MuiButton-cta:active { animation: 0.7s ease 0s 1 normal forwards running animation-i3y9un; box-shadow: rgba(255, 255, 255, 0.6) 0px 9px 8px 0px inset, rgba(0, 254, 169, 0.2) 0px -4px 8px 0px inset, rgba(0, 254, 169, 0.24) 0px 0px 50px 0px; }
.css-j80fac.MuiButton-cta:disabled { color: rgb(14, 27, 23); opacity: 0.5; box-shadow: rgba(255, 255, 255, 0.6) 0px 9px 8px 0px inset, rgba(0, 254, 169, 0.2) 0px -4px 8px 0px inset, rgba(0, 254, 169, 0.24) 0px 0px 50px 0px; }
.css-j80fac.MuiButton-ctaSizeLarge { height: 44px; padding: 0px 12px; }
.css-j80fac.MuiButton-ctaSizeMedium { height: 40px; padding: 0px 12px; }
.css-j80fac.MuiButton-ctaSizeSmall { height: 36px; padding: 0px 12px; }
.css-j80fac .open { transform: rotate(0deg); }
.css-j80fac .close { transform: rotate(180deg); }
.css-j80fac button { padding: 0px !important; }
@-webkit-keyframes animation-i3y9un { 
  0% { background-position: 50% 0%; }
  100% { background-position: 0% 5%; }
}
@keyframes animation-i3y9un { 
  0% { background-position: 50% 0%; }
  100% { background-position: 0% 5%; }
}
@-webkit-keyframes animation-dofypc { 
  0% { background-position: 0% 50%; }
  100% { background-position: 50% 0%; }
}
@keyframes animation-dofypc { 
  0% { background-position: 0% 50%; }
  100% { background-position: 50% 0%; }
}
@-webkit-keyframes animation-i3y9un { 
  0% { background-position: 50% 0%; }
  100% { background-position: 0% 5%; }
}
@keyframes animation-i3y9un { 
  0% { background-position: 50% 0%; }
  100% { background-position: 0% 5%; }
}
@-webkit-keyframes animation-dofypc { 
  0% { background-position: 0% 50%; }
  100% { background-position: 50% 0%; }
}
@keyframes animation-dofypc { 
  0% { background-position: 0% 50%; }
  100% { background-position: 50% 0%; }
}
.css-itua51 { font-family: Kanit, sans-serif; font-weight: 500; line-height: 1.75; border: 0px; box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 1px -2px, rgba(0, 0, 0, 0.14) 0px 2px 2px 0px, rgba(0, 0, 0, 0.12) 0px 1px 5px 0px; --variant-textColor: #2A5044; --variant-outlinedColor: #2A5044; --variant-outlinedBorder: rgba(42, 80, 68, 0.5); --variant-containedColor: #fff; --variant-containedBg: #2A5044; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; gap: 8px; flex-shrink: 0; color: rgba(0, 0, 0, 0.8); font-size: 14px; text-transform: none; text-align: center; display: flex; align-items: flex-start; border-radius: 0px 6px 6px 0px; width: 32px; min-width: 32px; visibility: visible; transition: left 225ms cubic-bezier(0.4, 0, 0.6, 1); background: rgb(14, 27, 23) !important; height: 32px !important; padding: 4px !important; }
.css-itua51:hover { text-decoration: none; }
.css-itua51.Mui-disabled { color: rgba(255, 255, 255, 0.3); }
.css-itua51:hover { box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 4px -1px, rgba(0, 0, 0, 0.14) 0px 4px 5px 0px, rgba(0, 0, 0, 0.12) 0px 1px 10px 0px; }
@media (hover: none) {
  .css-itua51:hover { box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 1px -2px, rgba(0, 0, 0, 0.14) 0px 2px 2px 0px, rgba(0, 0, 0, 0.12) 0px 1px 5px 0px; }
}
.css-itua51:active { box-shadow: rgba(0, 0, 0, 0.2) 0px 5px 5px -3px, rgba(0, 0, 0, 0.14) 0px 8px 10px 1px, rgba(0, 0, 0, 0.12) 0px 3px 14px 2px; }
.css-itua51.Mui-focusVisible { box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 5px -1px, rgba(0, 0, 0, 0.14) 0px 6px 10px 0px, rgba(0, 0, 0, 0.12) 0px 1px 18px 0px; }
.css-itua51.Mui-disabled { color: rgba(255, 255, 255, 0.3); box-shadow: none; background-color: rgba(255, 255, 255, 0.12); }
@media (hover: hover) {
  .css-itua51:hover { --variant-containedBg: rgb(29, 56, 47); --variant-textBg: rgba(42, 80, 68, 0.08); --variant-outlinedBorder: #2A5044; --variant-outlinedBg: rgba(42, 80, 68, 0.08); }
}
.css-itua51.MuiButton-loading { color: transparent; }
.css-itua51 .MuiButton-startIcon { display: inline-flex; gap: 8px; margin-right: 0px; margin-left: 0px; }
.css-itua51 .MuiButton-endIcon { display: inline-flex; gap: 8px; margin-right: 0px; margin-left: 0px; }
.css-itua51.MuiButton-containedPrimary { box-shadow: none; color: rgb(14, 27, 23); background: linear-gradient(90deg, rgb(254, 226, 12) 0%, rgb(255, 174, 0) 25%, rgb(254, 226, 12) 75%, rgb(255, 174, 0) 100%) 0% 0% / 400% 400%; }
.css-itua51.MuiButton-containedPrimary:hover { color: rgb(14, 27, 23); animation: 0.7s ease 0s 1 normal forwards running animation-dofypc; }
.css-itua51.MuiButton-containedPrimary:active { color: rgb(14, 27, 23); animation: 0.7s ease 0s 1 normal forwards running animation-i3y9un; }
.css-itua51.MuiButton-containedPrimary:disabled { color: rgb(14, 27, 23); opacity: 0.5; }
.css-itua51.MuiButton-containedSecondary { color: rgba(255, 255, 255, 0.8); background-color: rgb(28, 54, 45); box-shadow: none; }
.css-itua51.MuiButton-containedSecondary:hover { background-color: rgb(28, 54, 45); opacity: 0.85; }
.css-itua51.MuiButton-containedSecondary:active { color: rgb(255, 255, 255); background-color: rgb(28, 54, 45); opacity: 1; }
.css-itua51.MuiButton-containedSecondary:disabled { color: rgba(255, 255, 255, 0.8); background-color: rgb(28, 54, 45); opacity: 0.4; }
.css-itua51.MuiButton-containedSizeLarge { height: 44px; padding: 0px 12px; }
.css-itua51.MuiButton-containedSizeMedium { height: 40px; padding: 0px 12px; }
.css-itua51.MuiButton-containedSizeSmall { height: 36px; padding: 0px 12px; }
.css-itua51.MuiButton-outlinedSizeLarge { height: 44px; padding: 0px 12px; }
.css-itua51.MuiButton-outlinedSizeMedium { height: 40px; padding: 0px 12px; }
.css-itua51.MuiButton-outlinedSizeSmall { height: 36px; padding: 0px 12px 0px 8px; }
.css-itua51.MuiButton-text { padding: 0px 12px; color: rgb(0, 254, 169); font-size: 14px; font-weight: 600; line-height: 18px; }
.css-itua51.MuiButton-text:hover { background: transparent; color: rgb(0, 229, 152); }
.css-itua51.MuiButton-text:active { color: rgb(0, 229, 152); }
.css-itua51.MuiButton-text:disabled { color: rgb(0, 254, 169); opacity: 0.4; }
.css-itua51.MuiButton-textSecondary { color: rgba(255, 255, 255, 0.8); background: rgb(28, 54, 45); }
.css-itua51.MuiButton-textSecondary:hover { opacity: 0.85; }
.css-itua51.MuiButton-textSecondary:active { opacity: 1; }
.css-itua51.MuiButton-textSecondary:disabled { opacity: 0.5; }
.css-itua51.MuiButton-textSizeLarge { height: 44px; }
.css-itua51.MuiButton-textSizeMedium { height: 40px; }
.css-itua51.MuiButton-textSizeSmall { height: 36px; }
.css-itua51.MuiButton-iconInherit { padding: 0px; }
.css-itua51.MuiButton-iconPrimary { background: linear-gradient(90deg, rgb(254, 226, 12) 0%, rgb(255, 174, 0) 25%, rgb(254, 226, 12) 75%, rgb(255, 174, 0) 100%); box-shadow: none; }
.css-itua51.MuiButton-iconPrimary:hover { opacity: 0.8; }
.css-itua51.MuiButton-iconPrimary:active { opacity: 1; }
.css-itua51.MuiButton-iconPrimary:disabled { opacity: 0.5; }
.css-itua51.MuiButton-iconSecondary { color: rgba(255, 255, 255, 0.8); box-shadow: none; background-color: rgb(28, 54, 45); }
.css-itua51.MuiButton-iconSecondary:hover { background-color: rgb(28, 54, 45); opacity: 0.85; }
.css-itua51.MuiButton-iconSecondary:active { color: rgb(255, 255, 255); background-color: rgb(28, 54, 45); opacity: 1; }
.css-itua51.MuiButton-iconSecondary:disabled { color: rgba(255, 255, 255, 0.8); background-color: rgb(28, 54, 45); opacity: 0.4; }
.css-itua51.MuiButton-iconSuccess { background: rgb(152, 255, 22); border: 1px solid rgb(152, 255, 22); box-shadow: rgba(152, 255, 22, 0.6) 0px 0px 10px 0px; }
.css-itua51.MuiButton-iconSuccess:hover { background-color: rgb(106, 178, 15); }
.css-itua51.MuiButton-iconSuccess:active { background-color: rgb(106, 178, 15); }
.css-itua51.MuiButton-iconSuccess:disabled { opacity: 0.5; box-shadow: none; }
.css-itua51.MuiButton-iconError { background: rgb(242, 73, 50); border: 1px solid rgb(242, 73, 50); box-shadow: rgba(242, 73, 50, 0.6) 0px 0px 10px 0px; }
.css-itua51.MuiButton-iconError:hover { background-color: rgb(169, 51, 35); }
.css-itua51.MuiButton-iconError:active { background-color: rgb(169, 51, 35); }
.css-itua51.MuiButton-iconError:disabled { opacity: 0.5; box-shadow: none; }
.css-itua51.MuiButton-iconInfo { background: rgb(79, 195, 247); border: 1px solid rgb(79, 195, 247); box-shadow: rgba(79, 195, 247, 0.6) 0px 0px 10px 0px; }
.css-itua51.MuiButton-iconInfo:hover { background-color: rgb(55, 136, 172); }
.css-itua51.MuiButton-iconInfo:active { background-color: rgb(55, 136, 172); }
.css-itua51.MuiButton-iconInfo:disabled { opacity: 0.5; box-shadow: none; }
.css-itua51.MuiButton-iconWarning { background: rgb(255, 218, 22); border: 1px solid rgb(255, 218, 22); box-shadow: rgba(255, 218, 22, 0.6) 0px 0px 10px 0px; }
.css-itua51.MuiButton-iconWarning:hover { background-color: rgb(178, 152, 15); }
.css-itua51.MuiButton-iconWarning:active { background-color: rgb(178, 152, 15); }
.css-itua51.MuiButton-iconWarning:disabled { opacity: 0.5; box-shadow: none; }
.css-itua51.MuiButton-iconSizeLarge { min-width: 44px; width: 44px; height: 44px; padding: 2px; }
.css-itua51.MuiButton-iconSizeLarge .MuiButton-startIcon { display: flex; gap: 0px; margin: 0px; color: rgba(255, 255, 255, 0.8); }
.css-itua51.MuiButton-iconSizeMedium { min-width: 40px; width: 40px; height: 40px; padding: 2px; }
.css-itua51.MuiButton-iconSizeMedium .MuiButton-startIcon { display: flex; gap: 0px; margin: 0px; }
.css-itua51.MuiButton-iconSizeSmall { min-width: 36px; width: 36px; height: 36px; padding: 2px; }
.css-itua51.MuiButton-iconSizeSmall .MuiButton-startIcon { display: flex; gap: 0px; margin: 0px; }
.css-itua51.MuiButton-outlined { color: rgb(0, 254, 169); border: 1px solid rgb(0, 254, 169); background: rgba(14, 27, 23, 0.4); }
.css-itua51.MuiButton-outlined:hover { border: 1px solid rgb(0, 254, 169); background: rgba(14, 27, 23, 0.4); opacity: 0.85; }
.css-itua51.MuiButton-outlined:active { opacity: 1; }
.css-itua51.MuiButton-outlined:disabled { color: rgb(0, 254, 169); border: 1px solid rgb(0, 254, 169); opacity: 0.4; }
.css-itua51.MuiButton-cta { color: rgb(14, 27, 23); background-image: linear-gradient(90deg, rgb(254, 226, 12) 0%, rgb(255, 174, 0) 25%, rgb(254, 226, 12) 75%, rgb(255, 174, 0) 100%); background-size: 400% 400%; font-size: 14px; font-weight: 600; line-height: 18px; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; box-shadow: rgba(255, 255, 255, 0.6) 0px 9px 8px 0px inset, rgba(0, 254, 169, 0.2) 0px -4px 8px 0px inset, rgba(0, 254, 169, 0.24) 0px 0px 50px 0px; }
.css-itua51.MuiButton-cta:hover { animation: 0.7s ease 0s 1 normal forwards running animation-dofypc; box-shadow: rgba(255, 255, 255, 0.6) 0px 9px 8px 0px inset, rgba(0, 254, 169, 0.2) 0px -4px 8px 0px inset, rgba(0, 254, 169, 0.8) 0px 0px 40px 0px; }
.css-itua51.MuiButton-cta:active { animation: 0.7s ease 0s 1 normal forwards running animation-i3y9un; box-shadow: rgba(255, 255, 255, 0.6) 0px 9px 8px 0px inset, rgba(0, 254, 169, 0.2) 0px -4px 8px 0px inset, rgba(0, 254, 169, 0.24) 0px 0px 50px 0px; }
.css-itua51.MuiButton-cta:disabled { color: rgb(14, 27, 23); opacity: 0.5; box-shadow: rgba(255, 255, 255, 0.6) 0px 9px 8px 0px inset, rgba(0, 254, 169, 0.2) 0px -4px 8px 0px inset, rgba(0, 254, 169, 0.24) 0px 0px 50px 0px; }
.css-itua51.MuiButton-ctaSizeLarge { height: 44px; padding: 0px 12px; }
.css-itua51.MuiButton-ctaSizeMedium { height: 40px; padding: 0px 12px; }
.css-itua51.MuiButton-ctaSizeSmall { height: 36px; padding: 0px 12px; }
.css-itua51 .open { transform: rotate(0deg); }
.css-itua51 .close { transform: rotate(180deg); }
.css-itua51 button { padding: 0px !important; }
.css-34s6zo { position: relative; box-sizing: border-box; -webkit-tap-highlight-color: transparent; outline: 0px; margin: 0px; cursor: pointer; user-select: none; vertical-align: middle; appearance: none; text-decoration: none; font-family: Kanit, sans-serif; font-weight: 500; line-height: 1.75; border: 0px; box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 1px -2px, rgba(0, 0, 0, 0.14) 0px 2px 2px 0px, rgba(0, 0, 0, 0.12) 0px 1px 5px 0px; --variant-textColor: #2A5044; --variant-outlinedColor: #2A5044; --variant-outlinedBorder: rgba(42, 80, 68, 0.5); --variant-containedColor: #fff; --variant-containedBg: #2A5044; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; gap: 8px; flex-shrink: 0; color: rgba(0, 0, 0, 0.8); font-size: 14px; text-transform: none; text-align: center; display: flex; align-items: flex-start; border-radius: 0px 6px 6px 0px; width: 32px; min-width: 32px; visibility: visible; transition: left 225ms cubic-bezier(0.4, 0, 0.6, 1); background: rgb(14, 27, 23) !important; height: 32px !important; padding: 4px !important; }
.css-34s6zo.Mui-disabled { pointer-events: none; cursor: default; }
@media print {
  .css-34s6zo { print-color-adjust: exact; }
}
.css-34s6zo:hover { text-decoration: none; }
.css-34s6zo.Mui-disabled { color: rgba(255, 255, 255, 0.3); }
.css-34s6zo:hover { box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 4px -1px, rgba(0, 0, 0, 0.14) 0px 4px 5px 0px, rgba(0, 0, 0, 0.12) 0px 1px 10px 0px; }
@media (hover: none) {
  .css-34s6zo:hover { box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 1px -2px, rgba(0, 0, 0, 0.14) 0px 2px 2px 0px, rgba(0, 0, 0, 0.12) 0px 1px 5px 0px; }
}
.css-34s6zo:active { box-shadow: rgba(0, 0, 0, 0.2) 0px 5px 5px -3px, rgba(0, 0, 0, 0.14) 0px 8px 10px 1px, rgba(0, 0, 0, 0.12) 0px 3px 14px 2px; }
.css-34s6zo.Mui-focusVisible { box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 5px -1px, rgba(0, 0, 0, 0.14) 0px 6px 10px 0px, rgba(0, 0, 0, 0.12) 0px 1px 18px 0px; }
.css-34s6zo.Mui-disabled { color: rgba(255, 255, 255, 0.3); box-shadow: none; background-color: rgba(255, 255, 255, 0.12); }
@media (hover: hover) {
  .css-34s6zo:hover { --variant-containedBg: rgb(29, 56, 47); --variant-textBg: rgba(42, 80, 68, 0.08); --variant-outlinedBorder: #2A5044; --variant-outlinedBg: rgba(42, 80, 68, 0.08); }
}
.css-34s6zo.MuiButton-loading { color: transparent; }
.css-34s6zo .MuiButton-startIcon { display: inline-flex; gap: 8px; margin-right: 0px; margin-left: 0px; }
.css-34s6zo .MuiButton-endIcon { display: inline-flex; gap: 8px; margin-right: 0px; margin-left: 0px; }
.css-34s6zo.MuiButton-containedPrimary { box-shadow: none; color: rgb(14, 27, 23); background: linear-gradient(90deg, rgb(254, 226, 12) 0%, rgb(255, 174, 0) 25%, rgb(254, 226, 12) 75%, rgb(255, 174, 0) 100%) 0% 0% / 400% 400%; }
.css-34s6zo.MuiButton-containedPrimary:hover { color: rgb(14, 27, 23); animation: 0.7s ease 0s 1 normal forwards running animation-dofypc; }
.css-34s6zo.MuiButton-containedPrimary:active { color: rgb(14, 27, 23); animation: 0.7s ease 0s 1 normal forwards running animation-i3y9un; }
.css-34s6zo.MuiButton-containedPrimary:disabled { color: rgb(14, 27, 23); opacity: 0.5; }
.css-34s6zo.MuiButton-containedSecondary { color: rgba(255, 255, 255, 0.8); background-color: rgb(28, 54, 45); box-shadow: none; }
.css-34s6zo.MuiButton-containedSecondary:hover { background-color: rgb(28, 54, 45); opacity: 0.85; }
.css-34s6zo.MuiButton-containedSecondary:active { color: rgb(255, 255, 255); background-color: rgb(28, 54, 45); opacity: 1; }
.css-34s6zo.MuiButton-containedSecondary:disabled { color: rgba(255, 255, 255, 0.8); background-color: rgb(28, 54, 45); opacity: 0.4; }
.css-34s6zo.MuiButton-containedSizeLarge { height: 44px; padding: 0px 12px; }
.css-34s6zo.MuiButton-containedSizeMedium { height: 40px; padding: 0px 12px; }
.css-34s6zo.MuiButton-containedSizeSmall { height: 36px; padding: 0px 12px; }
.css-34s6zo.MuiButton-outlinedSizeLarge { height: 44px; padding: 0px 12px; }
.css-34s6zo.MuiButton-outlinedSizeMedium { height: 40px; padding: 0px 12px; }
.css-34s6zo.MuiButton-outlinedSizeSmall { height: 36px; padding: 0px 12px 0px 8px; }
.css-34s6zo.MuiButton-text { padding: 0px 12px; color: rgb(0, 254, 169); font-size: 14px; font-weight: 600; line-height: 18px; }
.css-34s6zo.MuiButton-text:hover { background: transparent; color: rgb(0, 229, 152); }
.css-34s6zo.MuiButton-text:active { color: rgb(0, 229, 152); }
.css-34s6zo.MuiButton-text:disabled { color: rgb(0, 254, 169); opacity: 0.4; }
.css-34s6zo.MuiButton-textSecondary { color: rgba(255, 255, 255, 0.8); background: rgb(28, 54, 45); }
.css-34s6zo.MuiButton-textSecondary:hover { opacity: 0.85; }
.css-34s6zo.MuiButton-textSecondary:active { opacity: 1; }
.css-34s6zo.MuiButton-textSecondary:disabled { opacity: 0.5; }
.css-34s6zo.MuiButton-textSizeLarge { height: 44px; }
.css-34s6zo.MuiButton-textSizeMedium { height: 40px; }
.css-34s6zo.MuiButton-textSizeSmall { height: 36px; }
.css-34s6zo.MuiButton-iconInherit { padding: 0px; }
.css-34s6zo.MuiButton-iconPrimary { background: linear-gradient(90deg, rgb(254, 226, 12) 0%, rgb(255, 174, 0) 25%, rgb(254, 226, 12) 75%, rgb(255, 174, 0) 100%); box-shadow: none; }
.css-34s6zo.MuiButton-iconPrimary:hover { opacity: 0.8; }
.css-34s6zo.MuiButton-iconPrimary:active { opacity: 1; }
.css-34s6zo.MuiButton-iconPrimary:disabled { opacity: 0.5; }
.css-34s6zo.MuiButton-iconSecondary { color: rgba(255, 255, 255, 0.8); box-shadow: none; background-color: rgb(28, 54, 45); }
.css-34s6zo.MuiButton-iconSecondary:hover { background-color: rgb(28, 54, 45); opacity: 0.85; }
.css-34s6zo.MuiButton-iconSecondary:active { color: rgb(255, 255, 255); background-color: rgb(28, 54, 45); opacity: 1; }
.css-34s6zo.MuiButton-iconSecondary:disabled { color: rgba(255, 255, 255, 0.8); background-color: rgb(28, 54, 45); opacity: 0.4; }
.css-34s6zo.MuiButton-iconSuccess { background: rgb(152, 255, 22); border: 1px solid rgb(152, 255, 22); box-shadow: rgba(152, 255, 22, 0.6) 0px 0px 10px 0px; }
.css-34s6zo.MuiButton-iconSuccess:hover { background-color: rgb(106, 178, 15); }
.css-34s6zo.MuiButton-iconSuccess:active { background-color: rgb(106, 178, 15); }
.css-34s6zo.MuiButton-iconSuccess:disabled { opacity: 0.5; box-shadow: none; }
.css-34s6zo.MuiButton-iconError { background: rgb(242, 73, 50); border: 1px solid rgb(242, 73, 50); box-shadow: rgba(242, 73, 50, 0.6) 0px 0px 10px 0px; }
.css-34s6zo.MuiButton-iconError:hover { background-color: rgb(169, 51, 35); }
.css-34s6zo.MuiButton-iconError:active { background-color: rgb(169, 51, 35); }
.css-34s6zo.MuiButton-iconError:disabled { opacity: 0.5; box-shadow: none; }
.css-34s6zo.MuiButton-iconInfo { background: rgb(79, 195, 247); border: 1px solid rgb(79, 195, 247); box-shadow: rgba(79, 195, 247, 0.6) 0px 0px 10px 0px; }
.css-34s6zo.MuiButton-iconInfo:hover { background-color: rgb(55, 136, 172); }
.css-34s6zo.MuiButton-iconInfo:active { background-color: rgb(55, 136, 172); }
.css-34s6zo.MuiButton-iconInfo:disabled { opacity: 0.5; box-shadow: none; }
.css-34s6zo.MuiButton-iconWarning { background: rgb(255, 218, 22); border: 1px solid rgb(255, 218, 22); box-shadow: rgba(255, 218, 22, 0.6) 0px 0px 10px 0px; }
.css-34s6zo.MuiButton-iconWarning:hover { background-color: rgb(178, 152, 15); }
.css-34s6zo.MuiButton-iconWarning:active { background-color: rgb(178, 152, 15); }
.css-34s6zo.MuiButton-iconWarning:disabled { opacity: 0.5; box-shadow: none; }
.css-34s6zo.MuiButton-iconSizeLarge { min-width: 44px; width: 44px; height: 44px; padding: 2px; }
.css-34s6zo.MuiButton-iconSizeLarge .MuiButton-startIcon { display: flex; gap: 0px; margin: 0px; color: rgba(255, 255, 255, 0.8); }
.css-34s6zo.MuiButton-iconSizeMedium { min-width: 40px; width: 40px; height: 40px; padding: 2px; }
.css-34s6zo.MuiButton-iconSizeMedium .MuiButton-startIcon { display: flex; gap: 0px; margin: 0px; }
.css-34s6zo.MuiButton-iconSizeSmall { min-width: 36px; width: 36px; height: 36px; padding: 2px; }
.css-34s6zo.MuiButton-iconSizeSmall .MuiButton-startIcon { display: flex; gap: 0px; margin: 0px; }
.css-34s6zo.MuiButton-outlined { color: rgb(0, 254, 169); border: 1px solid rgb(0, 254, 169); background: rgba(14, 27, 23, 0.4); }
.css-34s6zo.MuiButton-outlined:hover { border: 1px solid rgb(0, 254, 169); background: rgba(14, 27, 23, 0.4); opacity: 0.85; }
.css-34s6zo.MuiButton-outlined:active { opacity: 1; }
.css-34s6zo.MuiButton-outlined:disabled { color: rgb(0, 254, 169); border: 1px solid rgb(0, 254, 169); opacity: 0.4; }
.css-34s6zo.MuiButton-cta { color: rgb(14, 27, 23); background-image: linear-gradient(90deg, rgb(254, 226, 12) 0%, rgb(255, 174, 0) 25%, rgb(254, 226, 12) 75%, rgb(255, 174, 0) 100%); background-size: 400% 400%; font-size: 14px; font-weight: 600; line-height: 18px; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; box-shadow: rgba(255, 255, 255, 0.6) 0px 9px 8px 0px inset, rgba(0, 254, 169, 0.2) 0px -4px 8px 0px inset, rgba(0, 254, 169, 0.24) 0px 0px 50px 0px; }
.css-34s6zo.MuiButton-cta:hover { animation: 0.7s ease 0s 1 normal forwards running animation-dofypc; box-shadow: rgba(255, 255, 255, 0.6) 0px 9px 8px 0px inset, rgba(0, 254, 169, 0.2) 0px -4px 8px 0px inset, rgba(0, 254, 169, 0.8) 0px 0px 40px 0px; }
.css-34s6zo.MuiButton-cta:active { animation: 0.7s ease 0s 1 normal forwards running animation-i3y9un; box-shadow: rgba(255, 255, 255, 0.6) 0px 9px 8px 0px inset, rgba(0, 254, 169, 0.2) 0px -4px 8px 0px inset, rgba(0, 254, 169, 0.24) 0px 0px 50px 0px; }
.css-34s6zo.MuiButton-cta:disabled { color: rgb(14, 27, 23); opacity: 0.5; box-shadow: rgba(255, 255, 255, 0.6) 0px 9px 8px 0px inset, rgba(0, 254, 169, 0.2) 0px -4px 8px 0px inset, rgba(0, 254, 169, 0.24) 0px 0px 50px 0px; }
.css-34s6zo.MuiButton-ctaSizeLarge { height: 44px; padding: 0px 12px; }
.css-34s6zo.MuiButton-ctaSizeMedium { height: 40px; padding: 0px 12px; }
.css-34s6zo.MuiButton-ctaSizeSmall { height: 36px; padding: 0px 12px; }
.css-34s6zo .open { transform: rotate(0deg); }
.css-34s6zo .close { transform: rotate(180deg); }
.css-34s6zo button { padding: 0px !important; }
.css-45hzqd { padding: 0px; }
.css-45hzqd.MuiIcon-root { display: flex; width: 20px !important; height: 20px !important; font-size: 20px !important; line-height: 20px !important; }
.css-45hzqd.MuiIcon-root.MuiIcon-colorTxt\.textWhite100 { color: rgb(255, 255, 255); }
.css-45hzqd.MuiIcon-root.MuiIcon-colorTxt\.textWhite80 { color: rgba(255, 255, 255, 0.8); }
.css-45hzqd.MuiIcon-root.MuiIcon-colorTxt\.textWhite40 { color: rgba(255, 255, 255, 0.4); }
.css-45hzqd.MuiIcon-root.MuiIcon-colorTxt\.secondary { color: rgba(255, 255, 255, 0.8); }
.css-45hzqd.MuiIcon-root.MuiIcon-colorAccent\.main { color: rgb(0, 254, 169); }
.css-45hzqd.MuiIcon-root.MuiIcon-colorAccent\.gradient { background: linear-gradient(90deg, rgb(254, 226, 12) 0%, rgb(255, 174, 0) 100%) text; -webkit-text-fill-color: transparent; }
.css-45hzqd.MuiIcon-root.MuiIcon-colorEvent\.bg { color: rgb(21, 40, 34); }
.css-45hzqd.MuiIcon-root.MuiIcon-colorEvent\.bgHover { color: rgb(28, 54, 45); }
.css-45hzqd.MuiIcon-root.MuiIcon-colorEvent\.bg2 { color: rgb(0, 254, 169); }
.css-45hzqd.MuiIcon-root.MuiIcon-colorFilter\.bg { color: rgb(21, 40, 34); }
.css-45hzqd.MuiIcon-root.MuiIcon-colorFilter\.bgHover { color: rgb(28, 54, 45); }
.css-45hzqd.MuiIcon-root.MuiIcon-colorFilter\.bg2 { color: rgb(0, 254, 169); }
.css-45hzqd.MuiIcon-root.MuiIcon-colorFixedColor\.success { color: rgb(152, 255, 22); }
.css-45hzqd.MuiIcon-root.MuiIcon-colorFixedColor\.warning { color: rgb(255, 218, 22); }
.css-45hzqd.MuiIcon-root.MuiIcon-colorFixedColor\.error { color: rgb(242, 73, 50); }
.css-45hzqd.MuiIcon-root.MuiIcon-colorHeader\.bg { color: rgb(28, 54, 45); }
.css-45hzqd.MuiIcon-root.MuiIcon-colorInputDropDown\.bg { color: rgb(21, 40, 34); }
.css-45hzqd.MuiIcon-root.MuiIcon-colorInputDropDown\.bgHover { color: rgb(28, 54, 45); }
.css-45hzqd.MuiIcon-root.MuiIcon-colorInputDropDown\.bg2 { color: rgb(0, 254, 169); }
.css-45hzqd.MuiIcon-root.MuiIcon-colorMenu1\.bg { color: rgb(14, 27, 23); }
.css-45hzqd.MuiIcon-root.MuiIcon-colorOdd\.bg { color: rgb(21, 40, 34); }
.css-45hzqd.MuiIcon-root.MuiIcon-colorOdd\.bg2 { color: rgb(28, 54, 45); }
.css-45hzqd.MuiIcon-root.MuiIcon-colorVip\.blackDiamond { color: rgb(240, 230, 215); }
.css-45hzqd.MuiIcon-root.MuiIcon-colorVip\.bronze { color: rgb(202, 128, 86); }
.css-45hzqd.MuiIcon-root.MuiIcon-colorVip\.gold { color: rgb(238, 190, 68); }
.css-45hzqd.MuiIcon-root.MuiIcon-colorVip\.sliver { color: rgb(221, 221, 221); }
.css-45hzqd.MuiIcon-root.MuiIcon-colorDark\.dark1 { color: rgb(14, 27, 23); }
.css-45hzqd.MuiIcon-root.MuiIcon-colorFixedColor\.info { color: rgb(79, 195, 247); }
.css-45hzqd.MuiIcon-fontSizeSmall { width: 16px !important; height: 16px !important; font-size: 16px !important; line-height: 16px !important; }
.css-45hzqd.MuiIcon-fontSizeLarge { width: 24px !important; height: 24px !important; font-size: 24px !important; line-height: 24px !important; }
.css-45hzqd.MuiIcon-fontSizeLarge80 { width: 80px !important; height: 80px !important; font-size: 80px !important; line-height: 80px !important; }
.css-45hzqd.MuiIcon-fontSizeLarge40 { width: 40px !important; height: 40px !important; font-size: 40px !important; line-height: 40px !important; }
.css-45hzqd.MuiIcon-fontSizeLarge64 { width: 64px !important; height: 64px !important; font-size: 64px !important; line-height: 64px !important; }
.css-45hzqd.MuiIcon-fontSizeLarge44 { width: 44px !important; height: 44px !important; font-size: 44px !important; line-height: 44px !important; }
.css-45hzqd.MuiIcon-fontSizeExtraSmall { width: 14px !important; height: 14px !important; font-size: 14px !important; line-height: 14px !important; }
.css-45hzqd.MuiIcon-fontSizeExtLarge { width: 32px !important; height: 32px !important; font-size: 32px !important; line-height: 32px !important; }
.css-45hzqd.MuiIcon-colorWhite { color: rgb(255, 255, 255); }
.css-1qfd7l7 { user-select: none; width: 1em; height: 1em; overflow: hidden; display: inline-block; text-align: center; flex-shrink: 0; font-size: 2.25rem; padding: 0px; }
.css-1qfd7l7.MuiIcon-root { display: flex; width: 20px !important; height: 20px !important; font-size: 20px !important; line-height: 20px !important; }
.css-1qfd7l7.MuiIcon-root.MuiIcon-colorTxt\.textWhite100 { color: rgb(255, 255, 255); }
.css-1qfd7l7.MuiIcon-root.MuiIcon-colorTxt\.textWhite80 { color: rgba(255, 255, 255, 0.8); }
.css-1qfd7l7.MuiIcon-root.MuiIcon-colorTxt\.textWhite40 { color: rgba(255, 255, 255, 0.4); }
.css-1qfd7l7.MuiIcon-root.MuiIcon-colorTxt\.secondary { color: rgba(255, 255, 255, 0.8); }
.css-1qfd7l7.MuiIcon-root.MuiIcon-colorAccent\.main { color: rgb(0, 254, 169); }
.css-1qfd7l7.MuiIcon-root.MuiIcon-colorAccent\.gradient { background: linear-gradient(90deg, rgb(254, 226, 12) 0%, rgb(255, 174, 0) 100%) text; -webkit-text-fill-color: transparent; }
.css-1qfd7l7.MuiIcon-root.MuiIcon-colorEvent\.bg { color: rgb(21, 40, 34); }
.css-1qfd7l7.MuiIcon-root.MuiIcon-colorEvent\.bgHover { color: rgb(28, 54, 45); }
.css-1qfd7l7.MuiIcon-root.MuiIcon-colorEvent\.bg2 { color: rgb(0, 254, 169); }
.css-1qfd7l7.MuiIcon-root.MuiIcon-colorFilter\.bg { color: rgb(21, 40, 34); }
.css-1qfd7l7.MuiIcon-root.MuiIcon-colorFilter\.bgHover { color: rgb(28, 54, 45); }
.css-1qfd7l7.MuiIcon-root.MuiIcon-colorFilter\.bg2 { color: rgb(0, 254, 169); }
.css-1qfd7l7.MuiIcon-root.MuiIcon-colorFixedColor\.success { color: rgb(152, 255, 22); }
.css-1qfd7l7.MuiIcon-root.MuiIcon-colorFixedColor\.warning { color: rgb(255, 218, 22); }
.css-1qfd7l7.MuiIcon-root.MuiIcon-colorFixedColor\.error { color: rgb(242, 73, 50); }
.css-1qfd7l7.MuiIcon-root.MuiIcon-colorHeader\.bg { color: rgb(28, 54, 45); }
.css-1qfd7l7.MuiIcon-root.MuiIcon-colorInputDropDown\.bg { color: rgb(21, 40, 34); }
.css-1qfd7l7.MuiIcon-root.MuiIcon-colorInputDropDown\.bgHover { color: rgb(28, 54, 45); }
.css-1qfd7l7.MuiIcon-root.MuiIcon-colorInputDropDown\.bg2 { color: rgb(0, 254, 169); }
.css-1qfd7l7.MuiIcon-root.MuiIcon-colorMenu1\.bg { color: rgb(14, 27, 23); }
.css-1qfd7l7.MuiIcon-root.MuiIcon-colorOdd\.bg { color: rgb(21, 40, 34); }
.css-1qfd7l7.MuiIcon-root.MuiIcon-colorOdd\.bg2 { color: rgb(28, 54, 45); }
.css-1qfd7l7.MuiIcon-root.MuiIcon-colorVip\.blackDiamond { color: rgb(240, 230, 215); }
.css-1qfd7l7.MuiIcon-root.MuiIcon-colorVip\.bronze { color: rgb(202, 128, 86); }
.css-1qfd7l7.MuiIcon-root.MuiIcon-colorVip\.gold { color: rgb(238, 190, 68); }
.css-1qfd7l7.MuiIcon-root.MuiIcon-colorVip\.sliver { color: rgb(221, 221, 221); }
.css-1qfd7l7.MuiIcon-root.MuiIcon-colorDark\.dark1 { color: rgb(14, 27, 23); }
.css-1qfd7l7.MuiIcon-root.MuiIcon-colorFixedColor\.info { color: rgb(79, 195, 247); }
.css-1qfd7l7.MuiIcon-fontSizeSmall { width: 16px !important; height: 16px !important; font-size: 16px !important; line-height: 16px !important; }
.css-1qfd7l7.MuiIcon-fontSizeLarge { width: 24px !important; height: 24px !important; font-size: 24px !important; line-height: 24px !important; }
.css-1qfd7l7.MuiIcon-fontSizeLarge80 { width: 80px !important; height: 80px !important; font-size: 80px !important; line-height: 80px !important; }
.css-1qfd7l7.MuiIcon-fontSizeLarge40 { width: 40px !important; height: 40px !important; font-size: 40px !important; line-height: 40px !important; }
.css-1qfd7l7.MuiIcon-fontSizeLarge64 { width: 64px !important; height: 64px !important; font-size: 64px !important; line-height: 64px !important; }
.css-1qfd7l7.MuiIcon-fontSizeLarge44 { width: 44px !important; height: 44px !important; font-size: 44px !important; line-height: 44px !important; }
.css-1qfd7l7.MuiIcon-fontSizeExtraSmall { width: 14px !important; height: 14px !important; font-size: 14px !important; line-height: 14px !important; }
.css-1qfd7l7.MuiIcon-fontSizeExtLarge { width: 32px !important; height: 32px !important; font-size: 32px !important; line-height: 32px !important; }
.css-1qfd7l7.MuiIcon-colorWhite { color: rgb(255, 255, 255); }
.css-hbltip { width: 100%; transition: width 225ms cubic-bezier(0.4, 0, 0.6, 1), height 225ms cubic-bezier(0.4, 0, 0.6, 1); display: flex; height: 44px; min-height: 44px !important; }
.css-hbltip .MuiTabs-flexContainer { padding: 4px; border-radius: 24px; background: rgb(21, 40, 34); gap: 6px; }
.css-hbltip .MuiTabs-indicator { background: transparent; }
.css-1ucxe25 { overflow: hidden; width: 100%; transition: width 225ms cubic-bezier(0.4, 0, 0.6, 1), height 225ms cubic-bezier(0.4, 0, 0.6, 1); display: flex; height: 44px; min-height: 44px !important; }
@media (max-width: 599.95px) {
  .css-1ucxe25 .MuiTabs-scrollButtons { display: none; }
}
.css-1ucxe25 .MuiTabs-flexContainer { padding: 4px; border-radius: 24px; background: rgb(21, 40, 34); gap: 6px; }
.css-1ucxe25 .MuiTabs-indicator { background: transparent; }
.css-w94xpu { position: relative; display: inline-block; flex: 1 1 auto; white-space: nowrap; overflow-x: hidden; width: 100%; }
.css-meq000 { display: flex; height: 36px; min-height: 36px; min-width: unset; padding: 0px 12px; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; gap: 8px; flex: 1 0 0px; border-radius: 32px; font-size: 14px; font-weight: 700; line-height: 18px; text-transform: none; z-index: 2; }
.css-meq000.Mui-selected { border: 1px solid transparent; background: linear-gradient(rgb(21, 40, 34), rgb(21, 40, 34)) padding-box padding-box, linear-gradient(90deg, rgb(254, 226, 12) 0%, rgb(255, 174, 0) 100%) border-box border-box; }
.css-meq000.Mui-selected * { background: linear-gradient(90deg, rgb(254, 226, 12) 0%, rgb(255, 174, 0) 100%) text; -webkit-text-fill-color: transparent; }
.css-1gcupua { font-family: Kanit, sans-serif; position: relative; overflow: hidden; white-space: normal; text-align: center; flex-direction: column; color: rgba(255, 255, 255, 0.8); -webkit-box-flex: 1; max-width: none; display: flex; height: 36px; min-height: 36px; min-width: unset; padding: 0px 12px; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; gap: 8px; flex: 1 0 0px; border-radius: 32px; font-size: 14px; font-weight: 700; line-height: 18px; text-transform: none; z-index: 2; }
.css-1gcupua.Mui-selected { color: rgb(0, 254, 169); }
.css-1gcupua.Mui-disabled { color: rgba(255, 255, 255, 0.4); }
.css-1gcupua.Mui-selected { border: 1px solid transparent; background: linear-gradient(rgb(21, 40, 34), rgb(21, 40, 34)) padding-box padding-box, linear-gradient(90deg, rgb(254, 226, 12) 0%, rgb(255, 174, 0) 100%) border-box border-box; }
.css-1gcupua.Mui-selected * { background: linear-gradient(90deg, rgb(254, 226, 12) 0%, rgb(255, 174, 0) 100%) text; -webkit-text-fill-color: transparent; }
.css-7xiikk { box-sizing: border-box; -webkit-tap-highlight-color: transparent; background-color: transparent; outline: 0px; border: 0px; margin: 0px; cursor: pointer; user-select: none; vertical-align: middle; appearance: none; text-decoration: none; font-family: Kanit, sans-serif; position: relative; overflow: hidden; white-space: normal; text-align: center; flex-direction: column; color: rgba(255, 255, 255, 0.8); -webkit-box-flex: 1; max-width: none; display: flex; height: 36px; min-height: 36px; min-width: unset; padding: 0px 12px; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; gap: 8px; flex: 1 0 0px; border-radius: 32px; font-size: 14px; font-weight: 700; line-height: 18px; text-transform: none; z-index: 2; }
.css-7xiikk.Mui-disabled { pointer-events: none; cursor: default; }
@media print {
  .css-7xiikk { print-color-adjust: exact; }
}
.css-7xiikk.Mui-selected { color: rgb(0, 254, 169); }
.css-7xiikk.Mui-disabled { color: rgba(255, 255, 255, 0.4); }
.css-7xiikk.Mui-selected { border: 1px solid transparent; background: linear-gradient(rgb(21, 40, 34), rgb(21, 40, 34)) padding-box padding-box, linear-gradient(90deg, rgb(254, 226, 12) 0%, rgb(255, 174, 0) 100%) border-box border-box; }
.css-7xiikk.Mui-selected * { background: linear-gradient(90deg, rgb(254, 226, 12) 0%, rgb(255, 174, 0) 100%) text; -webkit-text-fill-color: transparent; }
.css-yt4jhy { display: flex; max-width: 100%; -webkit-box-align: center; align-items: center; gap: 8px; }
.css-1s2zz7 { width: 100%; height: 1px; border-radius: 6px; background: rgb(42, 80, 68); }
.css-cpiubz { width: 100%; padding-top: 8px; padding-bottom: 8px; }
.css-cpiubz .cta-button:not(:last-child) { margin-bottom: 4px; }
.css-cn0ckd { list-style: none; margin: 0px; padding: 8px 0px; position: relative; width: 100%; }
.css-cn0ckd .cta-button:not(:last-child) { margin-bottom: 4px; }
.css-ruri8g { padding: 0px 8px 4px; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; }
.css-ruri8g .input-container { width: 100%; padding-top: 4px; padding-bottom: 4px; }
.css-1opuhf2 { display: flex; position: relative; text-decoration: none; width: 100%; box-sizing: border-box; text-align: left; padding: 0px 8px 4px; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; }
.css-1opuhf2 .input-container { width: 100%; padding-top: 4px; padding-bottom: 4px; }
.css-e9y6nz .MuiInputAdornment-positionStart { position: absolute; left: 12px; right: unset; top: 50%; transform: translateY(-50%); color: rgba(255, 255, 255, 0.8); }
.css-e9y6nz .MuiInputAdornment-positionEnd { position: absolute; color: rgba(255, 255, 255, 0.8); }
.css-e9y6nz label { font-size: 14px; font-weight: 400; line-height: 18px; color: rgba(255, 255, 255, 0.4); }
.css-e9y6nz label.Mui-focused { color: rgb(0, 254, 169); }
.css-e9y6nz .MuiInputBase-root { background: rgb(28, 54, 45); }
.css-e9y6nz .MuiInputBase-adornedEnd { padding-right: 12px; padding-left: unset; }
.css-e9y6nz .MuiInputBase-adornedStart { padding-left: 12px; padding-right: unset; }
.css-e9y6nz input { background-clip: text; font-size: 14px; font-weight: 400; line-height: 18px; color: rgb(255, 255, 255); box-shadow: unset !important; }
.css-e9y6nz input::-webkit-input-placeholder { font-size: 14px; font-weight: 400; line-height: 18px; color: rgba(255, 255, 255, 0.4); opacity: 1; }
.css-e9y6nz input::placeholder { font-size: 14px; font-weight: 400; line-height: 18px; color: rgba(255, 255, 255, 0.4); opacity: 1; }
.css-e9y6nz input:disabled { opacity: 0.5; }
.css-e9y6nz .MuiOutlinedInput-root { font-size: 14px; font-weight: 400; line-height: 18px; color: rgb(255, 255, 255); border-radius: 6px; }
.css-e9y6nz .MuiOutlinedInput-root fieldset { transition: 250ms; border-width: 1px; border-color: rgb(42, 80, 68); }
.css-e9y6nz .MuiOutlinedInput-root:hover { background: rgb(42, 80, 68); }
.css-e9y6nz .MuiOutlinedInput-root:hover fieldset { border-width: 1px; border-color: rgb(42, 80, 68); }
.css-e9y6nz .MuiOutlinedInput-root.Mui-focused { background: rgb(28, 54, 45); }
.css-e9y6nz .MuiOutlinedInput-root.Mui-focused fieldset { border-width: 1px; border-color: rgb(0, 254, 169); }
.css-e9y6nz .MuiOutlinedInput-root.Mui-disabled { opacity: 0.5; }
.css-e9y6nz .MuiOutlinedInput-root.Mui-disabled fieldset { border-color: rgb(42, 80, 68); }
.css-e9y6nz .MuiOutlinedInput-root.Mui-error fieldset { border-width: 1px; border-color: rgb(242, 73, 50); }
.css-e9y6nz .MuiOutlinedInput-root .MuiOutlinedInput-notchedOutline { top: 0px; }
.css-e9y6nz .MuiOutlinedInput-root .MuiInputBase-input { height: 40px; display: flex; -webkit-box-align: center; align-items: center; line-height: 18px; box-sizing: border-box; padding: 0px 12px; }
.css-e9y6nz .MuiOutlinedInput-root .MuiInputBase-inputSizeSmall { height: 36px; }
.css-e9y6nz .MuiOutlinedInput-root.MuiInputBase-sizeLarge { height: 44px; -webkit-box-align: center; align-items: center; padding-bottom: 0px; }
.css-e9y6nz .MuiOutlinedInput-root.MuiInputBase-sizeLarge .MuiInputBase-input { height: 44px; }
.css-e9y6nz .MuiOutlinedInput-root legend { display: none; }
.css-e9y6nz .MuiOutlinedInput-input.Mui-disabled { -webkit-text-fill-color: rgba(255, 255, 255, 0.5); }
.css-e9y6nz input { padding-left: 4px !important; }
.css-afius2 input { padding-left: 4px !important; }
.css-afius2 .MuiInputAdornment-positionStart { position: absolute; left: 12px; right: unset; top: 50%; transform: translateY(-50%); color: rgba(255, 255, 255, 0.8); }
.css-afius2 .MuiInputAdornment-positionEnd { position: absolute; color: rgba(255, 255, 255, 0.8); }
.css-afius2 label { font-size: 14px; font-weight: 400; line-height: 18px; color: rgba(255, 255, 255, 0.4); }
.css-afius2 label.Mui-focused { color: rgb(0, 254, 169); }
.css-afius2 .MuiInputBase-root { background: rgb(28, 54, 45); }
.css-afius2 .MuiInputBase-adornedEnd { padding-right: 12px; padding-left: unset; }
.css-afius2 .MuiInputBase-adornedStart { padding-left: 12px; padding-right: unset; }
.css-afius2 input { background-clip: text; font-size: 14px; font-weight: 400; line-height: 18px; color: rgb(255, 255, 255); box-shadow: unset !important; }
.css-afius2 input::-webkit-input-placeholder { font-size: 14px; font-weight: 400; line-height: 18px; color: rgba(255, 255, 255, 0.4); opacity: 1; }
.css-afius2 input::placeholder { font-size: 14px; font-weight: 400; line-height: 18px; color: rgba(255, 255, 255, 0.4); opacity: 1; }
.css-afius2 input:disabled { opacity: 0.5; }
.css-afius2 .MuiOutlinedInput-root { font-size: 14px; font-weight: 400; line-height: 18px; color: rgb(255, 255, 255); border-radius: 6px; }
.css-afius2 .MuiOutlinedInput-root fieldset { transition: 250ms; border-width: 1px; border-color: rgb(42, 80, 68); }
.css-afius2 .MuiOutlinedInput-root:hover { background: rgb(42, 80, 68); }
.css-afius2 .MuiOutlinedInput-root:hover fieldset { border-width: 1px; border-color: rgb(42, 80, 68); }
.css-afius2 .MuiOutlinedInput-root.Mui-focused { background: rgb(28, 54, 45); }
.css-afius2 .MuiOutlinedInput-root.Mui-focused fieldset { border-width: 1px; border-color: rgb(0, 254, 169); }
.css-afius2 .MuiOutlinedInput-root.Mui-disabled { opacity: 0.5; }
.css-afius2 .MuiOutlinedInput-root.Mui-disabled fieldset { border-color: rgb(42, 80, 68); }
.css-afius2 .MuiOutlinedInput-root.Mui-error fieldset { border-width: 1px; border-color: rgb(242, 73, 50); }
.css-afius2 .MuiOutlinedInput-root .MuiOutlinedInput-notchedOutline { top: 0px; }
.css-afius2 .MuiOutlinedInput-root .MuiInputBase-input { height: 40px; display: flex; -webkit-box-align: center; align-items: center; line-height: 18px; box-sizing: border-box; padding: 0px 12px; }
.css-afius2 .MuiOutlinedInput-root .MuiInputBase-inputSizeSmall { height: 36px; }
.css-afius2 .MuiOutlinedInput-root.MuiInputBase-sizeLarge { height: 44px; -webkit-box-align: center; align-items: center; padding-bottom: 0px; }
.css-afius2 .MuiOutlinedInput-root.MuiInputBase-sizeLarge .MuiInputBase-input { height: 44px; }
.css-afius2 .MuiOutlinedInput-root legend { display: none; }
.css-afius2 .MuiOutlinedInput-input.Mui-disabled { -webkit-text-fill-color: rgba(255, 255, 255, 0.5); }
.css-afius2 input { padding-left: 4px !important; }
.css-79ivpa { display: inline-flex; flex-direction: column; position: relative; min-width: 0px; padding: 0px; margin: 0px; border: 0px; vertical-align: top; width: 100%; }
.css-79ivpa input { padding-left: 4px !important; }
.css-79ivpa .MuiInputAdornment-positionStart { position: absolute; left: 12px; right: unset; top: 50%; transform: translateY(-50%); color: rgba(255, 255, 255, 0.8); }
.css-79ivpa .MuiInputAdornment-positionEnd { position: absolute; color: rgba(255, 255, 255, 0.8); }
.css-79ivpa label { font-size: 14px; font-weight: 400; line-height: 18px; color: rgba(255, 255, 255, 0.4); }
.css-79ivpa label.Mui-focused { color: rgb(0, 254, 169); }
.css-79ivpa .MuiInputBase-root { background: rgb(28, 54, 45); }
.css-79ivpa .MuiInputBase-adornedEnd { padding-right: 12px; padding-left: unset; }
.css-79ivpa .MuiInputBase-adornedStart { padding-left: 12px; padding-right: unset; }
.css-79ivpa input { background-clip: text; font-size: 14px; font-weight: 400; line-height: 18px; color: rgb(255, 255, 255); box-shadow: unset !important; }
.css-79ivpa input::-webkit-input-placeholder { font-size: 14px; font-weight: 400; line-height: 18px; color: rgba(255, 255, 255, 0.4); opacity: 1; }
.css-79ivpa input::placeholder { font-size: 14px; font-weight: 400; line-height: 18px; color: rgba(255, 255, 255, 0.4); opacity: 1; }
.css-79ivpa input:disabled { opacity: 0.5; }
.css-79ivpa .MuiOutlinedInput-root { font-size: 14px; font-weight: 400; line-height: 18px; color: rgb(255, 255, 255); border-radius: 6px; }
.css-79ivpa .MuiOutlinedInput-root fieldset { transition: 250ms; border-width: 1px; border-color: rgb(42, 80, 68); }
.css-79ivpa .MuiOutlinedInput-root:hover { background: rgb(42, 80, 68); }
.css-79ivpa .MuiOutlinedInput-root:hover fieldset { border-width: 1px; border-color: rgb(42, 80, 68); }
.css-79ivpa .MuiOutlinedInput-root.Mui-focused { background: rgb(28, 54, 45); }
.css-79ivpa .MuiOutlinedInput-root.Mui-focused fieldset { border-width: 1px; border-color: rgb(0, 254, 169); }
.css-79ivpa .MuiOutlinedInput-root.Mui-disabled { opacity: 0.5; }
.css-79ivpa .MuiOutlinedInput-root.Mui-disabled fieldset { border-color: rgb(42, 80, 68); }
.css-79ivpa .MuiOutlinedInput-root.Mui-error fieldset { border-width: 1px; border-color: rgb(242, 73, 50); }
.css-79ivpa .MuiOutlinedInput-root .MuiOutlinedInput-notchedOutline { top: 0px; }
.css-79ivpa .MuiOutlinedInput-root .MuiInputBase-input { height: 40px; display: flex; -webkit-box-align: center; align-items: center; line-height: 18px; box-sizing: border-box; padding: 0px 12px; }
.css-79ivpa .MuiOutlinedInput-root .MuiInputBase-inputSizeSmall { height: 36px; }
.css-79ivpa .MuiOutlinedInput-root.MuiInputBase-sizeLarge { height: 44px; -webkit-box-align: center; align-items: center; padding-bottom: 0px; }
.css-79ivpa .MuiOutlinedInput-root.MuiInputBase-sizeLarge .MuiInputBase-input { height: 44px; }
.css-79ivpa .MuiOutlinedInput-root legend { display: none; }
.css-79ivpa .MuiOutlinedInput-input.Mui-disabled { -webkit-text-fill-color: rgba(255, 255, 255, 0.5); }
.css-79ivpa input { padding-left: 4px !important; }
.css-owbqo4 { font-family: Kanit, sans-serif; font-weight: 400; font-size: 1rem; line-height: 1.4375em; color: rgb(255, 255, 255); box-sizing: border-box; cursor: text; display: inline-flex; -webkit-box-align: center; align-items: center; width: 100%; position: relative; border-radius: 4px; padding-left: 14px; }
.css-owbqo4.Mui-disabled { color: rgba(255, 255, 255, 0.4); cursor: default; }
.css-owbqo4:hover .MuiOutlinedInput-notchedOutline { border-color: rgb(255, 255, 255); }
@media (hover: none) {
  .css-owbqo4:hover .MuiOutlinedInput-notchedOutline { border-color: rgba(255, 255, 255, 0.23); }
}
.css-owbqo4.Mui-focused .MuiOutlinedInput-notchedOutline { border-width: 2px; }
.css-owbqo4.Mui-focused .MuiOutlinedInput-notchedOutline { border-color: rgb(0, 254, 169); }
.css-owbqo4.Mui-error .MuiOutlinedInput-notchedOutline { border-color: rgb(242, 73, 50); }
.css-owbqo4.Mui-disabled .MuiOutlinedInput-notchedOutline { border-color: rgba(255, 255, 255, 0.3); }
.css-evm035 { opacity: 0.6; transform: unset; }
.css-evm035.MuiIcon-root { display: flex; width: 20px !important; height: 20px !important; font-size: 20px !important; line-height: 20px !important; }
.css-evm035.MuiIcon-root.MuiIcon-colorTxt\.textWhite100 { color: rgb(255, 255, 255); }
.css-evm035.MuiIcon-root.MuiIcon-colorTxt\.textWhite80 { color: rgba(255, 255, 255, 0.8); }
.css-evm035.MuiIcon-root.MuiIcon-colorTxt\.textWhite40 { color: rgba(255, 255, 255, 0.4); }
.css-evm035.MuiIcon-root.MuiIcon-colorTxt\.secondary { color: rgba(255, 255, 255, 0.8); }
.css-evm035.MuiIcon-root.MuiIcon-colorAccent\.main { color: rgb(0, 254, 169); }
.css-evm035.MuiIcon-root.MuiIcon-colorAccent\.gradient { background: linear-gradient(90deg, rgb(254, 226, 12) 0%, rgb(255, 174, 0) 100%) text; -webkit-text-fill-color: transparent; }
.css-evm035.MuiIcon-root.MuiIcon-colorEvent\.bg { color: rgb(21, 40, 34); }
.css-evm035.MuiIcon-root.MuiIcon-colorEvent\.bgHover { color: rgb(28, 54, 45); }
.css-evm035.MuiIcon-root.MuiIcon-colorEvent\.bg2 { color: rgb(0, 254, 169); }
.css-evm035.MuiIcon-root.MuiIcon-colorFilter\.bg { color: rgb(21, 40, 34); }
.css-evm035.MuiIcon-root.MuiIcon-colorFilter\.bgHover { color: rgb(28, 54, 45); }
.css-evm035.MuiIcon-root.MuiIcon-colorFilter\.bg2 { color: rgb(0, 254, 169); }
.css-evm035.MuiIcon-root.MuiIcon-colorFixedColor\.success { color: rgb(152, 255, 22); }
.css-evm035.MuiIcon-root.MuiIcon-colorFixedColor\.warning { color: rgb(255, 218, 22); }
.css-evm035.MuiIcon-root.MuiIcon-colorFixedColor\.error { color: rgb(242, 73, 50); }
.css-evm035.MuiIcon-root.MuiIcon-colorHeader\.bg { color: rgb(28, 54, 45); }
.css-evm035.MuiIcon-root.MuiIcon-colorInputDropDown\.bg { color: rgb(21, 40, 34); }
.css-evm035.MuiIcon-root.MuiIcon-colorInputDropDown\.bgHover { color: rgb(28, 54, 45); }
.css-evm035.MuiIcon-root.MuiIcon-colorInputDropDown\.bg2 { color: rgb(0, 254, 169); }
.css-evm035.MuiIcon-root.MuiIcon-colorMenu1\.bg { color: rgb(14, 27, 23); }
.css-evm035.MuiIcon-root.MuiIcon-colorOdd\.bg { color: rgb(21, 40, 34); }
.css-evm035.MuiIcon-root.MuiIcon-colorOdd\.bg2 { color: rgb(28, 54, 45); }
.css-evm035.MuiIcon-root.MuiIcon-colorVip\.blackDiamond { color: rgb(240, 230, 215); }
.css-evm035.MuiIcon-root.MuiIcon-colorVip\.bronze { color: rgb(202, 128, 86); }
.css-evm035.MuiIcon-root.MuiIcon-colorVip\.gold { color: rgb(238, 190, 68); }
.css-evm035.MuiIcon-root.MuiIcon-colorVip\.sliver { color: rgb(221, 221, 221); }
.css-evm035.MuiIcon-root.MuiIcon-colorDark\.dark1 { color: rgb(14, 27, 23); }
.css-evm035.MuiIcon-root.MuiIcon-colorFixedColor\.info { color: rgb(79, 195, 247); }
.css-evm035.MuiIcon-fontSizeSmall { width: 16px !important; height: 16px !important; font-size: 16px !important; line-height: 16px !important; }
.css-evm035.MuiIcon-fontSizeLarge { width: 24px !important; height: 24px !important; font-size: 24px !important; line-height: 24px !important; }
.css-evm035.MuiIcon-fontSizeLarge80 { width: 80px !important; height: 80px !important; font-size: 80px !important; line-height: 80px !important; }
.css-evm035.MuiIcon-fontSizeLarge40 { width: 40px !important; height: 40px !important; font-size: 40px !important; line-height: 40px !important; }
.css-evm035.MuiIcon-fontSizeLarge64 { width: 64px !important; height: 64px !important; font-size: 64px !important; line-height: 64px !important; }
.css-evm035.MuiIcon-fontSizeLarge44 { width: 44px !important; height: 44px !important; font-size: 44px !important; line-height: 44px !important; }
.css-evm035.MuiIcon-fontSizeExtraSmall { width: 14px !important; height: 14px !important; font-size: 14px !important; line-height: 14px !important; }
.css-evm035.MuiIcon-fontSizeExtLarge { width: 32px !important; height: 32px !important; font-size: 32px !important; line-height: 32px !important; }
.css-evm035.MuiIcon-colorWhite { color: rgb(255, 255, 255); }
.css-1yjb6dv { user-select: none; width: 1em; height: 1em; overflow: hidden; display: inline-block; text-align: center; flex-shrink: 0; font-size: 1.25rem; opacity: 0.6; transform: unset; }
.css-1yjb6dv.MuiIcon-root { display: flex; width: 20px !important; height: 20px !important; font-size: 20px !important; line-height: 20px !important; }
.css-1yjb6dv.MuiIcon-root.MuiIcon-colorTxt\.textWhite100 { color: rgb(255, 255, 255); }
.css-1yjb6dv.MuiIcon-root.MuiIcon-colorTxt\.textWhite80 { color: rgba(255, 255, 255, 0.8); }
.css-1yjb6dv.MuiIcon-root.MuiIcon-colorTxt\.textWhite40 { color: rgba(255, 255, 255, 0.4); }
.css-1yjb6dv.MuiIcon-root.MuiIcon-colorTxt\.secondary { color: rgba(255, 255, 255, 0.8); }
.css-1yjb6dv.MuiIcon-root.MuiIcon-colorAccent\.main { color: rgb(0, 254, 169); }
.css-1yjb6dv.MuiIcon-root.MuiIcon-colorAccent\.gradient { background: linear-gradient(90deg, rgb(254, 226, 12) 0%, rgb(255, 174, 0) 100%) text; -webkit-text-fill-color: transparent; }
.css-1yjb6dv.MuiIcon-root.MuiIcon-colorEvent\.bg { color: rgb(21, 40, 34); }
.css-1yjb6dv.MuiIcon-root.MuiIcon-colorEvent\.bgHover { color: rgb(28, 54, 45); }
.css-1yjb6dv.MuiIcon-root.MuiIcon-colorEvent\.bg2 { color: rgb(0, 254, 169); }
.css-1yjb6dv.MuiIcon-root.MuiIcon-colorFilter\.bg { color: rgb(21, 40, 34); }
.css-1yjb6dv.MuiIcon-root.MuiIcon-colorFilter\.bgHover { color: rgb(28, 54, 45); }
.css-1yjb6dv.MuiIcon-root.MuiIcon-colorFilter\.bg2 { color: rgb(0, 254, 169); }
.css-1yjb6dv.MuiIcon-root.MuiIcon-colorFixedColor\.success { color: rgb(152, 255, 22); }
.css-1yjb6dv.MuiIcon-root.MuiIcon-colorFixedColor\.warning { color: rgb(255, 218, 22); }
.css-1yjb6dv.MuiIcon-root.MuiIcon-colorFixedColor\.error { color: rgb(242, 73, 50); }
.css-1yjb6dv.MuiIcon-root.MuiIcon-colorHeader\.bg { color: rgb(28, 54, 45); }
.css-1yjb6dv.MuiIcon-root.MuiIcon-colorInputDropDown\.bg { color: rgb(21, 40, 34); }
.css-1yjb6dv.MuiIcon-root.MuiIcon-colorInputDropDown\.bgHover { color: rgb(28, 54, 45); }
.css-1yjb6dv.MuiIcon-root.MuiIcon-colorInputDropDown\.bg2 { color: rgb(0, 254, 169); }
.css-1yjb6dv.MuiIcon-root.MuiIcon-colorMenu1\.bg { color: rgb(14, 27, 23); }
.css-1yjb6dv.MuiIcon-root.MuiIcon-colorOdd\.bg { color: rgb(21, 40, 34); }
.css-1yjb6dv.MuiIcon-root.MuiIcon-colorOdd\.bg2 { color: rgb(28, 54, 45); }
.css-1yjb6dv.MuiIcon-root.MuiIcon-colorVip\.blackDiamond { color: rgb(240, 230, 215); }
.css-1yjb6dv.MuiIcon-root.MuiIcon-colorVip\.bronze { color: rgb(202, 128, 86); }
.css-1yjb6dv.MuiIcon-root.MuiIcon-colorVip\.gold { color: rgb(238, 190, 68); }
.css-1yjb6dv.MuiIcon-root.MuiIcon-colorVip\.sliver { color: rgb(221, 221, 221); }
.css-1yjb6dv.MuiIcon-root.MuiIcon-colorDark\.dark1 { color: rgb(14, 27, 23); }
.css-1yjb6dv.MuiIcon-root.MuiIcon-colorFixedColor\.info { color: rgb(79, 195, 247); }
.css-1yjb6dv.MuiIcon-fontSizeSmall { width: 16px !important; height: 16px !important; font-size: 16px !important; line-height: 16px !important; }
.css-1yjb6dv.MuiIcon-fontSizeLarge { width: 24px !important; height: 24px !important; font-size: 24px !important; line-height: 24px !important; }
.css-1yjb6dv.MuiIcon-fontSizeLarge80 { width: 80px !important; height: 80px !important; font-size: 80px !important; line-height: 80px !important; }
.css-1yjb6dv.MuiIcon-fontSizeLarge40 { width: 40px !important; height: 40px !important; font-size: 40px !important; line-height: 40px !important; }
.css-1yjb6dv.MuiIcon-fontSizeLarge64 { width: 64px !important; height: 64px !important; font-size: 64px !important; line-height: 64px !important; }
.css-1yjb6dv.MuiIcon-fontSizeLarge44 { width: 44px !important; height: 44px !important; font-size: 44px !important; line-height: 44px !important; }
.css-1yjb6dv.MuiIcon-fontSizeExtraSmall { width: 14px !important; height: 14px !important; font-size: 14px !important; line-height: 14px !important; }
.css-1yjb6dv.MuiIcon-fontSizeExtLarge { width: 32px !important; height: 32px !important; font-size: 32px !important; line-height: 32px !important; }
.css-1yjb6dv.MuiIcon-colorWhite { color: rgb(255, 255, 255); }
.css-14rl4hg { font: inherit; letter-spacing: inherit; color: currentcolor; border: 0px; box-sizing: content-box; background: none; height: 1.4375em; margin: 0px; -webkit-tap-highlight-color: transparent; display: block; min-width: 0px; width: 100%; animation-name: mui-auto-fill-cancel; animation-duration: 10ms; padding: 16.5px 14px 16.5px 0px; }
.css-14rl4hg::-webkit-input-placeholder { color: currentcolor; opacity: 0.5; transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1); }
.css-14rl4hg:focus { outline: 0px; }
.css-14rl4hg:invalid { box-shadow: none; }
.css-14rl4hg::-webkit-search-decoration { appearance: none; }
label[data-shrink="false"] + .MuiInputBase-formControl .css-14rl4hg::-webkit-input-placeholder { opacity: 0 !important; }
label[data-shrink="false"] + .MuiInputBase-formControl .css-14rl4hg:focus::-webkit-input-placeholder { opacity: 0.5; }
.css-14rl4hg.Mui-disabled { opacity: 1; -webkit-text-fill-color: rgba(255, 255, 255, 0.4); }
.css-14rl4hg:-webkit-autofill { animation-duration: 5000s; animation-name: mui-auto-fill; }
.css-14rl4hg:-webkit-autofill { box-shadow: rgb(38, 103, 152) 0px 0px 0px 100px inset; -webkit-text-fill-color: rgb(255, 255, 255); caret-color: rgb(255, 255, 255); border-radius: inherit; }
.css-dqgkwh { border-color: rgba(255, 255, 255, 0.23); }
.css-kdbx36 { text-align: left; position: absolute; inset: -5px 0px 0px; margin: 0px; padding: 0px 8px; pointer-events: none; border-radius: inherit; border-style: solid; border-width: 1px; overflow: hidden; min-width: 0%; border-color: rgba(255, 255, 255, 0.23); }
.css-w4cd9x { float: unset; width: auto; overflow: hidden; padding: 0px; line-height: 11px; transition: width 150ms cubic-bezier(0, 0, 0.2, 1); }
.css-fmbog3 { display: inline-flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; gap: 8px; flex-shrink: 0; border-radius: 6px; color: rgba(0, 0, 0, 0.8); font-size: 14px; text-transform: none; text-align: center; min-width: unset; width: 100%; height: 40px; }
.css-fmbog3 .MuiButton-startIcon { display: inline-flex; gap: 8px; margin-right: 0px; margin-left: 0px; }
.css-fmbog3 .MuiButton-endIcon { display: inline-flex; gap: 8px; margin-right: 0px; margin-left: 0px; }
.css-fmbog3.MuiButton-containedPrimary { box-shadow: none; color: rgb(14, 27, 23); background: linear-gradient(90deg, rgb(254, 226, 12) 0%, rgb(255, 174, 0) 25%, rgb(254, 226, 12) 75%, rgb(255, 174, 0) 100%) 0% 0% / 400% 400%; }
.css-fmbog3.MuiButton-containedPrimary:hover { color: rgb(14, 27, 23); animation: 0.7s ease 0s 1 normal forwards running animation-dofypc; }
.css-fmbog3.MuiButton-containedPrimary:active { color: rgb(14, 27, 23); animation: 0.7s ease 0s 1 normal forwards running animation-i3y9un; }
.css-fmbog3.MuiButton-containedPrimary:disabled { color: rgb(14, 27, 23); opacity: 0.5; }
.css-fmbog3.MuiButton-containedSecondary { color: rgba(255, 255, 255, 0.8); background-color: rgb(28, 54, 45); box-shadow: none; }
.css-fmbog3.MuiButton-containedSecondary:hover { background-color: rgb(28, 54, 45); opacity: 0.85; }
.css-fmbog3.MuiButton-containedSecondary:active { color: rgb(255, 255, 255); background-color: rgb(28, 54, 45); opacity: 1; }
.css-fmbog3.MuiButton-containedSecondary:disabled { color: rgba(255, 255, 255, 0.8); background-color: rgb(28, 54, 45); opacity: 0.4; }
.css-fmbog3.MuiButton-containedSizeLarge { height: 44px; padding: 0px 12px; }
.css-fmbog3.MuiButton-containedSizeMedium { height: 40px; padding: 0px 12px; }
.css-fmbog3.MuiButton-containedSizeSmall { height: 36px; padding: 0px 12px; }
.css-fmbog3.MuiButton-outlinedSizeLarge { height: 44px; padding: 0px 12px; }
.css-fmbog3.MuiButton-outlinedSizeMedium { height: 40px; padding: 0px 12px; }
.css-fmbog3.MuiButton-outlinedSizeSmall { height: 36px; padding: 0px 12px 0px 8px; }
.css-fmbog3.MuiButton-text { padding: 0px 12px; color: rgb(0, 254, 169); font-size: 14px; font-weight: 600; line-height: 18px; }
.css-fmbog3.MuiButton-text:hover { background: transparent; color: rgb(0, 229, 152); }
.css-fmbog3.MuiButton-text:active { color: rgb(0, 229, 152); }
.css-fmbog3.MuiButton-text:disabled { color: rgb(0, 254, 169); opacity: 0.4; }
.css-fmbog3.MuiButton-textSecondary { color: rgba(255, 255, 255, 0.8); background: rgb(28, 54, 45); }
.css-fmbog3.MuiButton-textSecondary:hover { opacity: 0.85; }
.css-fmbog3.MuiButton-textSecondary:active { opacity: 1; }
.css-fmbog3.MuiButton-textSecondary:disabled { opacity: 0.5; }
.css-fmbog3.MuiButton-textSizeLarge { height: 44px; }
.css-fmbog3.MuiButton-textSizeMedium { height: 40px; }
.css-fmbog3.MuiButton-textSizeSmall { height: 36px; }
.css-fmbog3.MuiButton-iconInherit { padding: 0px; }
.css-fmbog3.MuiButton-iconPrimary { background: linear-gradient(90deg, rgb(254, 226, 12) 0%, rgb(255, 174, 0) 25%, rgb(254, 226, 12) 75%, rgb(255, 174, 0) 100%); box-shadow: none; }
.css-fmbog3.MuiButton-iconPrimary:hover { opacity: 0.8; }
.css-fmbog3.MuiButton-iconPrimary:active { opacity: 1; }
.css-fmbog3.MuiButton-iconPrimary:disabled { opacity: 0.5; }
.css-fmbog3.MuiButton-iconSecondary { color: rgba(255, 255, 255, 0.8); box-shadow: none; background-color: rgb(28, 54, 45); }
.css-fmbog3.MuiButton-iconSecondary:hover { background-color: rgb(28, 54, 45); opacity: 0.85; }
.css-fmbog3.MuiButton-iconSecondary:active { color: rgb(255, 255, 255); background-color: rgb(28, 54, 45); opacity: 1; }
.css-fmbog3.MuiButton-iconSecondary:disabled { color: rgba(255, 255, 255, 0.8); background-color: rgb(28, 54, 45); opacity: 0.4; }
.css-fmbog3.MuiButton-iconSuccess { background: rgb(152, 255, 22); border: 1px solid rgb(152, 255, 22); box-shadow: rgba(152, 255, 22, 0.6) 0px 0px 10px 0px; }
.css-fmbog3.MuiButton-iconSuccess:hover { background-color: rgb(106, 178, 15); }
.css-fmbog3.MuiButton-iconSuccess:active { background-color: rgb(106, 178, 15); }
.css-fmbog3.MuiButton-iconSuccess:disabled { opacity: 0.5; box-shadow: none; }
.css-fmbog3.MuiButton-iconError { background: rgb(242, 73, 50); border: 1px solid rgb(242, 73, 50); box-shadow: rgba(242, 73, 50, 0.6) 0px 0px 10px 0px; }
.css-fmbog3.MuiButton-iconError:hover { background-color: rgb(169, 51, 35); }
.css-fmbog3.MuiButton-iconError:active { background-color: rgb(169, 51, 35); }
.css-fmbog3.MuiButton-iconError:disabled { opacity: 0.5; box-shadow: none; }
.css-fmbog3.MuiButton-iconInfo { background: rgb(79, 195, 247); border: 1px solid rgb(79, 195, 247); box-shadow: rgba(79, 195, 247, 0.6) 0px 0px 10px 0px; }
.css-fmbog3.MuiButton-iconInfo:hover { background-color: rgb(55, 136, 172); }
.css-fmbog3.MuiButton-iconInfo:active { background-color: rgb(55, 136, 172); }
.css-fmbog3.MuiButton-iconInfo:disabled { opacity: 0.5; box-shadow: none; }
.css-fmbog3.MuiButton-iconWarning { background: rgb(255, 218, 22); border: 1px solid rgb(255, 218, 22); box-shadow: rgba(255, 218, 22, 0.6) 0px 0px 10px 0px; }
.css-fmbog3.MuiButton-iconWarning:hover { background-color: rgb(178, 152, 15); }
.css-fmbog3.MuiButton-iconWarning:active { background-color: rgb(178, 152, 15); }
.css-fmbog3.MuiButton-iconWarning:disabled { opacity: 0.5; box-shadow: none; }
.css-fmbog3.MuiButton-iconSizeLarge { min-width: 44px; width: 44px; height: 44px; padding: 2px; }
.css-fmbog3.MuiButton-iconSizeLarge .MuiButton-startIcon { display: flex; gap: 0px; margin: 0px; color: rgba(255, 255, 255, 0.8); }
.css-fmbog3.MuiButton-iconSizeMedium { min-width: 40px; width: 40px; height: 40px; padding: 2px; }
.css-fmbog3.MuiButton-iconSizeMedium .MuiButton-startIcon { display: flex; gap: 0px; margin: 0px; }
.css-fmbog3.MuiButton-iconSizeSmall { min-width: 36px; width: 36px; height: 36px; padding: 2px; }
.css-fmbog3.MuiButton-iconSizeSmall .MuiButton-startIcon { display: flex; gap: 0px; margin: 0px; }
.css-fmbog3.MuiButton-outlined { color: rgb(0, 254, 169); border: 1px solid rgb(0, 254, 169); background: rgba(14, 27, 23, 0.4); }
.css-fmbog3.MuiButton-outlined:hover { border: 1px solid rgb(0, 254, 169); background: rgba(14, 27, 23, 0.4); opacity: 0.85; }
.css-fmbog3.MuiButton-outlined:active { opacity: 1; }
.css-fmbog3.MuiButton-outlined:disabled { color: rgb(0, 254, 169); border: 1px solid rgb(0, 254, 169); opacity: 0.4; }
.css-fmbog3.MuiButton-cta { color: rgb(14, 27, 23); background-image: linear-gradient(90deg, rgb(254, 226, 12) 0%, rgb(255, 174, 0) 25%, rgb(254, 226, 12) 75%, rgb(255, 174, 0) 100%); background-size: 400% 400%; font-size: 14px; font-weight: 600; line-height: 18px; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; box-shadow: rgba(255, 255, 255, 0.6) 0px 9px 8px 0px inset, rgba(0, 254, 169, 0.2) 0px -4px 8px 0px inset, rgba(0, 254, 169, 0.24) 0px 0px 50px 0px; }
.css-fmbog3.MuiButton-cta:hover { animation: 0.7s ease 0s 1 normal forwards running animation-dofypc; box-shadow: rgba(255, 255, 255, 0.6) 0px 9px 8px 0px inset, rgba(0, 254, 169, 0.2) 0px -4px 8px 0px inset, rgba(0, 254, 169, 0.8) 0px 0px 40px 0px; }
.css-fmbog3.MuiButton-cta:active { animation: 0.7s ease 0s 1 normal forwards running animation-i3y9un; box-shadow: rgba(255, 255, 255, 0.6) 0px 9px 8px 0px inset, rgba(0, 254, 169, 0.2) 0px -4px 8px 0px inset, rgba(0, 254, 169, 0.24) 0px 0px 50px 0px; }
.css-fmbog3.MuiButton-cta:disabled { color: rgb(14, 27, 23); opacity: 0.5; box-shadow: rgba(255, 255, 255, 0.6) 0px 9px 8px 0px inset, rgba(0, 254, 169, 0.2) 0px -4px 8px 0px inset, rgba(0, 254, 169, 0.24) 0px 0px 50px 0px; }
.css-fmbog3.MuiButton-ctaSizeLarge { height: 44px; padding: 0px 12px; }
.css-fmbog3.MuiButton-ctaSizeMedium { height: 40px; padding: 0px 12px; }
.css-fmbog3.MuiButton-ctaSizeSmall { height: 36px; padding: 0px 12px; }
@-webkit-keyframes animation-i3y9un { 
  0% { background-position: 50% 0%; }
  100% { background-position: 0% 5%; }
}
@keyframes animation-i3y9un { 
  0% { background-position: 50% 0%; }
  100% { background-position: 0% 5%; }
}
@-webkit-keyframes animation-dofypc { 
  0% { background-position: 0% 50%; }
  100% { background-position: 50% 0%; }
}
@keyframes animation-dofypc { 
  0% { background-position: 0% 50%; }
  100% { background-position: 50% 0%; }
}
@-webkit-keyframes animation-i3y9un { 
  0% { background-position: 50% 0%; }
  100% { background-position: 0% 5%; }
}
@keyframes animation-i3y9un { 
  0% { background-position: 50% 0%; }
  100% { background-position: 0% 5%; }
}
@-webkit-keyframes animation-dofypc { 
  0% { background-position: 0% 50%; }
  100% { background-position: 50% 0%; }
}
@keyframes animation-dofypc { 
  0% { background-position: 0% 50%; }
  100% { background-position: 50% 0%; }
}
.css-xrfe5s { font-family: Kanit, sans-serif; font-weight: 500; line-height: 1.75; border: 0px; background-color: var(--variant-containedBg); box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 1px -2px, rgba(0, 0, 0, 0.14) 0px 2px 2px 0px, rgba(0, 0, 0, 0.12) 0px 1px 5px 0px; --variant-textColor: #00FEA9; --variant-outlinedColor: #00FEA9; --variant-outlinedBorder: rgba(0, 254, 169, 0.5); --variant-containedColor: rgba(0, 0, 0, 0.87); --variant-containedBg: #00FEA9; padding: 4px 10px; transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1), box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1), border-color 250ms cubic-bezier(0.4, 0, 0.2, 1); display: inline-flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; gap: 8px; flex-shrink: 0; border-radius: 6px; color: rgba(0, 0, 0, 0.8); font-size: 14px; text-transform: none; text-align: center; min-width: unset; width: 100%; height: 40px; }
.css-xrfe5s:hover { text-decoration: none; }
.css-xrfe5s.Mui-disabled { color: rgba(255, 255, 255, 0.3); }
.css-xrfe5s:hover { box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 4px -1px, rgba(0, 0, 0, 0.14) 0px 4px 5px 0px, rgba(0, 0, 0, 0.12) 0px 1px 10px 0px; }
@media (hover: none) {
  .css-xrfe5s:hover { box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 1px -2px, rgba(0, 0, 0, 0.14) 0px 2px 2px 0px, rgba(0, 0, 0, 0.12) 0px 1px 5px 0px; }
}
.css-xrfe5s:active { box-shadow: rgba(0, 0, 0, 0.2) 0px 5px 5px -3px, rgba(0, 0, 0, 0.14) 0px 8px 10px 1px, rgba(0, 0, 0, 0.12) 0px 3px 14px 2px; }
.css-xrfe5s.Mui-focusVisible { box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 5px -1px, rgba(0, 0, 0, 0.14) 0px 6px 10px 0px, rgba(0, 0, 0, 0.12) 0px 1px 18px 0px; }
.css-xrfe5s.Mui-disabled { color: rgba(255, 255, 255, 0.3); box-shadow: none; background-color: rgba(255, 255, 255, 0.12); }
@media (hover: hover) {
  .css-xrfe5s:hover { --variant-containedBg: rgb(0, 177, 118); --variant-textBg: rgba(0, 254, 169, 0.08); --variant-outlinedBorder: #00FEA9; --variant-outlinedBg: rgba(0, 254, 169, 0.08); }
}
.css-xrfe5s.MuiButton-loading { color: transparent; }
.css-xrfe5s .MuiButton-startIcon { display: inline-flex; gap: 8px; margin-right: 0px; margin-left: 0px; }
.css-xrfe5s .MuiButton-endIcon { display: inline-flex; gap: 8px; margin-right: 0px; margin-left: 0px; }
.css-xrfe5s.MuiButton-containedPrimary { box-shadow: none; color: rgb(14, 27, 23); background: linear-gradient(90deg, rgb(254, 226, 12) 0%, rgb(255, 174, 0) 25%, rgb(254, 226, 12) 75%, rgb(255, 174, 0) 100%) 0% 0% / 400% 400%; }
.css-xrfe5s.MuiButton-containedPrimary:hover { color: rgb(14, 27, 23); animation: 0.7s ease 0s 1 normal forwards running animation-dofypc; }
.css-xrfe5s.MuiButton-containedPrimary:active { color: rgb(14, 27, 23); animation: 0.7s ease 0s 1 normal forwards running animation-i3y9un; }
.css-xrfe5s.MuiButton-containedPrimary:disabled { color: rgb(14, 27, 23); opacity: 0.5; }
.css-xrfe5s.MuiButton-containedSecondary { color: rgba(255, 255, 255, 0.8); background-color: rgb(28, 54, 45); box-shadow: none; }
.css-xrfe5s.MuiButton-containedSecondary:hover { background-color: rgb(28, 54, 45); opacity: 0.85; }
.css-xrfe5s.MuiButton-containedSecondary:active { color: rgb(255, 255, 255); background-color: rgb(28, 54, 45); opacity: 1; }
.css-xrfe5s.MuiButton-containedSecondary:disabled { color: rgba(255, 255, 255, 0.8); background-color: rgb(28, 54, 45); opacity: 0.4; }
.css-xrfe5s.MuiButton-containedSizeLarge { height: 44px; padding: 0px 12px; }
.css-xrfe5s.MuiButton-containedSizeMedium { height: 40px; padding: 0px 12px; }
.css-xrfe5s.MuiButton-containedSizeSmall { height: 36px; padding: 0px 12px; }
.css-xrfe5s.MuiButton-outlinedSizeLarge { height: 44px; padding: 0px 12px; }
.css-xrfe5s.MuiButton-outlinedSizeMedium { height: 40px; padding: 0px 12px; }
.css-xrfe5s.MuiButton-outlinedSizeSmall { height: 36px; padding: 0px 12px 0px 8px; }
.css-xrfe5s.MuiButton-text { padding: 0px 12px; color: rgb(0, 254, 169); font-size: 14px; font-weight: 600; line-height: 18px; }
.css-xrfe5s.MuiButton-text:hover { background: transparent; color: rgb(0, 229, 152); }
.css-xrfe5s.MuiButton-text:active { color: rgb(0, 229, 152); }
.css-xrfe5s.MuiButton-text:disabled { color: rgb(0, 254, 169); opacity: 0.4; }
.css-xrfe5s.MuiButton-textSecondary { color: rgba(255, 255, 255, 0.8); background: rgb(28, 54, 45); }
.css-xrfe5s.MuiButton-textSecondary:hover { opacity: 0.85; }
.css-xrfe5s.MuiButton-textSecondary:active { opacity: 1; }
.css-xrfe5s.MuiButton-textSecondary:disabled { opacity: 0.5; }
.css-xrfe5s.MuiButton-textSizeLarge { height: 44px; }
.css-xrfe5s.MuiButton-textSizeMedium { height: 40px; }
.css-xrfe5s.MuiButton-textSizeSmall { height: 36px; }
.css-xrfe5s.MuiButton-iconInherit { padding: 0px; }
.css-xrfe5s.MuiButton-iconPrimary { background: linear-gradient(90deg, rgb(254, 226, 12) 0%, rgb(255, 174, 0) 25%, rgb(254, 226, 12) 75%, rgb(255, 174, 0) 100%); box-shadow: none; }
.css-xrfe5s.MuiButton-iconPrimary:hover { opacity: 0.8; }
.css-xrfe5s.MuiButton-iconPrimary:active { opacity: 1; }
.css-xrfe5s.MuiButton-iconPrimary:disabled { opacity: 0.5; }
.css-xrfe5s.MuiButton-iconSecondary { color: rgba(255, 255, 255, 0.8); box-shadow: none; background-color: rgb(28, 54, 45); }
.css-xrfe5s.MuiButton-iconSecondary:hover { background-color: rgb(28, 54, 45); opacity: 0.85; }
.css-xrfe5s.MuiButton-iconSecondary:active { color: rgb(255, 255, 255); background-color: rgb(28, 54, 45); opacity: 1; }
.css-xrfe5s.MuiButton-iconSecondary:disabled { color: rgba(255, 255, 255, 0.8); background-color: rgb(28, 54, 45); opacity: 0.4; }
.css-xrfe5s.MuiButton-iconSuccess { background: rgb(152, 255, 22); border: 1px solid rgb(152, 255, 22); box-shadow: rgba(152, 255, 22, 0.6) 0px 0px 10px 0px; }
.css-xrfe5s.MuiButton-iconSuccess:hover { background-color: rgb(106, 178, 15); }
.css-xrfe5s.MuiButton-iconSuccess:active { background-color: rgb(106, 178, 15); }
.css-xrfe5s.MuiButton-iconSuccess:disabled { opacity: 0.5; box-shadow: none; }
.css-xrfe5s.MuiButton-iconError { background: rgb(242, 73, 50); border: 1px solid rgb(242, 73, 50); box-shadow: rgba(242, 73, 50, 0.6) 0px 0px 10px 0px; }
.css-xrfe5s.MuiButton-iconError:hover { background-color: rgb(169, 51, 35); }
.css-xrfe5s.MuiButton-iconError:active { background-color: rgb(169, 51, 35); }
.css-xrfe5s.MuiButton-iconError:disabled { opacity: 0.5; box-shadow: none; }
.css-xrfe5s.MuiButton-iconInfo { background: rgb(79, 195, 247); border: 1px solid rgb(79, 195, 247); box-shadow: rgba(79, 195, 247, 0.6) 0px 0px 10px 0px; }
.css-xrfe5s.MuiButton-iconInfo:hover { background-color: rgb(55, 136, 172); }
.css-xrfe5s.MuiButton-iconInfo:active { background-color: rgb(55, 136, 172); }
.css-xrfe5s.MuiButton-iconInfo:disabled { opacity: 0.5; box-shadow: none; }
.css-xrfe5s.MuiButton-iconWarning { background: rgb(255, 218, 22); border: 1px solid rgb(255, 218, 22); box-shadow: rgba(255, 218, 22, 0.6) 0px 0px 10px 0px; }
.css-xrfe5s.MuiButton-iconWarning:hover { background-color: rgb(178, 152, 15); }
.css-xrfe5s.MuiButton-iconWarning:active { background-color: rgb(178, 152, 15); }
.css-xrfe5s.MuiButton-iconWarning:disabled { opacity: 0.5; box-shadow: none; }
.css-xrfe5s.MuiButton-iconSizeLarge { min-width: 44px; width: 44px; height: 44px; padding: 2px; }
.css-xrfe5s.MuiButton-iconSizeLarge .MuiButton-startIcon { display: flex; gap: 0px; margin: 0px; color: rgba(255, 255, 255, 0.8); }
.css-xrfe5s.MuiButton-iconSizeMedium { min-width: 40px; width: 40px; height: 40px; padding: 2px; }
.css-xrfe5s.MuiButton-iconSizeMedium .MuiButton-startIcon { display: flex; gap: 0px; margin: 0px; }
.css-xrfe5s.MuiButton-iconSizeSmall { min-width: 36px; width: 36px; height: 36px; padding: 2px; }
.css-xrfe5s.MuiButton-iconSizeSmall .MuiButton-startIcon { display: flex; gap: 0px; margin: 0px; }
.css-xrfe5s.MuiButton-outlined { color: rgb(0, 254, 169); border: 1px solid rgb(0, 254, 169); background: rgba(14, 27, 23, 0.4); }
.css-xrfe5s.MuiButton-outlined:hover { border: 1px solid rgb(0, 254, 169); background: rgba(14, 27, 23, 0.4); opacity: 0.85; }
.css-xrfe5s.MuiButton-outlined:active { opacity: 1; }
.css-xrfe5s.MuiButton-outlined:disabled { color: rgb(0, 254, 169); border: 1px solid rgb(0, 254, 169); opacity: 0.4; }
.css-xrfe5s.MuiButton-cta { color: rgb(14, 27, 23); background-image: linear-gradient(90deg, rgb(254, 226, 12) 0%, rgb(255, 174, 0) 25%, rgb(254, 226, 12) 75%, rgb(255, 174, 0) 100%); background-size: 400% 400%; font-size: 14px; font-weight: 600; line-height: 18px; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; box-shadow: rgba(255, 255, 255, 0.6) 0px 9px 8px 0px inset, rgba(0, 254, 169, 0.2) 0px -4px 8px 0px inset, rgba(0, 254, 169, 0.24) 0px 0px 50px 0px; }
.css-xrfe5s.MuiButton-cta:hover { animation: 0.7s ease 0s 1 normal forwards running animation-dofypc; box-shadow: rgba(255, 255, 255, 0.6) 0px 9px 8px 0px inset, rgba(0, 254, 169, 0.2) 0px -4px 8px 0px inset, rgba(0, 254, 169, 0.8) 0px 0px 40px 0px; }
.css-xrfe5s.MuiButton-cta:active { animation: 0.7s ease 0s 1 normal forwards running animation-i3y9un; box-shadow: rgba(255, 255, 255, 0.6) 0px 9px 8px 0px inset, rgba(0, 254, 169, 0.2) 0px -4px 8px 0px inset, rgba(0, 254, 169, 0.24) 0px 0px 50px 0px; }
.css-xrfe5s.MuiButton-cta:disabled { color: rgb(14, 27, 23); opacity: 0.5; box-shadow: rgba(255, 255, 255, 0.6) 0px 9px 8px 0px inset, rgba(0, 254, 169, 0.2) 0px -4px 8px 0px inset, rgba(0, 254, 169, 0.24) 0px 0px 50px 0px; }
.css-xrfe5s.MuiButton-ctaSizeLarge { height: 44px; padding: 0px 12px; }
.css-xrfe5s.MuiButton-ctaSizeMedium { height: 40px; padding: 0px 12px; }
.css-xrfe5s.MuiButton-ctaSizeSmall { height: 36px; padding: 0px 12px; }
.css-h72vcg { position: relative; box-sizing: border-box; -webkit-tap-highlight-color: transparent; outline: 0px; margin: 0px; cursor: pointer; user-select: none; vertical-align: middle; appearance: none; text-decoration: none; font-family: Kanit, sans-serif; font-weight: 500; line-height: 1.75; border: 0px; background-color: var(--variant-containedBg); box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 1px -2px, rgba(0, 0, 0, 0.14) 0px 2px 2px 0px, rgba(0, 0, 0, 0.12) 0px 1px 5px 0px; --variant-textColor: #00FEA9; --variant-outlinedColor: #00FEA9; --variant-outlinedBorder: rgba(0, 254, 169, 0.5); --variant-containedColor: rgba(0, 0, 0, 0.87); --variant-containedBg: #00FEA9; padding: 4px 10px; transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1), box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1), border-color 250ms cubic-bezier(0.4, 0, 0.2, 1); display: inline-flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; gap: 8px; flex-shrink: 0; border-radius: 6px; color: rgba(0, 0, 0, 0.8); font-size: 14px; text-transform: none; text-align: center; min-width: unset; width: 100%; height: 40px; }
.css-h72vcg.Mui-disabled { pointer-events: none; cursor: default; }
@media print {
  .css-h72vcg { print-color-adjust: exact; }
}
.css-h72vcg:hover { text-decoration: none; }
.css-h72vcg.Mui-disabled { color: rgba(255, 255, 255, 0.3); }
.css-h72vcg:hover { box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 4px -1px, rgba(0, 0, 0, 0.14) 0px 4px 5px 0px, rgba(0, 0, 0, 0.12) 0px 1px 10px 0px; }
@media (hover: none) {
  .css-h72vcg:hover { box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 1px -2px, rgba(0, 0, 0, 0.14) 0px 2px 2px 0px, rgba(0, 0, 0, 0.12) 0px 1px 5px 0px; }
}
.css-h72vcg:active { box-shadow: rgba(0, 0, 0, 0.2) 0px 5px 5px -3px, rgba(0, 0, 0, 0.14) 0px 8px 10px 1px, rgba(0, 0, 0, 0.12) 0px 3px 14px 2px; }
.css-h72vcg.Mui-focusVisible { box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 5px -1px, rgba(0, 0, 0, 0.14) 0px 6px 10px 0px, rgba(0, 0, 0, 0.12) 0px 1px 18px 0px; }
.css-h72vcg.Mui-disabled { color: rgba(255, 255, 255, 0.3); box-shadow: none; background-color: rgba(255, 255, 255, 0.12); }
@media (hover: hover) {
  .css-h72vcg:hover { --variant-containedBg: rgb(0, 177, 118); --variant-textBg: rgba(0, 254, 169, 0.08); --variant-outlinedBorder: #00FEA9; --variant-outlinedBg: rgba(0, 254, 169, 0.08); }
}
.css-h72vcg.MuiButton-loading { color: transparent; }
.css-h72vcg .MuiButton-startIcon { display: inline-flex; gap: 8px; margin-right: 0px; margin-left: 0px; }
.css-h72vcg .MuiButton-endIcon { display: inline-flex; gap: 8px; margin-right: 0px; margin-left: 0px; }
.css-h72vcg.MuiButton-containedPrimary { box-shadow: none; color: rgb(14, 27, 23); background: linear-gradient(90deg, rgb(254, 226, 12) 0%, rgb(255, 174, 0) 25%, rgb(254, 226, 12) 75%, rgb(255, 174, 0) 100%) 0% 0% / 400% 400%; }
.css-h72vcg.MuiButton-containedPrimary:hover { color: rgb(14, 27, 23); animation: 0.7s ease 0s 1 normal forwards running animation-dofypc; }
.css-h72vcg.MuiButton-containedPrimary:active { color: rgb(14, 27, 23); animation: 0.7s ease 0s 1 normal forwards running animation-i3y9un; }
.css-h72vcg.MuiButton-containedPrimary:disabled { color: rgb(14, 27, 23); opacity: 0.5; }
.css-h72vcg.MuiButton-containedSecondary { color: rgba(255, 255, 255, 0.8); background-color: rgb(28, 54, 45); box-shadow: none; }
.css-h72vcg.MuiButton-containedSecondary:hover { background-color: rgb(28, 54, 45); opacity: 0.85; }
.css-h72vcg.MuiButton-containedSecondary:active { color: rgb(255, 255, 255); background-color: rgb(28, 54, 45); opacity: 1; }
.css-h72vcg.MuiButton-containedSecondary:disabled { color: rgba(255, 255, 255, 0.8); background-color: rgb(28, 54, 45); opacity: 0.4; }
.css-h72vcg.MuiButton-containedSizeLarge { height: 44px; padding: 0px 12px; }
.css-h72vcg.MuiButton-containedSizeMedium { height: 40px; padding: 0px 12px; }
.css-h72vcg.MuiButton-containedSizeSmall { height: 36px; padding: 0px 12px; }
.css-h72vcg.MuiButton-outlinedSizeLarge { height: 44px; padding: 0px 12px; }
.css-h72vcg.MuiButton-outlinedSizeMedium { height: 40px; padding: 0px 12px; }
.css-h72vcg.MuiButton-outlinedSizeSmall { height: 36px; padding: 0px 12px 0px 8px; }
.css-h72vcg.MuiButton-text { padding: 0px 12px; color: rgb(0, 254, 169); font-size: 14px; font-weight: 600; line-height: 18px; }
.css-h72vcg.MuiButton-text:hover { background: transparent; color: rgb(0, 229, 152); }
.css-h72vcg.MuiButton-text:active { color: rgb(0, 229, 152); }
.css-h72vcg.MuiButton-text:disabled { color: rgb(0, 254, 169); opacity: 0.4; }
.css-h72vcg.MuiButton-textSecondary { color: rgba(255, 255, 255, 0.8); background: rgb(28, 54, 45); }
.css-h72vcg.MuiButton-textSecondary:hover { opacity: 0.85; }
.css-h72vcg.MuiButton-textSecondary:active { opacity: 1; }
.css-h72vcg.MuiButton-textSecondary:disabled { opacity: 0.5; }
.css-h72vcg.MuiButton-textSizeLarge { height: 44px; }
.css-h72vcg.MuiButton-textSizeMedium { height: 40px; }
.css-h72vcg.MuiButton-textSizeSmall { height: 36px; }
.css-h72vcg.MuiButton-iconInherit { padding: 0px; }
.css-h72vcg.MuiButton-iconPrimary { background: linear-gradient(90deg, rgb(254, 226, 12) 0%, rgb(255, 174, 0) 25%, rgb(254, 226, 12) 75%, rgb(255, 174, 0) 100%); box-shadow: none; }
.css-h72vcg.MuiButton-iconPrimary:hover { opacity: 0.8; }
.css-h72vcg.MuiButton-iconPrimary:active { opacity: 1; }
.css-h72vcg.MuiButton-iconPrimary:disabled { opacity: 0.5; }
.css-h72vcg.MuiButton-iconSecondary { color: rgba(255, 255, 255, 0.8); box-shadow: none; background-color: rgb(28, 54, 45); }
.css-h72vcg.MuiButton-iconSecondary:hover { background-color: rgb(28, 54, 45); opacity: 0.85; }
.css-h72vcg.MuiButton-iconSecondary:active { color: rgb(255, 255, 255); background-color: rgb(28, 54, 45); opacity: 1; }
.css-h72vcg.MuiButton-iconSecondary:disabled { color: rgba(255, 255, 255, 0.8); background-color: rgb(28, 54, 45); opacity: 0.4; }
.css-h72vcg.MuiButton-iconSuccess { background: rgb(152, 255, 22); border: 1px solid rgb(152, 255, 22); box-shadow: rgba(152, 255, 22, 0.6) 0px 0px 10px 0px; }
.css-h72vcg.MuiButton-iconSuccess:hover { background-color: rgb(106, 178, 15); }
.css-h72vcg.MuiButton-iconSuccess:active { background-color: rgb(106, 178, 15); }
.css-h72vcg.MuiButton-iconSuccess:disabled { opacity: 0.5; box-shadow: none; }
.css-h72vcg.MuiButton-iconError { background: rgb(242, 73, 50); border: 1px solid rgb(242, 73, 50); box-shadow: rgba(242, 73, 50, 0.6) 0px 0px 10px 0px; }
.css-h72vcg.MuiButton-iconError:hover { background-color: rgb(169, 51, 35); }
.css-h72vcg.MuiButton-iconError:active { background-color: rgb(169, 51, 35); }
.css-h72vcg.MuiButton-iconError:disabled { opacity: 0.5; box-shadow: none; }
.css-h72vcg.MuiButton-iconInfo { background: rgb(79, 195, 247); border: 1px solid rgb(79, 195, 247); box-shadow: rgba(79, 195, 247, 0.6) 0px 0px 10px 0px; }
.css-h72vcg.MuiButton-iconInfo:hover { background-color: rgb(55, 136, 172); }
.css-h72vcg.MuiButton-iconInfo:active { background-color: rgb(55, 136, 172); }
.css-h72vcg.MuiButton-iconInfo:disabled { opacity: 0.5; box-shadow: none; }
.css-h72vcg.MuiButton-iconWarning { background: rgb(255, 218, 22); border: 1px solid rgb(255, 218, 22); box-shadow: rgba(255, 218, 22, 0.6) 0px 0px 10px 0px; }
.css-h72vcg.MuiButton-iconWarning:hover { background-color: rgb(178, 152, 15); }
.css-h72vcg.MuiButton-iconWarning:active { background-color: rgb(178, 152, 15); }
.css-h72vcg.MuiButton-iconWarning:disabled { opacity: 0.5; box-shadow: none; }
.css-h72vcg.MuiButton-iconSizeLarge { min-width: 44px; width: 44px; height: 44px; padding: 2px; }
.css-h72vcg.MuiButton-iconSizeLarge .MuiButton-startIcon { display: flex; gap: 0px; margin: 0px; color: rgba(255, 255, 255, 0.8); }
.css-h72vcg.MuiButton-iconSizeMedium { min-width: 40px; width: 40px; height: 40px; padding: 2px; }
.css-h72vcg.MuiButton-iconSizeMedium .MuiButton-startIcon { display: flex; gap: 0px; margin: 0px; }
.css-h72vcg.MuiButton-iconSizeSmall { min-width: 36px; width: 36px; height: 36px; padding: 2px; }
.css-h72vcg.MuiButton-iconSizeSmall .MuiButton-startIcon { display: flex; gap: 0px; margin: 0px; }
.css-h72vcg.MuiButton-outlined { color: rgb(0, 254, 169); border: 1px solid rgb(0, 254, 169); background: rgba(14, 27, 23, 0.4); }
.css-h72vcg.MuiButton-outlined:hover { border: 1px solid rgb(0, 254, 169); background: rgba(14, 27, 23, 0.4); opacity: 0.85; }
.css-h72vcg.MuiButton-outlined:active { opacity: 1; }
.css-h72vcg.MuiButton-outlined:disabled { color: rgb(0, 254, 169); border: 1px solid rgb(0, 254, 169); opacity: 0.4; }
.css-h72vcg.MuiButton-cta { color: rgb(14, 27, 23); background-image: linear-gradient(90deg, rgb(254, 226, 12) 0%, rgb(255, 174, 0) 25%, rgb(254, 226, 12) 75%, rgb(255, 174, 0) 100%); background-size: 400% 400%; font-size: 14px; font-weight: 600; line-height: 18px; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; box-shadow: rgba(255, 255, 255, 0.6) 0px 9px 8px 0px inset, rgba(0, 254, 169, 0.2) 0px -4px 8px 0px inset, rgba(0, 254, 169, 0.24) 0px 0px 50px 0px; }
.css-h72vcg.MuiButton-cta:hover { animation: 0.7s ease 0s 1 normal forwards running animation-dofypc; box-shadow: rgba(255, 255, 255, 0.6) 0px 9px 8px 0px inset, rgba(0, 254, 169, 0.2) 0px -4px 8px 0px inset, rgba(0, 254, 169, 0.8) 0px 0px 40px 0px; }
.css-h72vcg.MuiButton-cta:active { animation: 0.7s ease 0s 1 normal forwards running animation-i3y9un; box-shadow: rgba(255, 255, 255, 0.6) 0px 9px 8px 0px inset, rgba(0, 254, 169, 0.2) 0px -4px 8px 0px inset, rgba(0, 254, 169, 0.24) 0px 0px 50px 0px; }
.css-h72vcg.MuiButton-cta:disabled { color: rgb(14, 27, 23); opacity: 0.5; box-shadow: rgba(255, 255, 255, 0.6) 0px 9px 8px 0px inset, rgba(0, 254, 169, 0.2) 0px -4px 8px 0px inset, rgba(0, 254, 169, 0.24) 0px 0px 50px 0px; }
.css-h72vcg.MuiButton-ctaSizeLarge { height: 44px; padding: 0px 12px; }
.css-h72vcg.MuiButton-ctaSizeMedium { height: 40px; padding: 0px 12px; }
.css-h72vcg.MuiButton-ctaSizeSmall { height: 36px; padding: 0px 12px; }
.css-1quufp1 { font-family: Kanit, sans-serif; font-weight: 500; line-height: 1.75; border-width: 1px; border-style: solid; border-image: none; border-color: var(--variant-outlinedBorder, currentColor); background-color: var(--variant-outlinedBg); --variant-textColor: #00FEA9; --variant-outlinedColor: #00FEA9; --variant-outlinedBorder: rgba(0, 254, 169, 0.5); --variant-containedColor: rgba(0, 0, 0, 0.87); --variant-containedBg: #00FEA9; padding: 3px 9px; transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1), box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1), border-color 250ms cubic-bezier(0.4, 0, 0.2, 1); display: inline-flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; gap: 8px; flex-shrink: 0; border-radius: 6px; color: rgba(0, 0, 0, 0.8); font-size: 14px; text-transform: none; text-align: center; min-width: unset; width: 100%; height: 40px; }
.css-1quufp1:hover { text-decoration: none; }
.css-1quufp1.Mui-disabled { color: rgba(255, 255, 255, 0.3); }
.css-1quufp1.Mui-disabled { border: 1px solid rgba(255, 255, 255, 0.12); }
@media (hover: hover) {
  .css-1quufp1:hover { --variant-containedBg: rgb(0, 177, 118); --variant-textBg: rgba(0, 254, 169, 0.08); --variant-outlinedBorder: #00FEA9; --variant-outlinedBg: rgba(0, 254, 169, 0.08); }
}
.css-1quufp1.MuiButton-loading { color: transparent; }
.css-1quufp1 .MuiButton-startIcon { display: inline-flex; gap: 8px; margin-right: 0px; margin-left: 0px; }
.css-1quufp1 .MuiButton-endIcon { display: inline-flex; gap: 8px; margin-right: 0px; margin-left: 0px; }
.css-1quufp1.MuiButton-containedPrimary { box-shadow: none; color: rgb(14, 27, 23); background: linear-gradient(90deg, rgb(254, 226, 12) 0%, rgb(255, 174, 0) 25%, rgb(254, 226, 12) 75%, rgb(255, 174, 0) 100%) 0% 0% / 400% 400%; }
.css-1quufp1.MuiButton-containedPrimary:hover { color: rgb(14, 27, 23); animation: 0.7s ease 0s 1 normal forwards running animation-dofypc; }
.css-1quufp1.MuiButton-containedPrimary:active { color: rgb(14, 27, 23); animation: 0.7s ease 0s 1 normal forwards running animation-i3y9un; }
.css-1quufp1.MuiButton-containedPrimary:disabled { color: rgb(14, 27, 23); opacity: 0.5; }
.css-1quufp1.MuiButton-containedSecondary { color: rgba(255, 255, 255, 0.8); background-color: rgb(28, 54, 45); box-shadow: none; }
.css-1quufp1.MuiButton-containedSecondary:hover { background-color: rgb(28, 54, 45); opacity: 0.85; }
.css-1quufp1.MuiButton-containedSecondary:active { color: rgb(255, 255, 255); background-color: rgb(28, 54, 45); opacity: 1; }
.css-1quufp1.MuiButton-containedSecondary:disabled { color: rgba(255, 255, 255, 0.8); background-color: rgb(28, 54, 45); opacity: 0.4; }
.css-1quufp1.MuiButton-containedSizeLarge { height: 44px; padding: 0px 12px; }
.css-1quufp1.MuiButton-containedSizeMedium { height: 40px; padding: 0px 12px; }
.css-1quufp1.MuiButton-containedSizeSmall { height: 36px; padding: 0px 12px; }
.css-1quufp1.MuiButton-outlinedSizeLarge { height: 44px; padding: 0px 12px; }
.css-1quufp1.MuiButton-outlinedSizeMedium { height: 40px; padding: 0px 12px; }
.css-1quufp1.MuiButton-outlinedSizeSmall { height: 36px; padding: 0px 12px 0px 8px; }
.css-1quufp1.MuiButton-text { padding: 0px 12px; color: rgb(0, 254, 169); font-size: 14px; font-weight: 600; line-height: 18px; }
.css-1quufp1.MuiButton-text:hover { background: transparent; color: rgb(0, 229, 152); }
.css-1quufp1.MuiButton-text:active { color: rgb(0, 229, 152); }
.css-1quufp1.MuiButton-text:disabled { color: rgb(0, 254, 169); opacity: 0.4; }
.css-1quufp1.MuiButton-textSecondary { color: rgba(255, 255, 255, 0.8); background: rgb(28, 54, 45); }
.css-1quufp1.MuiButton-textSecondary:hover { opacity: 0.85; }
.css-1quufp1.MuiButton-textSecondary:active { opacity: 1; }
.css-1quufp1.MuiButton-textSecondary:disabled { opacity: 0.5; }
.css-1quufp1.MuiButton-textSizeLarge { height: 44px; }
.css-1quufp1.MuiButton-textSizeMedium { height: 40px; }
.css-1quufp1.MuiButton-textSizeSmall { height: 36px; }
.css-1quufp1.MuiButton-iconInherit { padding: 0px; }
.css-1quufp1.MuiButton-iconPrimary { background: linear-gradient(90deg, rgb(254, 226, 12) 0%, rgb(255, 174, 0) 25%, rgb(254, 226, 12) 75%, rgb(255, 174, 0) 100%); box-shadow: none; }
.css-1quufp1.MuiButton-iconPrimary:hover { opacity: 0.8; }
.css-1quufp1.MuiButton-iconPrimary:active { opacity: 1; }
.css-1quufp1.MuiButton-iconPrimary:disabled { opacity: 0.5; }
.css-1quufp1.MuiButton-iconSecondary { color: rgba(255, 255, 255, 0.8); box-shadow: none; background-color: rgb(28, 54, 45); }
.css-1quufp1.MuiButton-iconSecondary:hover { background-color: rgb(28, 54, 45); opacity: 0.85; }
.css-1quufp1.MuiButton-iconSecondary:active { color: rgb(255, 255, 255); background-color: rgb(28, 54, 45); opacity: 1; }
.css-1quufp1.MuiButton-iconSecondary:disabled { color: rgba(255, 255, 255, 0.8); background-color: rgb(28, 54, 45); opacity: 0.4; }
.css-1quufp1.MuiButton-iconSuccess { background: rgb(152, 255, 22); border: 1px solid rgb(152, 255, 22); box-shadow: rgba(152, 255, 22, 0.6) 0px 0px 10px 0px; }
.css-1quufp1.MuiButton-iconSuccess:hover { background-color: rgb(106, 178, 15); }
.css-1quufp1.MuiButton-iconSuccess:active { background-color: rgb(106, 178, 15); }
.css-1quufp1.MuiButton-iconSuccess:disabled { opacity: 0.5; box-shadow: none; }
.css-1quufp1.MuiButton-iconError { background: rgb(242, 73, 50); border: 1px solid rgb(242, 73, 50); box-shadow: rgba(242, 73, 50, 0.6) 0px 0px 10px 0px; }
.css-1quufp1.MuiButton-iconError:hover { background-color: rgb(169, 51, 35); }
.css-1quufp1.MuiButton-iconError:active { background-color: rgb(169, 51, 35); }
.css-1quufp1.MuiButton-iconError:disabled { opacity: 0.5; box-shadow: none; }
.css-1quufp1.MuiButton-iconInfo { background: rgb(79, 195, 247); border: 1px solid rgb(79, 195, 247); box-shadow: rgba(79, 195, 247, 0.6) 0px 0px 10px 0px; }
.css-1quufp1.MuiButton-iconInfo:hover { background-color: rgb(55, 136, 172); }
.css-1quufp1.MuiButton-iconInfo:active { background-color: rgb(55, 136, 172); }
.css-1quufp1.MuiButton-iconInfo:disabled { opacity: 0.5; box-shadow: none; }
.css-1quufp1.MuiButton-iconWarning { background: rgb(255, 218, 22); border: 1px solid rgb(255, 218, 22); box-shadow: rgba(255, 218, 22, 0.6) 0px 0px 10px 0px; }
.css-1quufp1.MuiButton-iconWarning:hover { background-color: rgb(178, 152, 15); }
.css-1quufp1.MuiButton-iconWarning:active { background-color: rgb(178, 152, 15); }
.css-1quufp1.MuiButton-iconWarning:disabled { opacity: 0.5; box-shadow: none; }
.css-1quufp1.MuiButton-iconSizeLarge { min-width: 44px; width: 44px; height: 44px; padding: 2px; }
.css-1quufp1.MuiButton-iconSizeLarge .MuiButton-startIcon { display: flex; gap: 0px; margin: 0px; color: rgba(255, 255, 255, 0.8); }
.css-1quufp1.MuiButton-iconSizeMedium { min-width: 40px; width: 40px; height: 40px; padding: 2px; }
.css-1quufp1.MuiButton-iconSizeMedium .MuiButton-startIcon { display: flex; gap: 0px; margin: 0px; }
.css-1quufp1.MuiButton-iconSizeSmall { min-width: 36px; width: 36px; height: 36px; padding: 2px; }
.css-1quufp1.MuiButton-iconSizeSmall .MuiButton-startIcon { display: flex; gap: 0px; margin: 0px; }
.css-1quufp1.MuiButton-outlined { color: rgb(0, 254, 169); border: 1px solid rgb(0, 254, 169); background: rgba(14, 27, 23, 0.4); }
.css-1quufp1.MuiButton-outlined:hover { border: 1px solid rgb(0, 254, 169); background: rgba(14, 27, 23, 0.4); opacity: 0.85; }
.css-1quufp1.MuiButton-outlined:active { opacity: 1; }
.css-1quufp1.MuiButton-outlined:disabled { color: rgb(0, 254, 169); border: 1px solid rgb(0, 254, 169); opacity: 0.4; }
.css-1quufp1.MuiButton-cta { color: rgb(14, 27, 23); background-image: linear-gradient(90deg, rgb(254, 226, 12) 0%, rgb(255, 174, 0) 25%, rgb(254, 226, 12) 75%, rgb(255, 174, 0) 100%); background-size: 400% 400%; font-size: 14px; font-weight: 600; line-height: 18px; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; box-shadow: rgba(255, 255, 255, 0.6) 0px 9px 8px 0px inset, rgba(0, 254, 169, 0.2) 0px -4px 8px 0px inset, rgba(0, 254, 169, 0.24) 0px 0px 50px 0px; }
.css-1quufp1.MuiButton-cta:hover { animation: 0.7s ease 0s 1 normal forwards running animation-dofypc; box-shadow: rgba(255, 255, 255, 0.6) 0px 9px 8px 0px inset, rgba(0, 254, 169, 0.2) 0px -4px 8px 0px inset, rgba(0, 254, 169, 0.8) 0px 0px 40px 0px; }
.css-1quufp1.MuiButton-cta:active { animation: 0.7s ease 0s 1 normal forwards running animation-i3y9un; box-shadow: rgba(255, 255, 255, 0.6) 0px 9px 8px 0px inset, rgba(0, 254, 169, 0.2) 0px -4px 8px 0px inset, rgba(0, 254, 169, 0.24) 0px 0px 50px 0px; }
.css-1quufp1.MuiButton-cta:disabled { color: rgb(14, 27, 23); opacity: 0.5; box-shadow: rgba(255, 255, 255, 0.6) 0px 9px 8px 0px inset, rgba(0, 254, 169, 0.2) 0px -4px 8px 0px inset, rgba(0, 254, 169, 0.24) 0px 0px 50px 0px; }
.css-1quufp1.MuiButton-ctaSizeLarge { height: 44px; padding: 0px 12px; }
.css-1quufp1.MuiButton-ctaSizeMedium { height: 40px; padding: 0px 12px; }
.css-1quufp1.MuiButton-ctaSizeSmall { height: 36px; padding: 0px 12px; }
.css-o2j5bs { position: relative; box-sizing: border-box; -webkit-tap-highlight-color: transparent; outline: 0px; margin: 0px; cursor: pointer; user-select: none; vertical-align: middle; appearance: none; text-decoration: none; font-family: Kanit, sans-serif; font-weight: 500; line-height: 1.75; border-width: 1px; border-style: solid; border-image: none; border-color: var(--variant-outlinedBorder, currentColor); background-color: var(--variant-outlinedBg); --variant-textColor: #00FEA9; --variant-outlinedColor: #00FEA9; --variant-outlinedBorder: rgba(0, 254, 169, 0.5); --variant-containedColor: rgba(0, 0, 0, 0.87); --variant-containedBg: #00FEA9; padding: 3px 9px; transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1), box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1), border-color 250ms cubic-bezier(0.4, 0, 0.2, 1); display: inline-flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; gap: 8px; flex-shrink: 0; border-radius: 6px; color: rgba(0, 0, 0, 0.8); font-size: 14px; text-transform: none; text-align: center; min-width: unset; width: 100%; height: 40px; }
.css-o2j5bs.Mui-disabled { pointer-events: none; cursor: default; }
@media print {
  .css-o2j5bs { print-color-adjust: exact; }
}
.css-o2j5bs:hover { text-decoration: none; }
.css-o2j5bs.Mui-disabled { color: rgba(255, 255, 255, 0.3); }
.css-o2j5bs.Mui-disabled { border: 1px solid rgba(255, 255, 255, 0.12); }
@media (hover: hover) {
  .css-o2j5bs:hover { --variant-containedBg: rgb(0, 177, 118); --variant-textBg: rgba(0, 254, 169, 0.08); --variant-outlinedBorder: #00FEA9; --variant-outlinedBg: rgba(0, 254, 169, 0.08); }
}
.css-o2j5bs.MuiButton-loading { color: transparent; }
.css-o2j5bs .MuiButton-startIcon { display: inline-flex; gap: 8px; margin-right: 0px; margin-left: 0px; }
.css-o2j5bs .MuiButton-endIcon { display: inline-flex; gap: 8px; margin-right: 0px; margin-left: 0px; }
.css-o2j5bs.MuiButton-containedPrimary { box-shadow: none; color: rgb(14, 27, 23); background: linear-gradient(90deg, rgb(254, 226, 12) 0%, rgb(255, 174, 0) 25%, rgb(254, 226, 12) 75%, rgb(255, 174, 0) 100%) 0% 0% / 400% 400%; }
.css-o2j5bs.MuiButton-containedPrimary:hover { color: rgb(14, 27, 23); animation: 0.7s ease 0s 1 normal forwards running animation-dofypc; }
.css-o2j5bs.MuiButton-containedPrimary:active { color: rgb(14, 27, 23); animation: 0.7s ease 0s 1 normal forwards running animation-i3y9un; }
.css-o2j5bs.MuiButton-containedPrimary:disabled { color: rgb(14, 27, 23); opacity: 0.5; }
.css-o2j5bs.MuiButton-containedSecondary { color: rgba(255, 255, 255, 0.8); background-color: rgb(28, 54, 45); box-shadow: none; }
.css-o2j5bs.MuiButton-containedSecondary:hover { background-color: rgb(28, 54, 45); opacity: 0.85; }
.css-o2j5bs.MuiButton-containedSecondary:active { color: rgb(255, 255, 255); background-color: rgb(28, 54, 45); opacity: 1; }
.css-o2j5bs.MuiButton-containedSecondary:disabled { color: rgba(255, 255, 255, 0.8); background-color: rgb(28, 54, 45); opacity: 0.4; }
.css-o2j5bs.MuiButton-containedSizeLarge { height: 44px; padding: 0px 12px; }
.css-o2j5bs.MuiButton-containedSizeMedium { height: 40px; padding: 0px 12px; }
.css-o2j5bs.MuiButton-containedSizeSmall { height: 36px; padding: 0px 12px; }
.css-o2j5bs.MuiButton-outlinedSizeLarge { height: 44px; padding: 0px 12px; }
.css-o2j5bs.MuiButton-outlinedSizeMedium { height: 40px; padding: 0px 12px; }
.css-o2j5bs.MuiButton-outlinedSizeSmall { height: 36px; padding: 0px 12px 0px 8px; }
.css-o2j5bs.MuiButton-text { padding: 0px 12px; color: rgb(0, 254, 169); font-size: 14px; font-weight: 600; line-height: 18px; }
.css-o2j5bs.MuiButton-text:hover { background: transparent; color: rgb(0, 229, 152); }
.css-o2j5bs.MuiButton-text:active { color: rgb(0, 229, 152); }
.css-o2j5bs.MuiButton-text:disabled { color: rgb(0, 254, 169); opacity: 0.4; }
.css-o2j5bs.MuiButton-textSecondary { color: rgba(255, 255, 255, 0.8); background: rgb(28, 54, 45); }
.css-o2j5bs.MuiButton-textSecondary:hover { opacity: 0.85; }
.css-o2j5bs.MuiButton-textSecondary:active { opacity: 1; }
.css-o2j5bs.MuiButton-textSecondary:disabled { opacity: 0.5; }
.css-o2j5bs.MuiButton-textSizeLarge { height: 44px; }
.css-o2j5bs.MuiButton-textSizeMedium { height: 40px; }
.css-o2j5bs.MuiButton-textSizeSmall { height: 36px; }
.css-o2j5bs.MuiButton-iconInherit { padding: 0px; }
.css-o2j5bs.MuiButton-iconPrimary { background: linear-gradient(90deg, rgb(254, 226, 12) 0%, rgb(255, 174, 0) 25%, rgb(254, 226, 12) 75%, rgb(255, 174, 0) 100%); box-shadow: none; }
.css-o2j5bs.MuiButton-iconPrimary:hover { opacity: 0.8; }
.css-o2j5bs.MuiButton-iconPrimary:active { opacity: 1; }
.css-o2j5bs.MuiButton-iconPrimary:disabled { opacity: 0.5; }
.css-o2j5bs.MuiButton-iconSecondary { color: rgba(255, 255, 255, 0.8); box-shadow: none; background-color: rgb(28, 54, 45); }
.css-o2j5bs.MuiButton-iconSecondary:hover { background-color: rgb(28, 54, 45); opacity: 0.85; }
.css-o2j5bs.MuiButton-iconSecondary:active { color: rgb(255, 255, 255); background-color: rgb(28, 54, 45); opacity: 1; }
.css-o2j5bs.MuiButton-iconSecondary:disabled { color: rgba(255, 255, 255, 0.8); background-color: rgb(28, 54, 45); opacity: 0.4; }
.css-o2j5bs.MuiButton-iconSuccess { background: rgb(152, 255, 22); border: 1px solid rgb(152, 255, 22); box-shadow: rgba(152, 255, 22, 0.6) 0px 0px 10px 0px; }
.css-o2j5bs.MuiButton-iconSuccess:hover { background-color: rgb(106, 178, 15); }
.css-o2j5bs.MuiButton-iconSuccess:active { background-color: rgb(106, 178, 15); }
.css-o2j5bs.MuiButton-iconSuccess:disabled { opacity: 0.5; box-shadow: none; }
.css-o2j5bs.MuiButton-iconError { background: rgb(242, 73, 50); border: 1px solid rgb(242, 73, 50); box-shadow: rgba(242, 73, 50, 0.6) 0px 0px 10px 0px; }
.css-o2j5bs.MuiButton-iconError:hover { background-color: rgb(169, 51, 35); }
.css-o2j5bs.MuiButton-iconError:active { background-color: rgb(169, 51, 35); }
.css-o2j5bs.MuiButton-iconError:disabled { opacity: 0.5; box-shadow: none; }
.css-o2j5bs.MuiButton-iconInfo { background: rgb(79, 195, 247); border: 1px solid rgb(79, 195, 247); box-shadow: rgba(79, 195, 247, 0.6) 0px 0px 10px 0px; }
.css-o2j5bs.MuiButton-iconInfo:hover { background-color: rgb(55, 136, 172); }
.css-o2j5bs.MuiButton-iconInfo:active { background-color: rgb(55, 136, 172); }
.css-o2j5bs.MuiButton-iconInfo:disabled { opacity: 0.5; box-shadow: none; }
.css-o2j5bs.MuiButton-iconWarning { background: rgb(255, 218, 22); border: 1px solid rgb(255, 218, 22); box-shadow: rgba(255, 218, 22, 0.6) 0px 0px 10px 0px; }
.css-o2j5bs.MuiButton-iconWarning:hover { background-color: rgb(178, 152, 15); }
.css-o2j5bs.MuiButton-iconWarning:active { background-color: rgb(178, 152, 15); }
.css-o2j5bs.MuiButton-iconWarning:disabled { opacity: 0.5; box-shadow: none; }
.css-o2j5bs.MuiButton-iconSizeLarge { min-width: 44px; width: 44px; height: 44px; padding: 2px; }
.css-o2j5bs.MuiButton-iconSizeLarge .MuiButton-startIcon { display: flex; gap: 0px; margin: 0px; color: rgba(255, 255, 255, 0.8); }
.css-o2j5bs.MuiButton-iconSizeMedium { min-width: 40px; width: 40px; height: 40px; padding: 2px; }
.css-o2j5bs.MuiButton-iconSizeMedium .MuiButton-startIcon { display: flex; gap: 0px; margin: 0px; }
.css-o2j5bs.MuiButton-iconSizeSmall { min-width: 36px; width: 36px; height: 36px; padding: 2px; }
.css-o2j5bs.MuiButton-iconSizeSmall .MuiButton-startIcon { display: flex; gap: 0px; margin: 0px; }
.css-o2j5bs.MuiButton-outlined { color: rgb(0, 254, 169); border: 1px solid rgb(0, 254, 169); background: rgba(14, 27, 23, 0.4); }
.css-o2j5bs.MuiButton-outlined:hover { border: 1px solid rgb(0, 254, 169); background: rgba(14, 27, 23, 0.4); opacity: 0.85; }
.css-o2j5bs.MuiButton-outlined:active { opacity: 1; }
.css-o2j5bs.MuiButton-outlined:disabled { color: rgb(0, 254, 169); border: 1px solid rgb(0, 254, 169); opacity: 0.4; }
.css-o2j5bs.MuiButton-cta { color: rgb(14, 27, 23); background-image: linear-gradient(90deg, rgb(254, 226, 12) 0%, rgb(255, 174, 0) 25%, rgb(254, 226, 12) 75%, rgb(255, 174, 0) 100%); background-size: 400% 400%; font-size: 14px; font-weight: 600; line-height: 18px; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; box-shadow: rgba(255, 255, 255, 0.6) 0px 9px 8px 0px inset, rgba(0, 254, 169, 0.2) 0px -4px 8px 0px inset, rgba(0, 254, 169, 0.24) 0px 0px 50px 0px; }
.css-o2j5bs.MuiButton-cta:hover { animation: 0.7s ease 0s 1 normal forwards running animation-dofypc; box-shadow: rgba(255, 255, 255, 0.6) 0px 9px 8px 0px inset, rgba(0, 254, 169, 0.2) 0px -4px 8px 0px inset, rgba(0, 254, 169, 0.8) 0px 0px 40px 0px; }
.css-o2j5bs.MuiButton-cta:active { animation: 0.7s ease 0s 1 normal forwards running animation-i3y9un; box-shadow: rgba(255, 255, 255, 0.6) 0px 9px 8px 0px inset, rgba(0, 254, 169, 0.2) 0px -4px 8px 0px inset, rgba(0, 254, 169, 0.24) 0px 0px 50px 0px; }
.css-o2j5bs.MuiButton-cta:disabled { color: rgb(14, 27, 23); opacity: 0.5; box-shadow: rgba(255, 255, 255, 0.6) 0px 9px 8px 0px inset, rgba(0, 254, 169, 0.2) 0px -4px 8px 0px inset, rgba(0, 254, 169, 0.24) 0px 0px 50px 0px; }
.css-o2j5bs.MuiButton-ctaSizeLarge { height: 44px; padding: 0px 12px; }
.css-o2j5bs.MuiButton-ctaSizeMedium { height: 40px; padding: 0px 12px; }
.css-o2j5bs.MuiButton-ctaSizeSmall { height: 36px; padding: 0px 12px; }
.css-y8aj3r { padding: 0px; }
.css-1904h36 { display: flex; -webkit-box-pack: start; justify-content: flex-start; -webkit-box-align: center; align-items: center; position: relative; text-decoration: none; width: 100%; box-sizing: border-box; text-align: left; padding: 0px; }
.css-1i3tt3y .MuiTooltip-tooltip { background: rgb(28, 54, 45); border-width: medium; border-style: none; border-color: currentcolor; border-image: none; padding: 8px; border-radius: 8px; font-size: 12px; }
.css-65danc { padding: 0px 20px; height: 36px; gap: 8px; -webkit-box-pack: start; justify-content: flex-start; -webkit-box-align: center; align-items: center; color: rgb(255, 255, 255); }
.css-oadlw9 { display: flex; -webkit-box-flex: 1; flex-grow: 1; position: relative; text-decoration: none; min-width: 0px; box-sizing: border-box; text-align: left; transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1); padding: 0px 20px; height: 36px; gap: 8px; -webkit-box-pack: start; justify-content: flex-start; -webkit-box-align: center; align-items: center; color: rgb(255, 255, 255); }
.css-oadlw9:hover { text-decoration: none; background-color: rgba(255, 255, 255, 0.08); }
@media (hover: none) {
  .css-oadlw9:hover { background-color: transparent; }
}
.css-oadlw9.Mui-selected { background-color: rgba(0, 254, 169, 0.16); }
.css-oadlw9.Mui-selected.Mui-focusVisible { background-color: rgba(0, 254, 169, 0.28); }
.css-oadlw9.Mui-selected:hover { background-color: rgba(0, 254, 169, 0.24); }
@media (hover: none) {
  .css-oadlw9.Mui-selected:hover { background-color: rgba(0, 254, 169, 0.16); }
}
.css-oadlw9.Mui-focusVisible { background-color: rgba(255, 255, 255, 0.12); }
.css-oadlw9.Mui-disabled { opacity: 0.38; }
.css-1o5h02j { -webkit-tap-highlight-color: transparent; background-color: transparent; outline: 0px; border: 0px; margin: 0px; border-radius: 0px; cursor: pointer; user-select: none; vertical-align: middle; appearance: none; display: flex; -webkit-box-flex: 1; flex-grow: 1; position: relative; text-decoration: none; min-width: 0px; box-sizing: border-box; text-align: left; transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1); padding: 0px 20px; height: 36px; gap: 8px; -webkit-box-pack: start; justify-content: flex-start; -webkit-box-align: center; align-items: center; color: rgb(255, 255, 255); }
.css-1o5h02j.Mui-disabled { pointer-events: none; cursor: default; }
@media print {
  .css-1o5h02j { print-color-adjust: exact; }
}
.css-1o5h02j:hover { text-decoration: none; background-color: rgba(255, 255, 255, 0.08); }
@media (hover: none) {
  .css-1o5h02j:hover { background-color: transparent; }
}
.css-1o5h02j.Mui-selected { background-color: rgba(0, 254, 169, 0.16); }
.css-1o5h02j.Mui-selected.Mui-focusVisible { background-color: rgba(0, 254, 169, 0.28); }
.css-1o5h02j.Mui-selected:hover { background-color: rgba(0, 254, 169, 0.24); }
@media (hover: none) {
  .css-1o5h02j.Mui-selected:hover { background-color: rgba(0, 254, 169, 0.16); }
}
.css-1o5h02j.Mui-focusVisible { background-color: rgba(255, 255, 255, 0.12); }
.css-1o5h02j.Mui-disabled { opacity: 0.38; }
.css-b4ury5 { user-select: none; width: 1em; height: 1em; overflow: hidden; display: inline-block; text-align: center; flex-shrink: 0; font-size: 1.25rem; }
.css-b4ury5.MuiIcon-root { display: flex; width: 20px !important; height: 20px !important; font-size: 20px !important; line-height: 20px !important; }
.css-b4ury5.MuiIcon-root.MuiIcon-colorTxt\.textWhite100 { color: rgb(255, 255, 255); }
.css-b4ury5.MuiIcon-root.MuiIcon-colorTxt\.textWhite80 { color: rgba(255, 255, 255, 0.8); }
.css-b4ury5.MuiIcon-root.MuiIcon-colorTxt\.textWhite40 { color: rgba(255, 255, 255, 0.4); }
.css-b4ury5.MuiIcon-root.MuiIcon-colorTxt\.secondary { color: rgba(255, 255, 255, 0.8); }
.css-b4ury5.MuiIcon-root.MuiIcon-colorAccent\.main { color: rgb(0, 254, 169); }
.css-b4ury5.MuiIcon-root.MuiIcon-colorAccent\.gradient { background: linear-gradient(90deg, rgb(254, 226, 12) 0%, rgb(255, 174, 0) 100%) text; -webkit-text-fill-color: transparent; }
.css-b4ury5.MuiIcon-root.MuiIcon-colorEvent\.bg { color: rgb(21, 40, 34); }
.css-b4ury5.MuiIcon-root.MuiIcon-colorEvent\.bgHover { color: rgb(28, 54, 45); }
.css-b4ury5.MuiIcon-root.MuiIcon-colorEvent\.bg2 { color: rgb(0, 254, 169); }
.css-b4ury5.MuiIcon-root.MuiIcon-colorFilter\.bg { color: rgb(21, 40, 34); }
.css-b4ury5.MuiIcon-root.MuiIcon-colorFilter\.bgHover { color: rgb(28, 54, 45); }
.css-b4ury5.MuiIcon-root.MuiIcon-colorFilter\.bg2 { color: rgb(0, 254, 169); }
.css-b4ury5.MuiIcon-root.MuiIcon-colorFixedColor\.success { color: rgb(152, 255, 22); }
.css-b4ury5.MuiIcon-root.MuiIcon-colorFixedColor\.warning { color: rgb(255, 218, 22); }
.css-b4ury5.MuiIcon-root.MuiIcon-colorFixedColor\.error { color: rgb(242, 73, 50); }
.css-b4ury5.MuiIcon-root.MuiIcon-colorHeader\.bg { color: rgb(28, 54, 45); }
.css-b4ury5.MuiIcon-root.MuiIcon-colorInputDropDown\.bg { color: rgb(21, 40, 34); }
.css-b4ury5.MuiIcon-root.MuiIcon-colorInputDropDown\.bgHover { color: rgb(28, 54, 45); }
.css-b4ury5.MuiIcon-root.MuiIcon-colorInputDropDown\.bg2 { color: rgb(0, 254, 169); }
.css-b4ury5.MuiIcon-root.MuiIcon-colorMenu1\.bg { color: rgb(14, 27, 23); }
.css-b4ury5.MuiIcon-root.MuiIcon-colorOdd\.bg { color: rgb(21, 40, 34); }
.css-b4ury5.MuiIcon-root.MuiIcon-colorOdd\.bg2 { color: rgb(28, 54, 45); }
.css-b4ury5.MuiIcon-root.MuiIcon-colorVip\.blackDiamond { color: rgb(240, 230, 215); }
.css-b4ury5.MuiIcon-root.MuiIcon-colorVip\.bronze { color: rgb(202, 128, 86); }
.css-b4ury5.MuiIcon-root.MuiIcon-colorVip\.gold { color: rgb(238, 190, 68); }
.css-b4ury5.MuiIcon-root.MuiIcon-colorVip\.sliver { color: rgb(221, 221, 221); }
.css-b4ury5.MuiIcon-root.MuiIcon-colorDark\.dark1 { color: rgb(14, 27, 23); }
.css-b4ury5.MuiIcon-root.MuiIcon-colorFixedColor\.info { color: rgb(79, 195, 247); }
.css-b4ury5.MuiIcon-fontSizeSmall { width: 16px !important; height: 16px !important; font-size: 16px !important; line-height: 16px !important; }
.css-b4ury5.MuiIcon-fontSizeLarge { width: 24px !important; height: 24px !important; font-size: 24px !important; line-height: 24px !important; }
.css-b4ury5.MuiIcon-fontSizeLarge80 { width: 80px !important; height: 80px !important; font-size: 80px !important; line-height: 80px !important; }
.css-b4ury5.MuiIcon-fontSizeLarge40 { width: 40px !important; height: 40px !important; font-size: 40px !important; line-height: 40px !important; }
.css-b4ury5.MuiIcon-fontSizeLarge64 { width: 64px !important; height: 64px !important; font-size: 64px !important; line-height: 64px !important; }
.css-b4ury5.MuiIcon-fontSizeLarge44 { width: 44px !important; height: 44px !important; font-size: 44px !important; line-height: 44px !important; }
.css-b4ury5.MuiIcon-fontSizeExtraSmall { width: 14px !important; height: 14px !important; font-size: 14px !important; line-height: 14px !important; }
.css-b4ury5.MuiIcon-fontSizeExtLarge { width: 32px !important; height: 32px !important; font-size: 32px !important; line-height: 32px !important; }
.css-b4ury5.MuiIcon-colorWhite { color: rgb(255, 255, 255); }
.css-1orq7cy { font-weight: 600; text-align: left; }
.css-hak0bz { margin: 0px; font-size: 14px; flex: 1 1 0%; color: inherit; font-weight: 600; text-align: left; }
.css-1hubgk6 { z-index: 1500; pointer-events: none; }
.css-1hubgk6 .MuiTooltip-tooltip { background: rgb(28, 54, 45); border-width: medium; border-style: none; border-color: currentcolor; border-image: none; padding: 8px; border-radius: 8px; font-size: 12px; }
.css-10a0wyw { z-index: 1500; pointer-events: none; }
.css-10a0wyw .MuiTooltip-tooltip { background: rgb(28, 54, 45); border-width: medium; border-style: none; border-color: currentcolor; border-image: none; padding: 8px; border-radius: 8px; font-size: 12px; }
.css-1qekudu { padding: 0px; -webkit-box-pack: justify; justify-content: space-between; -webkit-box-align: center; align-items: center; }
.css-8nf91e { display: flex; position: relative; text-decoration: none; width: 100%; box-sizing: border-box; text-align: left; padding: 0px; -webkit-box-pack: justify; justify-content: space-between; -webkit-box-align: center; align-items: center; }
.css-w4vwkb { padding: 0px 12px; height: 36px; -webkit-box-pack: justify; justify-content: space-between; -webkit-box-align: center; align-items: center; }
.css-w4vwkb .MuiIcon-root { transition: transform 0.3s ease-in-out; }
.css-w4vwkb .open { transform: rotate(180deg); }
.css-w4vwkb .close { transform: rotate(0deg); }
.css-1yniorg { display: flex; -webkit-box-flex: 1; flex-grow: 1; position: relative; text-decoration: none; min-width: 0px; box-sizing: border-box; text-align: left; transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1); padding: 0px 12px; height: 36px; -webkit-box-pack: justify; justify-content: space-between; -webkit-box-align: center; align-items: center; }
.css-1yniorg:hover { text-decoration: none; background-color: rgba(255, 255, 255, 0.08); }
@media (hover: none) {
  .css-1yniorg:hover { background-color: transparent; }
}
.css-1yniorg.Mui-selected { background-color: rgba(0, 254, 169, 0.16); }
.css-1yniorg.Mui-selected.Mui-focusVisible { background-color: rgba(0, 254, 169, 0.28); }
.css-1yniorg.Mui-selected:hover { background-color: rgba(0, 254, 169, 0.24); }
@media (hover: none) {
  .css-1yniorg.Mui-selected:hover { background-color: rgba(0, 254, 169, 0.16); }
}
.css-1yniorg.Mui-focusVisible { background-color: rgba(255, 255, 255, 0.12); }
.css-1yniorg.Mui-disabled { opacity: 0.38; }
.css-1yniorg .MuiIcon-root { transition: transform 0.3s ease-in-out; }
.css-1yniorg .open { transform: rotate(180deg); }
.css-1yniorg .close { transform: rotate(0deg); }
.css-e5ik1c { -webkit-tap-highlight-color: transparent; background-color: transparent; outline: 0px; border: 0px; margin: 0px; border-radius: 0px; cursor: pointer; user-select: none; vertical-align: middle; appearance: none; color: inherit; display: flex; -webkit-box-flex: 1; flex-grow: 1; position: relative; text-decoration: none; min-width: 0px; box-sizing: border-box; text-align: left; transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1); padding: 0px 12px; height: 36px; -webkit-box-pack: justify; justify-content: space-between; -webkit-box-align: center; align-items: center; }
.css-e5ik1c.Mui-disabled { pointer-events: none; cursor: default; }
@media print {
  .css-e5ik1c { print-color-adjust: exact; }
}
.css-e5ik1c:hover { text-decoration: none; background-color: rgba(255, 255, 255, 0.08); }
@media (hover: none) {
  .css-e5ik1c:hover { background-color: transparent; }
}
.css-e5ik1c.Mui-selected { background-color: rgba(0, 254, 169, 0.16); }
.css-e5ik1c.Mui-selected.Mui-focusVisible { background-color: rgba(0, 254, 169, 0.28); }
.css-e5ik1c.Mui-selected:hover { background-color: rgba(0, 254, 169, 0.24); }
@media (hover: none) {
  .css-e5ik1c.Mui-selected:hover { background-color: rgba(0, 254, 169, 0.16); }
}
.css-e5ik1c.Mui-focusVisible { background-color: rgba(255, 255, 255, 0.12); }
.css-e5ik1c.Mui-disabled { opacity: 0.38; }
.css-e5ik1c .MuiIcon-root { transition: transform 0.3s ease-in-out; }
.css-e5ik1c .open { transform: rotate(180deg); }
.css-e5ik1c .close { transform: rotate(0deg); }
.css-129dslv { margin: 0px; font-size: 14px; color: rgb(255, 255, 255); font-weight: 600; }
.css-1cbf1l2 { transition: height 300ms cubic-bezier(0.4, 0, 0.2, 1); height: auto; overflow: visible; }
.css-15830to { display: flex; width: 100%; }
.css-9vd5ud { width: 100%; }
.css-d2zv14 { display: flex; padding: 8px 12px 0px; align-items: flex-start; flex-direction: row; gap: 8px; align-self: stretch; }
.css-d2zv14 > div { display: flex; flex-basis: calc(25% - 6px); }
.css-ei5no7 { display: flex; width: 100%; min-width: unset; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; gap: 8px; flex: 1 0 0px; border-radius: 6px; height: 44px !important; padding: 0px !important; }
.css-1b4qyls { color: rgba(0, 0, 0, 0.8); font-size: 14px; text-transform: none; text-align: center; display: flex; width: 100%; min-width: unset; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; gap: 8px; flex: 1 0 0px; border-radius: 6px; height: 44px !important; padding: 0px !important; }
.css-1b4qyls .MuiButton-startIcon { display: inline-flex; gap: 8px; margin-right: 0px; margin-left: 0px; }
.css-1b4qyls .MuiButton-endIcon { display: inline-flex; gap: 8px; margin-right: 0px; margin-left: 0px; }
.css-1b4qyls.MuiButton-containedPrimary { box-shadow: none; color: rgb(14, 27, 23); background: linear-gradient(90deg, rgb(254, 226, 12) 0%, rgb(255, 174, 0) 25%, rgb(254, 226, 12) 75%, rgb(255, 174, 0) 100%) 0% 0% / 400% 400%; }
.css-1b4qyls.MuiButton-containedPrimary:hover { color: rgb(14, 27, 23); animation: 0.7s ease 0s 1 normal forwards running animation-dofypc; }
.css-1b4qyls.MuiButton-containedPrimary:active { color: rgb(14, 27, 23); animation: 0.7s ease 0s 1 normal forwards running animation-i3y9un; }
.css-1b4qyls.MuiButton-containedPrimary:disabled { color: rgb(14, 27, 23); opacity: 0.5; }
.css-1b4qyls.MuiButton-containedSecondary { color: rgba(255, 255, 255, 0.8); background-color: rgb(28, 54, 45); box-shadow: none; }
.css-1b4qyls.MuiButton-containedSecondary:hover { background-color: rgb(28, 54, 45); opacity: 0.85; }
.css-1b4qyls.MuiButton-containedSecondary:active { color: rgb(255, 255, 255); background-color: rgb(28, 54, 45); opacity: 1; }
.css-1b4qyls.MuiButton-containedSecondary:disabled { color: rgba(255, 255, 255, 0.8); background-color: rgb(28, 54, 45); opacity: 0.4; }
.css-1b4qyls.MuiButton-containedSizeLarge { height: 44px; padding: 0px 12px; }
.css-1b4qyls.MuiButton-containedSizeMedium { height: 40px; padding: 0px 12px; }
.css-1b4qyls.MuiButton-containedSizeSmall { height: 36px; padding: 0px 12px; }
.css-1b4qyls.MuiButton-outlinedSizeLarge { height: 44px; padding: 0px 12px; }
.css-1b4qyls.MuiButton-outlinedSizeMedium { height: 40px; padding: 0px 12px; }
.css-1b4qyls.MuiButton-outlinedSizeSmall { height: 36px; padding: 0px 12px 0px 8px; }
.css-1b4qyls.MuiButton-text { padding: 0px 12px; color: rgb(0, 254, 169); font-size: 14px; font-weight: 600; line-height: 18px; }
.css-1b4qyls.MuiButton-text:hover { background: transparent; color: rgb(0, 229, 152); }
.css-1b4qyls.MuiButton-text:active { color: rgb(0, 229, 152); }
.css-1b4qyls.MuiButton-text:disabled { color: rgb(0, 254, 169); opacity: 0.4; }
.css-1b4qyls.MuiButton-textSecondary { color: rgba(255, 255, 255, 0.8); background: rgb(28, 54, 45); }
.css-1b4qyls.MuiButton-textSecondary:hover { opacity: 0.85; }
.css-1b4qyls.MuiButton-textSecondary:active { opacity: 1; }
.css-1b4qyls.MuiButton-textSecondary:disabled { opacity: 0.5; }
.css-1b4qyls.MuiButton-textSizeLarge { height: 44px; }
.css-1b4qyls.MuiButton-textSizeMedium { height: 40px; }
.css-1b4qyls.MuiButton-textSizeSmall { height: 36px; }
.css-1b4qyls.MuiButton-iconInherit { padding: 0px; }
.css-1b4qyls.MuiButton-iconPrimary { background: linear-gradient(90deg, rgb(254, 226, 12) 0%, rgb(255, 174, 0) 25%, rgb(254, 226, 12) 75%, rgb(255, 174, 0) 100%); box-shadow: none; }
.css-1b4qyls.MuiButton-iconPrimary:hover { opacity: 0.8; }
.css-1b4qyls.MuiButton-iconPrimary:active { opacity: 1; }
.css-1b4qyls.MuiButton-iconPrimary:disabled { opacity: 0.5; }
.css-1b4qyls.MuiButton-iconSecondary { color: rgba(255, 255, 255, 0.8); box-shadow: none; background-color: rgb(28, 54, 45); }
.css-1b4qyls.MuiButton-iconSecondary:hover { background-color: rgb(28, 54, 45); opacity: 0.85; }
.css-1b4qyls.MuiButton-iconSecondary:active { color: rgb(255, 255, 255); background-color: rgb(28, 54, 45); opacity: 1; }
.css-1b4qyls.MuiButton-iconSecondary:disabled { color: rgba(255, 255, 255, 0.8); background-color: rgb(28, 54, 45); opacity: 0.4; }
.css-1b4qyls.MuiButton-iconSuccess { background: rgb(152, 255, 22); border: 1px solid rgb(152, 255, 22); box-shadow: rgba(152, 255, 22, 0.6) 0px 0px 10px 0px; }
.css-1b4qyls.MuiButton-iconSuccess:hover { background-color: rgb(106, 178, 15); }
.css-1b4qyls.MuiButton-iconSuccess:active { background-color: rgb(106, 178, 15); }
.css-1b4qyls.MuiButton-iconSuccess:disabled { opacity: 0.5; box-shadow: none; }
.css-1b4qyls.MuiButton-iconError { background: rgb(242, 73, 50); border: 1px solid rgb(242, 73, 50); box-shadow: rgba(242, 73, 50, 0.6) 0px 0px 10px 0px; }
.css-1b4qyls.MuiButton-iconError:hover { background-color: rgb(169, 51, 35); }
.css-1b4qyls.MuiButton-iconError:active { background-color: rgb(169, 51, 35); }
.css-1b4qyls.MuiButton-iconError:disabled { opacity: 0.5; box-shadow: none; }
.css-1b4qyls.MuiButton-iconInfo { background: rgb(79, 195, 247); border: 1px solid rgb(79, 195, 247); box-shadow: rgba(79, 195, 247, 0.6) 0px 0px 10px 0px; }
.css-1b4qyls.MuiButton-iconInfo:hover { background-color: rgb(55, 136, 172); }
.css-1b4qyls.MuiButton-iconInfo:active { background-color: rgb(55, 136, 172); }
.css-1b4qyls.MuiButton-iconInfo:disabled { opacity: 0.5; box-shadow: none; }
.css-1b4qyls.MuiButton-iconWarning { background: rgb(255, 218, 22); border: 1px solid rgb(255, 218, 22); box-shadow: rgba(255, 218, 22, 0.6) 0px 0px 10px 0px; }
.css-1b4qyls.MuiButton-iconWarning:hover { background-color: rgb(178, 152, 15); }
.css-1b4qyls.MuiButton-iconWarning:active { background-color: rgb(178, 152, 15); }
.css-1b4qyls.MuiButton-iconWarning:disabled { opacity: 0.5; box-shadow: none; }
.css-1b4qyls.MuiButton-iconSizeLarge { min-width: 44px; width: 44px; height: 44px; padding: 2px; }
.css-1b4qyls.MuiButton-iconSizeLarge .MuiButton-startIcon { display: flex; gap: 0px; margin: 0px; color: rgba(255, 255, 255, 0.8); }
.css-1b4qyls.MuiButton-iconSizeMedium { min-width: 40px; width: 40px; height: 40px; padding: 2px; }
.css-1b4qyls.MuiButton-iconSizeMedium .MuiButton-startIcon { display: flex; gap: 0px; margin: 0px; }
.css-1b4qyls.MuiButton-iconSizeSmall { min-width: 36px; width: 36px; height: 36px; padding: 2px; }
.css-1b4qyls.MuiButton-iconSizeSmall .MuiButton-startIcon { display: flex; gap: 0px; margin: 0px; }
.css-1b4qyls.MuiButton-outlined { color: rgb(0, 254, 169); border: 1px solid rgb(0, 254, 169); background: rgba(14, 27, 23, 0.4); }
.css-1b4qyls.MuiButton-outlined:hover { border: 1px solid rgb(0, 254, 169); background: rgba(14, 27, 23, 0.4); opacity: 0.85; }
.css-1b4qyls.MuiButton-outlined:active { opacity: 1; }
.css-1b4qyls.MuiButton-outlined:disabled { color: rgb(0, 254, 169); border: 1px solid rgb(0, 254, 169); opacity: 0.4; }
.css-1b4qyls.MuiButton-cta { color: rgb(14, 27, 23); background-image: linear-gradient(90deg, rgb(254, 226, 12) 0%, rgb(255, 174, 0) 25%, rgb(254, 226, 12) 75%, rgb(255, 174, 0) 100%); background-size: 400% 400%; font-size: 14px; font-weight: 600; line-height: 18px; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; box-shadow: rgba(255, 255, 255, 0.6) 0px 9px 8px 0px inset, rgba(0, 254, 169, 0.2) 0px -4px 8px 0px inset, rgba(0, 254, 169, 0.24) 0px 0px 50px 0px; }
.css-1b4qyls.MuiButton-cta:hover { animation: 0.7s ease 0s 1 normal forwards running animation-dofypc; box-shadow: rgba(255, 255, 255, 0.6) 0px 9px 8px 0px inset, rgba(0, 254, 169, 0.2) 0px -4px 8px 0px inset, rgba(0, 254, 169, 0.8) 0px 0px 40px 0px; }
.css-1b4qyls.MuiButton-cta:active { animation: 0.7s ease 0s 1 normal forwards running animation-i3y9un; box-shadow: rgba(255, 255, 255, 0.6) 0px 9px 8px 0px inset, rgba(0, 254, 169, 0.2) 0px -4px 8px 0px inset, rgba(0, 254, 169, 0.24) 0px 0px 50px 0px; }
.css-1b4qyls.MuiButton-cta:disabled { color: rgb(14, 27, 23); opacity: 0.5; box-shadow: rgba(255, 255, 255, 0.6) 0px 9px 8px 0px inset, rgba(0, 254, 169, 0.2) 0px -4px 8px 0px inset, rgba(0, 254, 169, 0.24) 0px 0px 50px 0px; }
.css-1b4qyls.MuiButton-ctaSizeLarge { height: 44px; padding: 0px 12px; }
.css-1b4qyls.MuiButton-ctaSizeMedium { height: 40px; padding: 0px 12px; }
.css-1b4qyls.MuiButton-ctaSizeSmall { height: 36px; padding: 0px 12px; }
@-webkit-keyframes animation-i3y9un { 
  0% { background-position: 50% 0%; }
  100% { background-position: 0% 5%; }
}
@keyframes animation-i3y9un { 
  0% { background-position: 50% 0%; }
  100% { background-position: 0% 5%; }
}
@-webkit-keyframes animation-dofypc { 
  0% { background-position: 0% 50%; }
  100% { background-position: 50% 0%; }
}
@keyframes animation-dofypc { 
  0% { background-position: 0% 50%; }
  100% { background-position: 50% 0%; }
}
@-webkit-keyframes animation-i3y9un { 
  0% { background-position: 50% 0%; }
  100% { background-position: 0% 5%; }
}
@keyframes animation-i3y9un { 
  0% { background-position: 50% 0%; }
  100% { background-position: 0% 5%; }
}
@-webkit-keyframes animation-dofypc { 
  0% { background-position: 0% 50%; }
  100% { background-position: 50% 0%; }
}
@keyframes animation-dofypc { 
  0% { background-position: 0% 50%; }
  100% { background-position: 50% 0%; }
}
.css-pukvnh { font-family: Kanit, sans-serif; font-weight: 500; line-height: 1.75; border: 0px; background-color: var(--variant-containedBg); box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 1px -2px, rgba(0, 0, 0, 0.14) 0px 2px 2px 0px, rgba(0, 0, 0, 0.12) 0px 1px 5px 0px; --variant-textColor: #2A5044; --variant-outlinedColor: #2A5044; --variant-outlinedBorder: rgba(42, 80, 68, 0.5); --variant-containedColor: #fff; --variant-containedBg: #2A5044; transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1), box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1), border-color 250ms cubic-bezier(0.4, 0, 0.2, 1); color: rgba(0, 0, 0, 0.8); font-size: 14px; text-transform: none; text-align: center; display: flex; width: 100%; min-width: unset; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; gap: 8px; flex: 1 0 0px; border-radius: 6px; height: 44px !important; padding: 0px !important; }
.css-pukvnh:hover { text-decoration: none; }
.css-pukvnh.Mui-disabled { color: rgba(255, 255, 255, 0.3); }
.css-pukvnh:hover { box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 4px -1px, rgba(0, 0, 0, 0.14) 0px 4px 5px 0px, rgba(0, 0, 0, 0.12) 0px 1px 10px 0px; }
@media (hover: none) {
  .css-pukvnh:hover { box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 1px -2px, rgba(0, 0, 0, 0.14) 0px 2px 2px 0px, rgba(0, 0, 0, 0.12) 0px 1px 5px 0px; }
}
.css-pukvnh:active { box-shadow: rgba(0, 0, 0, 0.2) 0px 5px 5px -3px, rgba(0, 0, 0, 0.14) 0px 8px 10px 1px, rgba(0, 0, 0, 0.12) 0px 3px 14px 2px; }
.css-pukvnh.Mui-focusVisible { box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 5px -1px, rgba(0, 0, 0, 0.14) 0px 6px 10px 0px, rgba(0, 0, 0, 0.12) 0px 1px 18px 0px; }
.css-pukvnh.Mui-disabled { color: rgba(255, 255, 255, 0.3); box-shadow: none; background-color: rgba(255, 255, 255, 0.12); }
@media (hover: hover) {
  .css-pukvnh:hover { --variant-containedBg: rgb(29, 56, 47); --variant-textBg: rgba(42, 80, 68, 0.08); --variant-outlinedBorder: #2A5044; --variant-outlinedBg: rgba(42, 80, 68, 0.08); }
}
.css-pukvnh.MuiButton-loading { color: transparent; }
.css-pukvnh .MuiButton-startIcon { display: inline-flex; gap: 8px; margin-right: 0px; margin-left: 0px; }
.css-pukvnh .MuiButton-endIcon { display: inline-flex; gap: 8px; margin-right: 0px; margin-left: 0px; }
.css-pukvnh.MuiButton-containedPrimary { box-shadow: none; color: rgb(14, 27, 23); background: linear-gradient(90deg, rgb(254, 226, 12) 0%, rgb(255, 174, 0) 25%, rgb(254, 226, 12) 75%, rgb(255, 174, 0) 100%) 0% 0% / 400% 400%; }
.css-pukvnh.MuiButton-containedPrimary:hover { color: rgb(14, 27, 23); animation: 0.7s ease 0s 1 normal forwards running animation-dofypc; }
.css-pukvnh.MuiButton-containedPrimary:active { color: rgb(14, 27, 23); animation: 0.7s ease 0s 1 normal forwards running animation-i3y9un; }
.css-pukvnh.MuiButton-containedPrimary:disabled { color: rgb(14, 27, 23); opacity: 0.5; }
.css-pukvnh.MuiButton-containedSecondary { color: rgba(255, 255, 255, 0.8); background-color: rgb(28, 54, 45); box-shadow: none; }
.css-pukvnh.MuiButton-containedSecondary:hover { background-color: rgb(28, 54, 45); opacity: 0.85; }
.css-pukvnh.MuiButton-containedSecondary:active { color: rgb(255, 255, 255); background-color: rgb(28, 54, 45); opacity: 1; }
.css-pukvnh.MuiButton-containedSecondary:disabled { color: rgba(255, 255, 255, 0.8); background-color: rgb(28, 54, 45); opacity: 0.4; }
.css-pukvnh.MuiButton-containedSizeLarge { height: 44px; padding: 0px 12px; }
.css-pukvnh.MuiButton-containedSizeMedium { height: 40px; padding: 0px 12px; }
.css-pukvnh.MuiButton-containedSizeSmall { height: 36px; padding: 0px 12px; }
.css-pukvnh.MuiButton-outlinedSizeLarge { height: 44px; padding: 0px 12px; }
.css-pukvnh.MuiButton-outlinedSizeMedium { height: 40px; padding: 0px 12px; }
.css-pukvnh.MuiButton-outlinedSizeSmall { height: 36px; padding: 0px 12px 0px 8px; }
.css-pukvnh.MuiButton-text { padding: 0px 12px; color: rgb(0, 254, 169); font-size: 14px; font-weight: 600; line-height: 18px; }
.css-pukvnh.MuiButton-text:hover { background: transparent; color: rgb(0, 229, 152); }
.css-pukvnh.MuiButton-text:active { color: rgb(0, 229, 152); }
.css-pukvnh.MuiButton-text:disabled { color: rgb(0, 254, 169); opacity: 0.4; }
.css-pukvnh.MuiButton-textSecondary { color: rgba(255, 255, 255, 0.8); background: rgb(28, 54, 45); }
.css-pukvnh.MuiButton-textSecondary:hover { opacity: 0.85; }
.css-pukvnh.MuiButton-textSecondary:active { opacity: 1; }
.css-pukvnh.MuiButton-textSecondary:disabled { opacity: 0.5; }
.css-pukvnh.MuiButton-textSizeLarge { height: 44px; }
.css-pukvnh.MuiButton-textSizeMedium { height: 40px; }
.css-pukvnh.MuiButton-textSizeSmall { height: 36px; }
.css-pukvnh.MuiButton-iconInherit { padding: 0px; }
.css-pukvnh.MuiButton-iconPrimary { background: linear-gradient(90deg, rgb(254, 226, 12) 0%, rgb(255, 174, 0) 25%, rgb(254, 226, 12) 75%, rgb(255, 174, 0) 100%); box-shadow: none; }
.css-pukvnh.MuiButton-iconPrimary:hover { opacity: 0.8; }
.css-pukvnh.MuiButton-iconPrimary:active { opacity: 1; }
.css-pukvnh.MuiButton-iconPrimary:disabled { opacity: 0.5; }
.css-pukvnh.MuiButton-iconSecondary { color: rgba(255, 255, 255, 0.8); box-shadow: none; background-color: rgb(28, 54, 45); }
.css-pukvnh.MuiButton-iconSecondary:hover { background-color: rgb(28, 54, 45); opacity: 0.85; }
.css-pukvnh.MuiButton-iconSecondary:active { color: rgb(255, 255, 255); background-color: rgb(28, 54, 45); opacity: 1; }
.css-pukvnh.MuiButton-iconSecondary:disabled { color: rgba(255, 255, 255, 0.8); background-color: rgb(28, 54, 45); opacity: 0.4; }
.css-pukvnh.MuiButton-iconSuccess { background: rgb(152, 255, 22); border: 1px solid rgb(152, 255, 22); box-shadow: rgba(152, 255, 22, 0.6) 0px 0px 10px 0px; }
.css-pukvnh.MuiButton-iconSuccess:hover { background-color: rgb(106, 178, 15); }
.css-pukvnh.MuiButton-iconSuccess:active { background-color: rgb(106, 178, 15); }
.css-pukvnh.MuiButton-iconSuccess:disabled { opacity: 0.5; box-shadow: none; }
.css-pukvnh.MuiButton-iconError { background: rgb(242, 73, 50); border: 1px solid rgb(242, 73, 50); box-shadow: rgba(242, 73, 50, 0.6) 0px 0px 10px 0px; }
.css-pukvnh.MuiButton-iconError:hover { background-color: rgb(169, 51, 35); }
.css-pukvnh.MuiButton-iconError:active { background-color: rgb(169, 51, 35); }
.css-pukvnh.MuiButton-iconError:disabled { opacity: 0.5; box-shadow: none; }
.css-pukvnh.MuiButton-iconInfo { background: rgb(79, 195, 247); border: 1px solid rgb(79, 195, 247); box-shadow: rgba(79, 195, 247, 0.6) 0px 0px 10px 0px; }
.css-pukvnh.MuiButton-iconInfo:hover { background-color: rgb(55, 136, 172); }
.css-pukvnh.MuiButton-iconInfo:active { background-color: rgb(55, 136, 172); }
.css-pukvnh.MuiButton-iconInfo:disabled { opacity: 0.5; box-shadow: none; }
.css-pukvnh.MuiButton-iconWarning { background: rgb(255, 218, 22); border: 1px solid rgb(255, 218, 22); box-shadow: rgba(255, 218, 22, 0.6) 0px 0px 10px 0px; }
.css-pukvnh.MuiButton-iconWarning:hover { background-color: rgb(178, 152, 15); }
.css-pukvnh.MuiButton-iconWarning:active { background-color: rgb(178, 152, 15); }
.css-pukvnh.MuiButton-iconWarning:disabled { opacity: 0.5; box-shadow: none; }
.css-pukvnh.MuiButton-iconSizeLarge { min-width: 44px; width: 44px; height: 44px; padding: 2px; }
.css-pukvnh.MuiButton-iconSizeLarge .MuiButton-startIcon { display: flex; gap: 0px; margin: 0px; color: rgba(255, 255, 255, 0.8); }
.css-pukvnh.MuiButton-iconSizeMedium { min-width: 40px; width: 40px; height: 40px; padding: 2px; }
.css-pukvnh.MuiButton-iconSizeMedium .MuiButton-startIcon { display: flex; gap: 0px; margin: 0px; }
.css-pukvnh.MuiButton-iconSizeSmall { min-width: 36px; width: 36px; height: 36px; padding: 2px; }
.css-pukvnh.MuiButton-iconSizeSmall .MuiButton-startIcon { display: flex; gap: 0px; margin: 0px; }
.css-pukvnh.MuiButton-outlined { color: rgb(0, 254, 169); border: 1px solid rgb(0, 254, 169); background: rgba(14, 27, 23, 0.4); }
.css-pukvnh.MuiButton-outlined:hover { border: 1px solid rgb(0, 254, 169); background: rgba(14, 27, 23, 0.4); opacity: 0.85; }
.css-pukvnh.MuiButton-outlined:active { opacity: 1; }
.css-pukvnh.MuiButton-outlined:disabled { color: rgb(0, 254, 169); border: 1px solid rgb(0, 254, 169); opacity: 0.4; }
.css-pukvnh.MuiButton-cta { color: rgb(14, 27, 23); background-image: linear-gradient(90deg, rgb(254, 226, 12) 0%, rgb(255, 174, 0) 25%, rgb(254, 226, 12) 75%, rgb(255, 174, 0) 100%); background-size: 400% 400%; font-size: 14px; font-weight: 600; line-height: 18px; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; box-shadow: rgba(255, 255, 255, 0.6) 0px 9px 8px 0px inset, rgba(0, 254, 169, 0.2) 0px -4px 8px 0px inset, rgba(0, 254, 169, 0.24) 0px 0px 50px 0px; }
.css-pukvnh.MuiButton-cta:hover { animation: 0.7s ease 0s 1 normal forwards running animation-dofypc; box-shadow: rgba(255, 255, 255, 0.6) 0px 9px 8px 0px inset, rgba(0, 254, 169, 0.2) 0px -4px 8px 0px inset, rgba(0, 254, 169, 0.8) 0px 0px 40px 0px; }
.css-pukvnh.MuiButton-cta:active { animation: 0.7s ease 0s 1 normal forwards running animation-i3y9un; box-shadow: rgba(255, 255, 255, 0.6) 0px 9px 8px 0px inset, rgba(0, 254, 169, 0.2) 0px -4px 8px 0px inset, rgba(0, 254, 169, 0.24) 0px 0px 50px 0px; }
.css-pukvnh.MuiButton-cta:disabled { color: rgb(14, 27, 23); opacity: 0.5; box-shadow: rgba(255, 255, 255, 0.6) 0px 9px 8px 0px inset, rgba(0, 254, 169, 0.2) 0px -4px 8px 0px inset, rgba(0, 254, 169, 0.24) 0px 0px 50px 0px; }
.css-pukvnh.MuiButton-ctaSizeLarge { height: 44px; padding: 0px 12px; }
.css-pukvnh.MuiButton-ctaSizeMedium { height: 40px; padding: 0px 12px; }
.css-pukvnh.MuiButton-ctaSizeSmall { height: 36px; padding: 0px 12px; }
.css-rb8bw6 { position: relative; box-sizing: border-box; -webkit-tap-highlight-color: transparent; outline: 0px; margin: 0px; cursor: pointer; user-select: none; vertical-align: middle; appearance: none; text-decoration: none; font-family: Kanit, sans-serif; font-weight: 500; line-height: 1.75; border: 0px; background-color: var(--variant-containedBg); box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 1px -2px, rgba(0, 0, 0, 0.14) 0px 2px 2px 0px, rgba(0, 0, 0, 0.12) 0px 1px 5px 0px; --variant-textColor: #2A5044; --variant-outlinedColor: #2A5044; --variant-outlinedBorder: rgba(42, 80, 68, 0.5); --variant-containedColor: #fff; --variant-containedBg: #2A5044; transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1), box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1), border-color 250ms cubic-bezier(0.4, 0, 0.2, 1); color: rgba(0, 0, 0, 0.8); font-size: 14px; text-transform: none; text-align: center; display: flex; width: 100%; min-width: unset; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; gap: 8px; flex: 1 0 0px; border-radius: 6px; height: 44px !important; padding: 0px !important; }
.css-rb8bw6.Mui-disabled { pointer-events: none; cursor: default; }
@media print {
  .css-rb8bw6 { print-color-adjust: exact; }
}
.css-rb8bw6:hover { text-decoration: none; }
.css-rb8bw6.Mui-disabled { color: rgba(255, 255, 255, 0.3); }
.css-rb8bw6:hover { box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 4px -1px, rgba(0, 0, 0, 0.14) 0px 4px 5px 0px, rgba(0, 0, 0, 0.12) 0px 1px 10px 0px; }
@media (hover: none) {
  .css-rb8bw6:hover { box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 1px -2px, rgba(0, 0, 0, 0.14) 0px 2px 2px 0px, rgba(0, 0, 0, 0.12) 0px 1px 5px 0px; }
}
.css-rb8bw6:active { box-shadow: rgba(0, 0, 0, 0.2) 0px 5px 5px -3px, rgba(0, 0, 0, 0.14) 0px 8px 10px 1px, rgba(0, 0, 0, 0.12) 0px 3px 14px 2px; }
.css-rb8bw6.Mui-focusVisible { box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 5px -1px, rgba(0, 0, 0, 0.14) 0px 6px 10px 0px, rgba(0, 0, 0, 0.12) 0px 1px 18px 0px; }
.css-rb8bw6.Mui-disabled { color: rgba(255, 255, 255, 0.3); box-shadow: none; background-color: rgba(255, 255, 255, 0.12); }
@media (hover: hover) {
  .css-rb8bw6:hover { --variant-containedBg: rgb(29, 56, 47); --variant-textBg: rgba(42, 80, 68, 0.08); --variant-outlinedBorder: #2A5044; --variant-outlinedBg: rgba(42, 80, 68, 0.08); }
}
.css-rb8bw6.MuiButton-loading { color: transparent; }
.css-rb8bw6 .MuiButton-startIcon { display: inline-flex; gap: 8px; margin-right: 0px; margin-left: 0px; }
.css-rb8bw6 .MuiButton-endIcon { display: inline-flex; gap: 8px; margin-right: 0px; margin-left: 0px; }
.css-rb8bw6.MuiButton-containedPrimary { box-shadow: none; color: rgb(14, 27, 23); background: linear-gradient(90deg, rgb(254, 226, 12) 0%, rgb(255, 174, 0) 25%, rgb(254, 226, 12) 75%, rgb(255, 174, 0) 100%) 0% 0% / 400% 400%; }
.css-rb8bw6.MuiButton-containedPrimary:hover { color: rgb(14, 27, 23); animation: 0.7s ease 0s 1 normal forwards running animation-dofypc; }
.css-rb8bw6.MuiButton-containedPrimary:active { color: rgb(14, 27, 23); animation: 0.7s ease 0s 1 normal forwards running animation-i3y9un; }
.css-rb8bw6.MuiButton-containedPrimary:disabled { color: rgb(14, 27, 23); opacity: 0.5; }
.css-rb8bw6.MuiButton-containedSecondary { color: rgba(255, 255, 255, 0.8); background-color: rgb(28, 54, 45); box-shadow: none; }
.css-rb8bw6.MuiButton-containedSecondary:hover { background-color: rgb(28, 54, 45); opacity: 0.85; }
.css-rb8bw6.MuiButton-containedSecondary:active { color: rgb(255, 255, 255); background-color: rgb(28, 54, 45); opacity: 1; }
.css-rb8bw6.MuiButton-containedSecondary:disabled { color: rgba(255, 255, 255, 0.8); background-color: rgb(28, 54, 45); opacity: 0.4; }
.css-rb8bw6.MuiButton-containedSizeLarge { height: 44px; padding: 0px 12px; }
.css-rb8bw6.MuiButton-containedSizeMedium { height: 40px; padding: 0px 12px; }
.css-rb8bw6.MuiButton-containedSizeSmall { height: 36px; padding: 0px 12px; }
.css-rb8bw6.MuiButton-outlinedSizeLarge { height: 44px; padding: 0px 12px; }
.css-rb8bw6.MuiButton-outlinedSizeMedium { height: 40px; padding: 0px 12px; }
.css-rb8bw6.MuiButton-outlinedSizeSmall { height: 36px; padding: 0px 12px 0px 8px; }
.css-rb8bw6.MuiButton-text { padding: 0px 12px; color: rgb(0, 254, 169); font-size: 14px; font-weight: 600; line-height: 18px; }
.css-rb8bw6.MuiButton-text:hover { background: transparent; color: rgb(0, 229, 152); }
.css-rb8bw6.MuiButton-text:active { color: rgb(0, 229, 152); }
.css-rb8bw6.MuiButton-text:disabled { color: rgb(0, 254, 169); opacity: 0.4; }
.css-rb8bw6.MuiButton-textSecondary { color: rgba(255, 255, 255, 0.8); background: rgb(28, 54, 45); }
.css-rb8bw6.MuiButton-textSecondary:hover { opacity: 0.85; }
.css-rb8bw6.MuiButton-textSecondary:active { opacity: 1; }
.css-rb8bw6.MuiButton-textSecondary:disabled { opacity: 0.5; }
.css-rb8bw6.MuiButton-textSizeLarge { height: 44px; }
.css-rb8bw6.MuiButton-textSizeMedium { height: 40px; }
.css-rb8bw6.MuiButton-textSizeSmall { height: 36px; }
.css-rb8bw6.MuiButton-iconInherit { padding: 0px; }
.css-rb8bw6.MuiButton-iconPrimary { background: linear-gradient(90deg, rgb(254, 226, 12) 0%, rgb(255, 174, 0) 25%, rgb(254, 226, 12) 75%, rgb(255, 174, 0) 100%); box-shadow: none; }
.css-rb8bw6.MuiButton-iconPrimary:hover { opacity: 0.8; }
.css-rb8bw6.MuiButton-iconPrimary:active { opacity: 1; }
.css-rb8bw6.MuiButton-iconPrimary:disabled { opacity: 0.5; }
.css-rb8bw6.MuiButton-iconSecondary { color: rgba(255, 255, 255, 0.8); box-shadow: none; background-color: rgb(28, 54, 45); }
.css-rb8bw6.MuiButton-iconSecondary:hover { background-color: rgb(28, 54, 45); opacity: 0.85; }
.css-rb8bw6.MuiButton-iconSecondary:active { color: rgb(255, 255, 255); background-color: rgb(28, 54, 45); opacity: 1; }
.css-rb8bw6.MuiButton-iconSecondary:disabled { color: rgba(255, 255, 255, 0.8); background-color: rgb(28, 54, 45); opacity: 0.4; }
.css-rb8bw6.MuiButton-iconSuccess { background: rgb(152, 255, 22); border: 1px solid rgb(152, 255, 22); box-shadow: rgba(152, 255, 22, 0.6) 0px 0px 10px 0px; }
.css-rb8bw6.MuiButton-iconSuccess:hover { background-color: rgb(106, 178, 15); }
.css-rb8bw6.MuiButton-iconSuccess:active { background-color: rgb(106, 178, 15); }
.css-rb8bw6.MuiButton-iconSuccess:disabled { opacity: 0.5; box-shadow: none; }
.css-rb8bw6.MuiButton-iconError { background: rgb(242, 73, 50); border: 1px solid rgb(242, 73, 50); box-shadow: rgba(242, 73, 50, 0.6) 0px 0px 10px 0px; }
.css-rb8bw6.MuiButton-iconError:hover { background-color: rgb(169, 51, 35); }
.css-rb8bw6.MuiButton-iconError:active { background-color: rgb(169, 51, 35); }
.css-rb8bw6.MuiButton-iconError:disabled { opacity: 0.5; box-shadow: none; }
.css-rb8bw6.MuiButton-iconInfo { background: rgb(79, 195, 247); border: 1px solid rgb(79, 195, 247); box-shadow: rgba(79, 195, 247, 0.6) 0px 0px 10px 0px; }
.css-rb8bw6.MuiButton-iconInfo:hover { background-color: rgb(55, 136, 172); }
.css-rb8bw6.MuiButton-iconInfo:active { background-color: rgb(55, 136, 172); }
.css-rb8bw6.MuiButton-iconInfo:disabled { opacity: 0.5; box-shadow: none; }
.css-rb8bw6.MuiButton-iconWarning { background: rgb(255, 218, 22); border: 1px solid rgb(255, 218, 22); box-shadow: rgba(255, 218, 22, 0.6) 0px 0px 10px 0px; }
.css-rb8bw6.MuiButton-iconWarning:hover { background-color: rgb(178, 152, 15); }
.css-rb8bw6.MuiButton-iconWarning:active { background-color: rgb(178, 152, 15); }
.css-rb8bw6.MuiButton-iconWarning:disabled { opacity: 0.5; box-shadow: none; }
.css-rb8bw6.MuiButton-iconSizeLarge { min-width: 44px; width: 44px; height: 44px; padding: 2px; }
.css-rb8bw6.MuiButton-iconSizeLarge .MuiButton-startIcon { display: flex; gap: 0px; margin: 0px; color: rgba(255, 255, 255, 0.8); }
.css-rb8bw6.MuiButton-iconSizeMedium { min-width: 40px; width: 40px; height: 40px; padding: 2px; }
.css-rb8bw6.MuiButton-iconSizeMedium .MuiButton-startIcon { display: flex; gap: 0px; margin: 0px; }
.css-rb8bw6.MuiButton-iconSizeSmall { min-width: 36px; width: 36px; height: 36px; padding: 2px; }
.css-rb8bw6.MuiButton-iconSizeSmall .MuiButton-startIcon { display: flex; gap: 0px; margin: 0px; }
.css-rb8bw6.MuiButton-outlined { color: rgb(0, 254, 169); border: 1px solid rgb(0, 254, 169); background: rgba(14, 27, 23, 0.4); }
.css-rb8bw6.MuiButton-outlined:hover { border: 1px solid rgb(0, 254, 169); background: rgba(14, 27, 23, 0.4); opacity: 0.85; }
.css-rb8bw6.MuiButton-outlined:active { opacity: 1; }
.css-rb8bw6.MuiButton-outlined:disabled { color: rgb(0, 254, 169); border: 1px solid rgb(0, 254, 169); opacity: 0.4; }
.css-rb8bw6.MuiButton-cta { color: rgb(14, 27, 23); background-image: linear-gradient(90deg, rgb(254, 226, 12) 0%, rgb(255, 174, 0) 25%, rgb(254, 226, 12) 75%, rgb(255, 174, 0) 100%); background-size: 400% 400%; font-size: 14px; font-weight: 600; line-height: 18px; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; box-shadow: rgba(255, 255, 255, 0.6) 0px 9px 8px 0px inset, rgba(0, 254, 169, 0.2) 0px -4px 8px 0px inset, rgba(0, 254, 169, 0.24) 0px 0px 50px 0px; }
.css-rb8bw6.MuiButton-cta:hover { animation: 0.7s ease 0s 1 normal forwards running animation-dofypc; box-shadow: rgba(255, 255, 255, 0.6) 0px 9px 8px 0px inset, rgba(0, 254, 169, 0.2) 0px -4px 8px 0px inset, rgba(0, 254, 169, 0.8) 0px 0px 40px 0px; }
.css-rb8bw6.MuiButton-cta:active { animation: 0.7s ease 0s 1 normal forwards running animation-i3y9un; box-shadow: rgba(255, 255, 255, 0.6) 0px 9px 8px 0px inset, rgba(0, 254, 169, 0.2) 0px -4px 8px 0px inset, rgba(0, 254, 169, 0.24) 0px 0px 50px 0px; }
.css-rb8bw6.MuiButton-cta:disabled { color: rgb(14, 27, 23); opacity: 0.5; box-shadow: rgba(255, 255, 255, 0.6) 0px 9px 8px 0px inset, rgba(0, 254, 169, 0.2) 0px -4px 8px 0px inset, rgba(0, 254, 169, 0.24) 0px 0px 50px 0px; }
.css-rb8bw6.MuiButton-ctaSizeLarge { height: 44px; padding: 0px 12px; }
.css-rb8bw6.MuiButton-ctaSizeMedium { height: 40px; padding: 0px 12px; }
.css-rb8bw6.MuiButton-ctaSizeSmall { height: 36px; padding: 0px 12px; }
.css-19egh3n { display: flex; gap: 18px; padding-right: 18px; }
@media (max-width: 599.95px) {
  .css-19egh3n { gap: 8px; padding-right: 8px; }
}
.css-y7iwuh { display: flex; height: 66px; flex-shrink: 0; backface-visibility: hidden; }
.css-o89vk7 { display: block; background-color: rgba(255, 255, 255, 0.13); height: 1.2em; border-radius: 4px; animation: 2s ease-in-out 0.5s infinite normal none running animation-c7515d; }
@-webkit-keyframes animation-c7515d { 
  0% { opacity: 1; }
  50% { opacity: 0.4; }
  100% { opacity: 1; }
}
@keyframes animation-c7515d { 
  0% { opacity: 1; }
  50% { opacity: 0.4; }
  100% { opacity: 1; }
}
.css-1c8poqj { position: absolute; height: 2px; bottom: 0px; width: 100%; transition: 300ms cubic-bezier(0.4, 0, 0.2, 1); background-color: rgb(0, 254, 169); }
.css-1gm9olw { display: block; width: 100%; position: relative; background-color: rgb(14, 27, 23); border-radius: 8px; z-index: 1; overflow: hidden; transition: background-color 0.2s; user-select: none; color: transparent; text-decoration: none; }
.css-1gm9olw .game-item-link { transition: transform 0.3s ease-out; }
.css-1gm9olw:hover .game-item-link { transition: transform 0.3s ease-out; transform: translateY(-0.5rem); }
.css-1gm9olw .game-item-multiplier { gap: 2px; display: none; }
.css-1gm9olw .game-item-image { background-color: rgb(14, 27, 23); border-radius: 8px; }
.css-1gm9olw .game-item-image img { transition: transform 300ms; border-radius: 8px; object-fit: cover; }
.css-1gm9olw .game-item-loading { position: relative; overflow: hidden; background: rgb(28, 54, 45); }
.css-1gm9olw .game-item-loading::before { content: ""; position: absolute; inset: 0px; z-index: 0; background: linear-gradient(90deg, transparent 0%, rgb(21, 40, 34) 50%, transparent 100%); animation: 1.5s ease-in-out 0s infinite normal none running animation-ariwm7; will-change: transform; }
@-webkit-keyframes animation-ariwm7 { 
  0% { transform: translateX(-100%); }
  100% { transform: translateX(100%); }
}
@keyframes animation-ariwm7 { 
  0% { transform: translateX(-100%); }
  100% { transform: translateX(100%); }
}
.css-7fggro { display: block; width: 100%; position: relative; background-color: rgb(14, 27, 23); border-radius: 8px; z-index: 1; overflow: hidden; transition: background-color 0.2s; user-select: none; color: transparent; text-decoration: none; }
.css-7fggro .game-item-link { transition: transform 0.3s ease-out; }
.css-7fggro:hover .game-item-link { transition: transform 0.3s ease-out; transform: translateY(-0.5rem); }
.css-7fggro .game-item-multiplier { gap: 2px; display: none; }
.css-7fggro .game-item-image { background-color: rgb(14, 27, 23); border-radius: 8px; }
.css-7fggro .game-item-image img { transition: transform 300ms; border-radius: 8px; object-fit: cover; }
.css-7fggro .game-item-loading { position: relative; overflow: hidden; background: rgb(28, 54, 45); }
.css-7fggro .game-item-loading::before { content: ""; position: absolute; inset: 0px; z-index: 0; background: linear-gradient(90deg, transparent 0%, rgb(21, 40, 34) 50%, transparent 100%); animation: 1.5s ease-in-out 0s infinite normal none running animation-ariwm7; will-change: transform; }
.css-1e3h4t { gap: 8px; height: 44px; font-size: 14px; line-height: 44px; background-color: rgb(28, 54, 45); padding: 0px; margin-left: auto; width: 240px; font-weight: 500; }
.css-1e3h4t.Mui-focused { border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; }
.css-1e3h4t .MuiSelect-select.MuiInputBase-input { height: 44px; padding: 0px 32px 0px 0px; line-height: 44px; display: flex; -webkit-box-align: center; align-items: center; box-sizing: border-box; }
.css-1e3h4t fieldset.MuiOutlinedInput-notchedOutline { border-top-left-radius: 6px; border-top-right-radius: 6px; border-width: 0px; }
.css-1e3h4t fieldset.MuiOutlinedInput-notchedOutline:hover { border-color: rgb(0, 254, 169); }
.css-1e3h4t.Mui-focused fieldset.MuiOutlinedInput-notchedOutline { border-width: 1px; border-color: rgba(255, 255, 255, 0.2); border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; }
.css-1e3h4t > fieldset { padding-left: 12px; padding-right: 12px; }
.css-1e3h4t:hover fieldset.MuiOutlinedInput-notchedOutline { padding-left: 12px; padding-right: 12px; border-color: rgba(255, 255, 255, 0.2); }
.css-1e3h4t fieldset.MuiOutlinedInput-notchedOutline { border: 1px solid transparent; }
.css-1e3h4t:hover fieldset.MuiOutlinedInput-notchedOutline { border: 1px solid transparent; }
.css-1e3h4t.Mui-focused fieldset.MuiOutlinedInput-notchedOutline { border-width: 1px; border-style: solid; border-color: rgb(42, 80, 68); }
.css-2np47q { gap: 8px; height: 44px; font-size: 14px; line-height: 44px; background-color: rgb(28, 54, 45); padding: 0px; margin-left: auto; width: 240px; font-weight: 500; }
.css-2np47q fieldset.MuiOutlinedInput-notchedOutline { border: 1px solid transparent; }
.css-2np47q:hover fieldset.MuiOutlinedInput-notchedOutline { border: 1px solid transparent; }
.css-2np47q.Mui-focused fieldset.MuiOutlinedInput-notchedOutline { border-width: 1px; border-style: solid; border-color: rgb(42, 80, 68); }
.css-2np47q.Mui-focused { border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; }
.css-2np47q .MuiSelect-select.MuiInputBase-input { height: 44px; padding: 0px 32px 0px 0px; line-height: 44px; display: flex; -webkit-box-align: center; align-items: center; box-sizing: border-box; }
.css-2np47q fieldset.MuiOutlinedInput-notchedOutline { border-top-left-radius: 6px; border-top-right-radius: 6px; border-width: 0px; }
.css-2np47q fieldset.MuiOutlinedInput-notchedOutline:hover { border-color: rgb(0, 254, 169); }
.css-2np47q.Mui-focused fieldset.MuiOutlinedInput-notchedOutline { border-width: 1px; border-color: rgba(255, 255, 255, 0.2); border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; }
.css-2np47q > fieldset { padding-left: 12px; padding-right: 12px; }
.css-2np47q:hover fieldset.MuiOutlinedInput-notchedOutline { padding-left: 12px; padding-right: 12px; border-color: rgba(255, 255, 255, 0.2); }
.css-2np47q fieldset.MuiOutlinedInput-notchedOutline { border: 1px solid transparent; }
.css-2np47q:hover fieldset.MuiOutlinedInput-notchedOutline { border: 1px solid transparent; }
.css-2np47q.Mui-focused fieldset.MuiOutlinedInput-notchedOutline { border-width: 1px; border-style: solid; border-color: rgb(42, 80, 68); }
.css-3a893x { font-family: Kanit, sans-serif; color: rgb(255, 255, 255); box-sizing: border-box; cursor: text; display: inline-flex; -webkit-box-align: center; align-items: center; position: relative; border-radius: 4px; gap: 8px; height: 44px; font-size: 14px; line-height: 44px; background-color: rgb(28, 54, 45); padding: 0px; margin-left: auto; width: 240px; font-weight: 500; }
.css-3a893x.Mui-disabled { color: rgba(255, 255, 255, 0.4); cursor: default; }
.css-3a893x:hover .MuiOutlinedInput-notchedOutline { border-color: rgb(255, 255, 255); }
@media (hover: none) {
  .css-3a893x:hover .MuiOutlinedInput-notchedOutline { border-color: rgba(255, 255, 255, 0.23); }
}
.css-3a893x.Mui-focused .MuiOutlinedInput-notchedOutline { border-width: 2px; }
.css-3a893x.Mui-focused .MuiOutlinedInput-notchedOutline { border-color: rgb(0, 254, 169); }
.css-3a893x.Mui-error .MuiOutlinedInput-notchedOutline { border-color: rgb(242, 73, 50); }
.css-3a893x.Mui-disabled .MuiOutlinedInput-notchedOutline { border-color: rgba(255, 255, 255, 0.3); }
.css-3a893x fieldset.MuiOutlinedInput-notchedOutline { border: 1px solid transparent; }
.css-3a893x:hover fieldset.MuiOutlinedInput-notchedOutline { border: 1px solid transparent; }
.css-3a893x.Mui-focused fieldset.MuiOutlinedInput-notchedOutline { border-width: 1px; border-style: solid; border-color: rgb(42, 80, 68); }
.css-3a893x.Mui-focused { border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; }
.css-3a893x .MuiSelect-select.MuiInputBase-input { height: 44px; padding: 0px 32px 0px 0px; line-height: 44px; display: flex; -webkit-box-align: center; align-items: center; box-sizing: border-box; }
.css-3a893x fieldset.MuiOutlinedInput-notchedOutline { border-top-left-radius: 6px; border-top-right-radius: 6px; border-width: 0px; }
.css-3a893x fieldset.MuiOutlinedInput-notchedOutline:hover { border-color: rgb(0, 254, 169); }
.css-3a893x.Mui-focused fieldset.MuiOutlinedInput-notchedOutline { border-width: 1px; border-color: rgba(255, 255, 255, 0.2); border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; }
.css-3a893x > fieldset { padding-left: 12px; padding-right: 12px; }
.css-3a893x:hover fieldset.MuiOutlinedInput-notchedOutline { padding-left: 12px; padding-right: 12px; border-color: rgba(255, 255, 255, 0.2); }
.css-3a893x fieldset.MuiOutlinedInput-notchedOutline { border: 1px solid transparent; }
.css-3a893x:hover fieldset.MuiOutlinedInput-notchedOutline { border: 1px solid transparent; }
.css-3a893x.Mui-focused fieldset.MuiOutlinedInput-notchedOutline { border-width: 1px; border-style: solid; border-color: rgb(42, 80, 68); }
.css-y7p799 { font: inherit; letter-spacing: inherit; color: currentcolor; border: 0px; box-sizing: content-box; background: none; height: 1.4375em; margin: 0px; -webkit-tap-highlight-color: transparent; display: block; min-width: 0px; width: 100%; animation-name: mui-auto-fill-cancel; animation-duration: 10ms; padding: 16.5px 14px; }
.css-y7p799::-webkit-input-placeholder { color: currentcolor; opacity: 0.5; transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1); }
.css-y7p799:focus { outline: 0px; }
.css-y7p799:invalid { box-shadow: none; }
.css-y7p799::-webkit-search-decoration { appearance: none; }
label[data-shrink="false"] + .MuiInputBase-formControl .css-y7p799::-webkit-input-placeholder { opacity: 0 !important; }
label[data-shrink="false"] + .MuiInputBase-formControl .css-y7p799:focus::-webkit-input-placeholder { opacity: 0.5; }
.css-y7p799.Mui-disabled { opacity: 1; -webkit-text-fill-color: rgba(255, 255, 255, 0.4); }
.css-y7p799:-webkit-autofill { animation-duration: 5000s; animation-name: mui-auto-fill; }
.css-y7p799:-webkit-autofill { box-shadow: rgb(38, 103, 152) 0px 0px 0px 100px inset; -webkit-text-fill-color: rgb(255, 255, 255); caret-color: rgb(255, 255, 255); border-radius: inherit; }
.css-j4nryt { appearance: none; user-select: none; cursor: pointer; border-radius: 4px; font: inherit; letter-spacing: inherit; color: currentcolor; border: 0px; box-sizing: content-box; background: none; height: 1.4375em; margin: 0px; -webkit-tap-highlight-color: transparent; display: block; min-width: 0px; width: 100%; animation-name: mui-auto-fill-cancel; animation-duration: 10ms; padding: 16.5px 14px; }
.css-j4nryt:focus { border-radius: 0px; }
.css-j4nryt.Mui-disabled { cursor: default; }
.css-j4nryt[multiple] { height: auto; }
.css-j4nryt:not([multiple]) option, .css-j4nryt:not([multiple]) optgroup { background-color: rgb(21, 40, 34); }
.css-j4nryt:focus { border-radius: 4px; }
.css-j4nryt.css-j4nryt.css-j4nryt { padding-right: 32px; }
.css-j4nryt.MuiSelect-select { height: auto; min-height: 1.4375em; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.css-j4nryt::-webkit-input-placeholder { color: currentcolor; opacity: 0.5; transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1); }
.css-j4nryt:focus { outline: 0px; }
.css-j4nryt:invalid { box-shadow: none; }
.css-j4nryt::-webkit-search-decoration { appearance: none; }
label[data-shrink="false"] + .MuiInputBase-formControl .css-j4nryt::-webkit-input-placeholder { opacity: 0 !important; }
label[data-shrink="false"] + .MuiInputBase-formControl .css-j4nryt:focus::-webkit-input-placeholder { opacity: 0.5; }
.css-j4nryt.Mui-disabled { opacity: 1; -webkit-text-fill-color: rgba(255, 255, 255, 0.4); }
.css-j4nryt:-webkit-autofill { animation-duration: 5000s; animation-name: mui-auto-fill; }
.css-j4nryt:-webkit-autofill { box-shadow: rgb(38, 103, 152) 0px 0px 0px 100px inset; -webkit-text-fill-color: rgb(255, 255, 255); caret-color: rgb(255, 255, 255); border-radius: inherit; }
.css-laipwe { display: flex; gap: 4px; padding-left: 12px; -webkit-box-align: center; align-items: center; }
.css-1y81cqn { margin: 0px; font-size: 14px; color: rgb(255, 255, 255); font-weight: 400; }
.css-147e5lo { bottom: 0px; left: 0px; position: absolute; opacity: 0; pointer-events: none; width: 100%; box-sizing: border-box; }
.css-2ekav1 { position: absolute; top: calc(50% - 0.5em); pointer-events: none; color: rgb(255, 255, 255); right: 7px; }
.css-2ekav1.Mui-disabled { color: rgba(255, 255, 255, 0.3); }
.css-1r7p73j { padding-right: 12px; position: absolute; pointer-events: none; right: 0px; }
.css-12g4re2 .header-section-bets { border-bottom-width: 2px; border-bottom-color: rgb(21, 40, 34); }
.css-12g4re2 .header-section-bets .section-bets-tabs button { color: rgb(255, 255, 255) !important; }
.css-12g4re2 .table-header-row { background: rgb(14, 27, 23); }
.css-12g4re2 .table-header-row-cell { font-weight: 700; background: rgb(14, 27, 23) !important; }
.css-12g4re2 .table-row.Mui-selected.row-second { background-color: rgb(14, 27, 23); }
.css-12g4re2 .table-row.current-rank > td { border-top: 1px solid rgb(0, 254, 169); border-bottom: 1px solid rgb(0, 254, 169); color: rgb(0, 254, 169); }
.css-12g4re2 .table-row.current-rank > td * { color: rgb(0, 254, 169) !important; }
.css-12g4re2 .table-row.current-rank > td:first-of-type { border-left: 1px solid rgb(0, 254, 169); border-right: rgb(0, 254, 169); border-radius: 6px 0px 0px 6px; }
.css-12g4re2 .table-row.current-rank > td:last-child { border-right: 1px solid rgb(0, 254, 169); border-left: rgb(0, 254, 169); border-radius: 0px 6px 6px 0px; }
.css-12g4re2 .animate-row:nth-of-type(2n) { animation: 0.85s ease-out 0s 1 normal none running rowEven; }
.css-12g4re2 .animate-row:nth-of-type(2n+1) { animation: 0.85s ease-out 0s 1 normal none running rowOdd; }
.css-12g4re2 .prize-cell .table-row-wrapper-cell-content { justify-content: right; }
.css-175vj4 { overflow: hidden; }
.css-175vj4 .header-section-bets { border-bottom-width: 2px; border-bottom-color: rgb(21, 40, 34); }
.css-175vj4 .header-section-bets .section-bets-tabs button { color: rgb(255, 255, 255) !important; }
.css-175vj4 .table-header-row { background: rgb(14, 27, 23); }
.css-175vj4 .table-header-row-cell { font-weight: 700; background: rgb(14, 27, 23) !important; }
.css-175vj4 .table-row.Mui-selected.row-second { background-color: rgb(14, 27, 23); }
.css-175vj4 .table-row.current-rank > td { border-top: 1px solid rgb(0, 254, 169); border-bottom: 1px solid rgb(0, 254, 169); color: rgb(0, 254, 169); }
.css-175vj4 .table-row.current-rank > td * { color: rgb(0, 254, 169) !important; }
.css-175vj4 .table-row.current-rank > td:first-of-type { border-left: 1px solid rgb(0, 254, 169); border-right: rgb(0, 254, 169); border-radius: 6px 0px 0px 6px; }
.css-175vj4 .table-row.current-rank > td:last-child { border-right: 1px solid rgb(0, 254, 169); border-left: rgb(0, 254, 169); border-radius: 0px 6px 6px 0px; }
.css-175vj4 .animate-row:nth-of-type(2n) { animation: 0.85s ease-out 0s 1 normal none running rowEven; }
.css-175vj4 .animate-row:nth-of-type(2n+1) { animation: 0.85s ease-out 0s 1 normal none running rowOdd; }
.css-175vj4 .prize-cell .table-row-wrapper-cell-content { justify-content: right; }
.css-1popn2p { margin-top: 12px; margin-bottom: 16px; background-color: transparent; display: flex; -webkit-box-align: center; align-items: center; flex-direction: row; -webkit-box-pack: justify; justify-content: space-between; gap: 20px; }
@media (max-width: 899.95px) {
  .css-1popn2p { padding: 0px; border-radius: 0px; background-color: transparent; gap: 1px; align-items: flex-start; -webkit-box-pack: start; justify-content: flex-start; flex-direction: column; }
  .css-1popn2p .input-container { width: 100%; }
}
.css-8q8x80 { margin-top: 12px; margin-bottom: 16px; background-color: transparent; display: flex; -webkit-box-align: center; align-items: center; flex-direction: row; -webkit-box-pack: justify; justify-content: space-between; gap: 20px; }
@media (max-width: 899.95px) {
  .css-8q8x80 { padding: 0px; border-radius: 0px; background-color: transparent; gap: 1px; align-items: flex-start; -webkit-box-pack: start; justify-content: flex-start; flex-direction: column; }
  .css-8q8x80 .input-container { width: 100%; }
}
.css-1u9fh8c { gap: 10px; background: rgb(21, 40, 34); border-radius: 8px; padding: 4px; min-height: 44px; width: fit-content; }
.css-1u9fh8c .MuiTabs-flexContainer { display: flex; align-items: flex-start; gap: 10px; height: 100%; }
.css-1u9fh8c .MuiTabs-flexContainer a { max-height: 36px; height: 36px; min-height: 36px; z-index: 2; padding-left: 12px; padding-right: 12px; }
.css-1u9fh8c button { padding: 0px 12px; height: 36px; min-height: 36px; min-width: unset; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; gap: 8px; flex-shrink: 0; border-radius: 6px; text-transform: none; z-index: 2; opacity: 1; cursor: pointer; color: rgba(255, 255, 255, 0.8); font-size: 14px; font-weight: 600; line-height: 18px; }
.css-1u9fh8c button .MuiIcon-root { color: rgba(255, 255, 255, 0.8); }
.css-1u9fh8c a { max-height: 36px; height: 36px; min-height: 36px; z-index: 2; }
.css-1u9fh8c .MuiTabs-indicator { top: 0px; height: 100%; z-index: 1; border-radius: 6px; background: rgb(42, 80, 68); transition: left 300ms cubic-bezier(0.4, 0, 0.2, 1), width 300ms cubic-bezier(0.4, 0, 0.2, 1), top 300ms cubic-bezier(0.4, 0, 0.2, 1), height 300ms cubic-bezier(0.4, 0, 0.2, 1); }
.css-1u9fh8c .Mui-selected { color: rgb(255, 255, 255); border-width: medium; border-style: none; border-color: currentcolor; border-image: none; transition: none; }
.css-1u9fh8c .Mui-selected .MuiTypography-root { color: rgb(255, 255, 255); }
.css-1u9fh8c .Mui-selected .MuiIcon-root { color: rgb(255, 255, 255); }
.css-1u9fh8c .MuiTab-iconWrapper { margin: 0px !important; }
.css-1u9fh8c .Mui-disabled { display: none; }
.css-o6vtg9 { overflow: hidden; display: flex; gap: 10px; background: rgb(21, 40, 34); border-radius: 8px; padding: 4px; min-height: 44px; width: fit-content; }
@media (max-width: 599.95px) {
  .css-o6vtg9 .MuiTabs-scrollButtons { display: none; }
}
.css-o6vtg9 .Mui-disabled { display: none; }
.css-o6vtg9 .MuiTabs-flexContainer { display: flex; align-items: flex-start; gap: 10px; height: 100%; }
.css-o6vtg9 .MuiTabs-flexContainer a { max-height: 36px; height: 36px; min-height: 36px; z-index: 2; padding-left: 12px; padding-right: 12px; }
.css-o6vtg9 button { padding: 0px 12px; height: 36px; min-height: 36px; min-width: unset; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; gap: 8px; flex-shrink: 0; border-radius: 6px; text-transform: none; z-index: 2; opacity: 1; cursor: pointer; color: rgba(255, 255, 255, 0.8); font-size: 14px; font-weight: 600; line-height: 18px; }
.css-o6vtg9 button .MuiIcon-root { color: rgba(255, 255, 255, 0.8); }
.css-o6vtg9 a { max-height: 36px; height: 36px; min-height: 36px; z-index: 2; }
.css-o6vtg9 .MuiTabs-indicator { top: 0px; height: 100%; z-index: 1; border-radius: 6px; background: rgb(42, 80, 68); transition: left 300ms cubic-bezier(0.4, 0, 0.2, 1), width 300ms cubic-bezier(0.4, 0, 0.2, 1), top 300ms cubic-bezier(0.4, 0, 0.2, 1), height 300ms cubic-bezier(0.4, 0, 0.2, 1); }
.css-o6vtg9 .Mui-selected { color: rgb(255, 255, 255); border-width: medium; border-style: none; border-color: currentcolor; border-image: none; transition: none; }
.css-o6vtg9 .Mui-selected .MuiTypography-root { color: rgb(255, 255, 255); }
.css-o6vtg9 .Mui-selected .MuiIcon-root { color: rgb(255, 255, 255); }
.css-o6vtg9 .MuiTab-iconWrapper { margin: 0px !important; }
.css-o6vtg9 .Mui-disabled { display: none; }
.css-qhzvab { padding: 0px 12px; height: 40px; min-height: 40px; min-width: unset; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; gap: 8px; flex-shrink: 0; font-size: 14px; font-weight: 600; line-height: 18px; text-transform: none; border-radius: 6px; box-shadow: none; color: rgba(255, 255, 255, 0.8); }
.css-qhzvab .MuiTab-iconWrapper { margin: 0px; }
.css-qhzvab:hover { color: rgb(255, 255, 255); }
.css-qhzvab:hover .MuiIcon-root { color: rgb(255, 255, 255); }
.css-qhzvab.Mui-disabled { opacity: 0.4; }
.css-cjdne { font-family: Kanit, sans-serif; max-width: 360px; position: relative; overflow: hidden; white-space: normal; text-align: center; flex-direction: row; padding: 0px 12px; height: 40px; min-height: 40px; min-width: unset; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; gap: 8px; flex-shrink: 0; font-size: 14px; font-weight: 600; line-height: 18px; text-transform: none; border-radius: 6px; box-shadow: none; color: rgba(255, 255, 255, 0.8); }
.css-cjdne.Mui-selected { color: rgb(0, 254, 169); }
.css-cjdne.Mui-disabled { color: rgba(255, 255, 255, 0.4); }
.css-cjdne .MuiTab-iconWrapper { margin: 0px; }
.css-cjdne:hover { color: rgb(255, 255, 255); }
.css-cjdne:hover .MuiIcon-root { color: rgb(255, 255, 255); }
.css-cjdne.Mui-disabled { opacity: 0.4; }
.css-1qh1u73 { display: inline-flex; box-sizing: border-box; -webkit-tap-highlight-color: transparent; background-color: transparent; outline: 0px; border: 0px; margin: 0px; cursor: pointer; user-select: none; vertical-align: middle; appearance: none; text-decoration: none; font-family: Kanit, sans-serif; max-width: 360px; position: relative; overflow: hidden; white-space: normal; text-align: center; flex-direction: row; padding: 0px 12px; height: 40px; min-height: 40px; min-width: unset; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; gap: 8px; flex-shrink: 0; font-size: 14px; font-weight: 600; line-height: 18px; text-transform: none; border-radius: 6px; box-shadow: none; color: rgba(255, 255, 255, 0.8); }
.css-1qh1u73.Mui-disabled { pointer-events: none; cursor: default; }
@media print {
  .css-1qh1u73 { print-color-adjust: exact; }
}
.css-1qh1u73.Mui-selected { color: rgb(0, 254, 169); }
.css-1qh1u73.Mui-disabled { color: rgba(255, 255, 255, 0.4); }
.css-1qh1u73 .MuiTab-iconWrapper { margin: 0px; }
.css-1qh1u73:hover { color: rgb(255, 255, 255); }
.css-1qh1u73:hover .MuiIcon-root { color: rgb(255, 255, 255); }
.css-1qh1u73.Mui-disabled { opacity: 0.4; }
.css-i82qb7 { min-width: 127px; margin-top: 0px; }
.css-i82qb7 input { height: 100%; opacity: 0; color: transparent; padding-left: 12px; padding-right: 12px; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; font-size: 14px; font-weight: 400; line-height: 18px; }
.css-i82qb7 input:disabled { opacity: 0; }
.css-i82qb7 .MuiInputBase-root { background: rgb(28, 54, 45); font-size: 14px; font-weight: 400; line-height: 18px; color: rgb(255, 255, 255); }
.css-i82qb7 .MuiInputBase-root:hover { background: rgb(42, 80, 68); }
.css-i82qb7 .MuiInputBase-root.Mui-focused { background: rgb(28, 54, 45); }
.css-i82qb7 .MuiInputBase-root.Mui-disabled { opacity: 0.5; }
.css-i82qb7 .MuiInputBase-input { padding-right: 0px !important; }
.css-i82qb7 .MuiInputBase-input.MuiSelect-multiple #selected-icon { display: none; }
.css-i82qb7 .MuiOutlinedInput-root.MuiInputBase-sizeLarge { -webkit-box-align: center; align-items: center; padding-bottom: 0px; }
.css-i82qb7 .MuiOutlinedInput-root.MuiInputBase-sizeLarge .MuiInputBase-input { height: 100%; }
.css-i82qb7 .Mui-focused { border-color: transparent; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; }
.css-i82qb7 .MuiOutlinedInput-root #selected-icon { display: none; }
.css-i82qb7 .MuiOutlinedInput-root fieldset { border: 1px solid transparent; }
.css-i82qb7 .MuiOutlinedInput-root:hover fieldset { border: 1px solid transparent; }
.css-i82qb7 .MuiOutlinedInput-root.Mui-focused fieldset { border-color: rgb(42, 80, 68); border-width: 1px; border-style: solid; }
.css-tngubu { min-width: 127px; margin-top: 0px; }
.css-tngubu .MuiInputAdornment-positionStart { position: absolute; left: 12px; right: unset; top: 50%; transform: translateY(-50%); color: rgba(255, 255, 255, 0.8); }
.css-tngubu .MuiInputAdornment-positionEnd { position: absolute; color: rgba(255, 255, 255, 0.8); }
.css-tngubu label { font-size: 14px; font-weight: 400; line-height: 18px; color: rgba(255, 255, 255, 0.4); }
.css-tngubu label.Mui-focused { color: rgb(0, 254, 169); }
.css-tngubu .MuiInputBase-root { background: rgb(28, 54, 45); }
.css-tngubu .MuiInputBase-adornedEnd { padding-right: 12px; padding-left: unset; }
.css-tngubu .MuiInputBase-adornedStart { padding-left: 12px; padding-right: unset; }
.css-tngubu input { background-clip: text; font-size: 14px; font-weight: 400; line-height: 18px; color: rgb(255, 255, 255); box-shadow: unset !important; }
.css-tngubu input::-webkit-input-placeholder { font-size: 14px; font-weight: 400; line-height: 18px; color: rgba(255, 255, 255, 0.4); opacity: 1; }
.css-tngubu input::placeholder { font-size: 14px; font-weight: 400; line-height: 18px; color: rgba(255, 255, 255, 0.4); opacity: 1; }
.css-tngubu input:disabled { opacity: 0.5; }
.css-tngubu .MuiOutlinedInput-root { font-size: 14px; font-weight: 400; line-height: 18px; color: rgb(255, 255, 255); border-radius: 6px; }
.css-tngubu .MuiOutlinedInput-root fieldset { transition: 250ms; border-width: 1px; border-color: rgb(42, 80, 68); }
.css-tngubu .MuiOutlinedInput-root:hover { background: rgb(42, 80, 68); }
.css-tngubu .MuiOutlinedInput-root:hover fieldset { border-width: 1px; border-color: rgb(42, 80, 68); }
.css-tngubu .MuiOutlinedInput-root.Mui-focused { background: rgb(28, 54, 45); }
.css-tngubu .MuiOutlinedInput-root.Mui-focused fieldset { border-width: 1px; border-color: rgb(0, 254, 169); }
.css-tngubu .MuiOutlinedInput-root.Mui-disabled { opacity: 0.5; }
.css-tngubu .MuiOutlinedInput-root.Mui-disabled fieldset { border-color: rgb(42, 80, 68); }
.css-tngubu .MuiOutlinedInput-root.Mui-error fieldset { border-width: 1px; border-color: rgb(242, 73, 50); }
.css-tngubu .MuiOutlinedInput-root .MuiOutlinedInput-notchedOutline { top: 0px; }
.css-tngubu .MuiOutlinedInput-root .MuiInputBase-input { height: 40px; display: flex; -webkit-box-align: center; align-items: center; line-height: 18px; box-sizing: border-box; padding: 0px 12px; }
.css-tngubu .MuiOutlinedInput-root .MuiInputBase-inputSizeSmall { height: 36px; }
.css-tngubu .MuiOutlinedInput-root.MuiInputBase-sizeLarge { height: 44px; align-items: flex-end; padding-bottom: 4px; }
.css-tngubu .MuiOutlinedInput-root.MuiInputBase-sizeLarge .MuiInputBase-input { height: 18px; }
.css-tngubu .MuiOutlinedInput-root legend { display: none; }
.css-tngubu .MuiOutlinedInput-input.Mui-disabled { -webkit-text-fill-color: rgba(255, 255, 255, 0.5); }
.css-tngubu input { height: 100%; opacity: 0; color: transparent; padding-left: 12px; padding-right: 12px; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; font-size: 14px; font-weight: 400; line-height: 18px; }
.css-tngubu input:disabled { opacity: 0; }
.css-tngubu .MuiInputBase-root { background: rgb(28, 54, 45); font-size: 14px; font-weight: 400; line-height: 18px; color: rgb(255, 255, 255); }
.css-tngubu .MuiInputBase-root:hover { background: rgb(42, 80, 68); }
.css-tngubu .MuiInputBase-root.Mui-focused { background: rgb(28, 54, 45); }
.css-tngubu .MuiInputBase-root.Mui-disabled { opacity: 0.5; }
.css-tngubu .MuiInputBase-input { padding-right: 0px !important; }
.css-tngubu .MuiInputBase-input.MuiSelect-multiple #selected-icon { display: none; }
.css-tngubu .MuiOutlinedInput-root.MuiInputBase-sizeLarge { -webkit-box-align: center; align-items: center; padding-bottom: 0px; }
.css-tngubu .MuiOutlinedInput-root.MuiInputBase-sizeLarge .MuiInputBase-input { height: 100%; }
.css-tngubu .Mui-focused { border-color: transparent; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; }
.css-tngubu .MuiOutlinedInput-root #selected-icon { display: none; }
.css-tngubu .MuiOutlinedInput-root fieldset { border: 1px solid transparent; }
.css-tngubu .MuiOutlinedInput-root:hover fieldset { border: 1px solid transparent; }
.css-tngubu .MuiOutlinedInput-root.Mui-focused fieldset { border-color: rgb(42, 80, 68); border-width: 1px; border-style: solid; }
.css-1aq0jtv { min-width: 127px; margin-top: 0px; }
.css-1aq0jtv .MuiInputAdornment-positionStart { position: absolute; left: 12px; right: unset; top: 50%; transform: translateY(-50%); color: rgba(255, 255, 255, 0.8); }
.css-1aq0jtv .MuiInputAdornment-positionEnd { position: absolute; color: rgba(255, 255, 255, 0.8); }
.css-1aq0jtv label { font-size: 14px; font-weight: 400; line-height: 18px; color: rgba(255, 255, 255, 0.4); }
.css-1aq0jtv label.Mui-focused { color: rgb(0, 254, 169); }
.css-1aq0jtv .MuiInputBase-root { background: rgb(28, 54, 45); }
.css-1aq0jtv .MuiInputBase-adornedEnd { padding-right: 12px; padding-left: unset; }
.css-1aq0jtv .MuiInputBase-adornedStart { padding-left: 12px; padding-right: unset; }
.css-1aq0jtv input { background-clip: text; font-size: 14px; font-weight: 400; line-height: 18px; color: rgb(255, 255, 255); box-shadow: unset !important; }
.css-1aq0jtv input::-webkit-input-placeholder { font-size: 14px; font-weight: 400; line-height: 18px; color: rgba(255, 255, 255, 0.4); opacity: 1; }
.css-1aq0jtv input::placeholder { font-size: 14px; font-weight: 400; line-height: 18px; color: rgba(255, 255, 255, 0.4); opacity: 1; }
.css-1aq0jtv input:disabled { opacity: 0.5; }
.css-1aq0jtv .MuiOutlinedInput-root { font-size: 14px; font-weight: 400; line-height: 18px; color: rgb(255, 255, 255); border-radius: 6px; }
.css-1aq0jtv .MuiOutlinedInput-root fieldset { transition: 250ms; border-width: 1px; border-color: rgb(42, 80, 68); }
.css-1aq0jtv .MuiOutlinedInput-root:hover { background: rgb(42, 80, 68); }
.css-1aq0jtv .MuiOutlinedInput-root:hover fieldset { border-width: 1px; border-color: rgb(42, 80, 68); }
.css-1aq0jtv .MuiOutlinedInput-root.Mui-focused { background: rgb(28, 54, 45); }
.css-1aq0jtv .MuiOutlinedInput-root.Mui-focused fieldset { border-width: 1px; border-color: rgb(0, 254, 169); }
.css-1aq0jtv .MuiOutlinedInput-root.Mui-disabled { opacity: 0.5; }
.css-1aq0jtv .MuiOutlinedInput-root.Mui-disabled fieldset { border-color: rgb(42, 80, 68); }
.css-1aq0jtv .MuiOutlinedInput-root.Mui-error fieldset { border-width: 1px; border-color: rgb(242, 73, 50); }
.css-1aq0jtv .MuiOutlinedInput-root .MuiOutlinedInput-notchedOutline { top: 0px; }
.css-1aq0jtv .MuiOutlinedInput-root .MuiInputBase-input { height: 40px; display: flex; -webkit-box-align: center; align-items: center; line-height: 18px; box-sizing: border-box; padding: 0px 12px; }
.css-1aq0jtv .MuiOutlinedInput-root .MuiInputBase-inputSizeSmall { height: 36px; }
.css-1aq0jtv .MuiOutlinedInput-root.MuiInputBase-sizeLarge { height: 44px; align-items: flex-end; padding-bottom: 4px; }
.css-1aq0jtv .MuiOutlinedInput-root.MuiInputBase-sizeLarge .MuiInputBase-input { height: 18px; }
.css-1aq0jtv .MuiOutlinedInput-root legend { display: none; }
.css-1aq0jtv .MuiOutlinedInput-input.Mui-disabled { -webkit-text-fill-color: rgba(255, 255, 255, 0.5); }
.css-1aq0jtv input { height: 100%; opacity: 0; color: transparent; padding-left: 12px; padding-right: 12px; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; font-size: 14px; font-weight: 400; line-height: 18px; }
.css-1aq0jtv input:disabled { opacity: 0; }
.css-1aq0jtv .MuiInputBase-root { background: rgb(28, 54, 45); font-size: 14px; font-weight: 400; line-height: 18px; color: rgb(255, 255, 255); }
.css-1aq0jtv .MuiInputBase-root:hover { background: rgb(42, 80, 68); }
.css-1aq0jtv .MuiInputBase-root.Mui-focused { background: rgb(28, 54, 45); }
.css-1aq0jtv .MuiInputBase-root.Mui-disabled { opacity: 0.5; }
.css-1aq0jtv .MuiInputBase-input { padding-right: 0px !important; }
.css-1aq0jtv .MuiInputBase-input.MuiSelect-multiple #selected-icon { display: none; }
.css-1aq0jtv .MuiOutlinedInput-root.MuiInputBase-sizeLarge { -webkit-box-align: center; align-items: center; padding-bottom: 0px; }
.css-1aq0jtv .MuiOutlinedInput-root.MuiInputBase-sizeLarge .MuiInputBase-input { height: 100%; }
.css-1aq0jtv .Mui-focused { border-color: transparent; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; }
.css-1aq0jtv .MuiOutlinedInput-root #selected-icon { display: none; }
.css-1aq0jtv .MuiOutlinedInput-root fieldset { border: 1px solid transparent; }
.css-1aq0jtv .MuiOutlinedInput-root:hover fieldset { border: 1px solid transparent; }
.css-1aq0jtv .MuiOutlinedInput-root.Mui-focused fieldset { border-color: rgb(42, 80, 68); border-width: 1px; border-style: solid; }
.css-lw5meb { display: inline-flex; flex-direction: column; position: relative; padding: 0px; margin: 0px; border: 0px; vertical-align: top; width: 100%; min-width: 127px; }
.css-lw5meb .MuiInputAdornment-positionStart { position: absolute; left: 12px; right: unset; top: 50%; transform: translateY(-50%); color: rgba(255, 255, 255, 0.8); }
.css-lw5meb .MuiInputAdornment-positionEnd { position: absolute; color: rgba(255, 255, 255, 0.8); }
.css-lw5meb label { font-size: 14px; font-weight: 400; line-height: 18px; color: rgba(255, 255, 255, 0.4); }
.css-lw5meb label.Mui-focused { color: rgb(0, 254, 169); }
.css-lw5meb .MuiInputBase-root { background: rgb(28, 54, 45); }
.css-lw5meb .MuiInputBase-adornedEnd { padding-right: 12px; padding-left: unset; }
.css-lw5meb .MuiInputBase-adornedStart { padding-left: 12px; padding-right: unset; }
.css-lw5meb input { background-clip: text; font-size: 14px; font-weight: 400; line-height: 18px; color: rgb(255, 255, 255); box-shadow: unset !important; }
.css-lw5meb input::-webkit-input-placeholder { font-size: 14px; font-weight: 400; line-height: 18px; color: rgba(255, 255, 255, 0.4); opacity: 1; }
.css-lw5meb input::placeholder { font-size: 14px; font-weight: 400; line-height: 18px; color: rgba(255, 255, 255, 0.4); opacity: 1; }
.css-lw5meb input:disabled { opacity: 0.5; }
.css-lw5meb .MuiOutlinedInput-root { font-size: 14px; font-weight: 400; line-height: 18px; color: rgb(255, 255, 255); border-radius: 6px; }
.css-lw5meb .MuiOutlinedInput-root fieldset { transition: 250ms; border-width: 1px; border-color: rgb(42, 80, 68); }
.css-lw5meb .MuiOutlinedInput-root:hover { background: rgb(42, 80, 68); }
.css-lw5meb .MuiOutlinedInput-root:hover fieldset { border-width: 1px; border-color: rgb(42, 80, 68); }
.css-lw5meb .MuiOutlinedInput-root.Mui-focused { background: rgb(28, 54, 45); }
.css-lw5meb .MuiOutlinedInput-root.Mui-focused fieldset { border-width: 1px; border-color: rgb(0, 254, 169); }
.css-lw5meb .MuiOutlinedInput-root.Mui-disabled { opacity: 0.5; }
.css-lw5meb .MuiOutlinedInput-root.Mui-disabled fieldset { border-color: rgb(42, 80, 68); }
.css-lw5meb .MuiOutlinedInput-root.Mui-error fieldset { border-width: 1px; border-color: rgb(242, 73, 50); }
.css-lw5meb .MuiOutlinedInput-root .MuiOutlinedInput-notchedOutline { top: 0px; }
.css-lw5meb .MuiOutlinedInput-root .MuiInputBase-input { height: 40px; display: flex; -webkit-box-align: center; align-items: center; line-height: 18px; box-sizing: border-box; padding: 0px 12px; }
.css-lw5meb .MuiOutlinedInput-root .MuiInputBase-inputSizeSmall { height: 36px; }
.css-lw5meb .MuiOutlinedInput-root.MuiInputBase-sizeLarge { height: 44px; align-items: flex-end; padding-bottom: 4px; }
.css-lw5meb .MuiOutlinedInput-root.MuiInputBase-sizeLarge .MuiInputBase-input { height: 18px; }
.css-lw5meb .MuiOutlinedInput-root legend { display: none; }
.css-lw5meb .MuiOutlinedInput-input.Mui-disabled { -webkit-text-fill-color: rgba(255, 255, 255, 0.5); }
.css-lw5meb input { height: 100%; opacity: 0; color: transparent; padding-left: 12px; padding-right: 12px; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; font-size: 14px; font-weight: 400; line-height: 18px; }
.css-lw5meb input:disabled { opacity: 0; }
.css-lw5meb .MuiInputBase-root { background: rgb(28, 54, 45); font-size: 14px; font-weight: 400; line-height: 18px; color: rgb(255, 255, 255); }
.css-lw5meb .MuiInputBase-root:hover { background: rgb(42, 80, 68); }
.css-lw5meb .MuiInputBase-root.Mui-focused { background: rgb(28, 54, 45); }
.css-lw5meb .MuiInputBase-root.Mui-disabled { opacity: 0.5; }
.css-lw5meb .MuiInputBase-input { padding-right: 0px !important; }
.css-lw5meb .MuiInputBase-input.MuiSelect-multiple #selected-icon { display: none; }
.css-lw5meb .MuiOutlinedInput-root.MuiInputBase-sizeLarge { -webkit-box-align: center; align-items: center; padding-bottom: 0px; }
.css-lw5meb .MuiOutlinedInput-root.MuiInputBase-sizeLarge .MuiInputBase-input { height: 100%; }
.css-lw5meb .Mui-focused { border-color: transparent; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; }
.css-lw5meb .MuiOutlinedInput-root #selected-icon { display: none; }
.css-lw5meb .MuiOutlinedInput-root fieldset { border: 1px solid transparent; }
.css-lw5meb .MuiOutlinedInput-root:hover fieldset { border: 1px solid transparent; }
.css-lw5meb .MuiOutlinedInput-root.Mui-focused fieldset { border-color: rgb(42, 80, 68); border-width: 1px; border-style: solid; }
.css-ia7ztw { font-family: Kanit, sans-serif; font-weight: 400; font-size: 1rem; line-height: 1.4375em; color: rgb(255, 255, 255); box-sizing: border-box; cursor: text; display: inline-flex; -webkit-box-align: center; align-items: center; width: 100%; position: relative; border-radius: 4px; }
.css-ia7ztw.Mui-disabled { color: rgba(255, 255, 255, 0.4); cursor: default; }
.css-ia7ztw:hover .MuiOutlinedInput-notchedOutline { border-color: rgb(255, 255, 255); }
@media (hover: none) {
  .css-ia7ztw:hover .MuiOutlinedInput-notchedOutline { border-color: rgba(255, 255, 255, 0.23); }
}
.css-ia7ztw.Mui-focused .MuiOutlinedInput-notchedOutline { border-width: 2px; }
.css-ia7ztw.Mui-focused .MuiOutlinedInput-notchedOutline { border-color: rgb(0, 254, 169); }
.css-ia7ztw.Mui-error .MuiOutlinedInput-notchedOutline { border-color: rgb(242, 73, 50); }
.css-ia7ztw.Mui-disabled .MuiOutlinedInput-notchedOutline { border-color: rgba(255, 255, 255, 0.3); }
.css-p9p0ok { display: flex; -webkit-box-align: center; align-items: center; gap: 4px; white-space: normal; width: calc(100% - 58px); }
.css-1kl9l3m { font-weight: 500; }
.css-1yli7wi { margin: 0px; font-size: 14px; color: rgb(255, 255, 255); font-weight: 500; }
.css-19cc1hc { position: absolute; right: 8px; left: unset; top: 50%; transform: translateY(-50%); color: rgb(0, 254, 169); }
.css-1l8wmu4 { position: absolute; right: 8px; left: unset; top: 50%; transform: translateY(-50%); color: rgb(0, 254, 169); }
.css-1l8wmu4.MuiIcon-root { display: flex; width: 20px !important; height: 20px !important; font-size: 20px !important; line-height: 20px !important; }
.css-1l8wmu4.MuiIcon-root.MuiIcon-colorTxt\.textWhite100 { color: rgb(255, 255, 255); }
.css-1l8wmu4.MuiIcon-root.MuiIcon-colorTxt\.textWhite80 { color: rgba(255, 255, 255, 0.8); }
.css-1l8wmu4.MuiIcon-root.MuiIcon-colorTxt\.textWhite40 { color: rgba(255, 255, 255, 0.4); }
.css-1l8wmu4.MuiIcon-root.MuiIcon-colorTxt\.secondary { color: rgba(255, 255, 255, 0.8); }
.css-1l8wmu4.MuiIcon-root.MuiIcon-colorAccent\.main { color: rgb(0, 254, 169); }
.css-1l8wmu4.MuiIcon-root.MuiIcon-colorAccent\.gradient { background: linear-gradient(90deg, rgb(254, 226, 12) 0%, rgb(255, 174, 0) 100%) text; -webkit-text-fill-color: transparent; }
.css-1l8wmu4.MuiIcon-root.MuiIcon-colorEvent\.bg { color: rgb(21, 40, 34); }
.css-1l8wmu4.MuiIcon-root.MuiIcon-colorEvent\.bgHover { color: rgb(28, 54, 45); }
.css-1l8wmu4.MuiIcon-root.MuiIcon-colorEvent\.bg2 { color: rgb(0, 254, 169); }
.css-1l8wmu4.MuiIcon-root.MuiIcon-colorFilter\.bg { color: rgb(21, 40, 34); }
.css-1l8wmu4.MuiIcon-root.MuiIcon-colorFilter\.bgHover { color: rgb(28, 54, 45); }
.css-1l8wmu4.MuiIcon-root.MuiIcon-colorFilter\.bg2 { color: rgb(0, 254, 169); }
.css-1l8wmu4.MuiIcon-root.MuiIcon-colorFixedColor\.success { color: rgb(152, 255, 22); }
.css-1l8wmu4.MuiIcon-root.MuiIcon-colorFixedColor\.warning { color: rgb(255, 218, 22); }
.css-1l8wmu4.MuiIcon-root.MuiIcon-colorFixedColor\.error { color: rgb(242, 73, 50); }
.css-1l8wmu4.MuiIcon-root.MuiIcon-colorHeader\.bg { color: rgb(28, 54, 45); }
.css-1l8wmu4.MuiIcon-root.MuiIcon-colorInputDropDown\.bg { color: rgb(21, 40, 34); }
.css-1l8wmu4.MuiIcon-root.MuiIcon-colorInputDropDown\.bgHover { color: rgb(28, 54, 45); }
.css-1l8wmu4.MuiIcon-root.MuiIcon-colorInputDropDown\.bg2 { color: rgb(0, 254, 169); }
.css-1l8wmu4.MuiIcon-root.MuiIcon-colorMenu1\.bg { color: rgb(14, 27, 23); }
.css-1l8wmu4.MuiIcon-root.MuiIcon-colorOdd\.bg { color: rgb(21, 40, 34); }
.css-1l8wmu4.MuiIcon-root.MuiIcon-colorOdd\.bg2 { color: rgb(28, 54, 45); }
.css-1l8wmu4.MuiIcon-root.MuiIcon-colorVip\.blackDiamond { color: rgb(240, 230, 215); }
.css-1l8wmu4.MuiIcon-root.MuiIcon-colorVip\.bronze { color: rgb(202, 128, 86); }
.css-1l8wmu4.MuiIcon-root.MuiIcon-colorVip\.gold { color: rgb(238, 190, 68); }
.css-1l8wmu4.MuiIcon-root.MuiIcon-colorVip\.sliver { color: rgb(221, 221, 221); }
.css-1l8wmu4.MuiIcon-root.MuiIcon-colorDark\.dark1 { color: rgb(14, 27, 23); }
.css-1l8wmu4.MuiIcon-root.MuiIcon-colorFixedColor\.info { color: rgb(79, 195, 247); }
.css-1l8wmu4.MuiIcon-fontSizeSmall { width: 16px !important; height: 16px !important; font-size: 16px !important; line-height: 16px !important; }
.css-1l8wmu4.MuiIcon-fontSizeLarge { width: 24px !important; height: 24px !important; font-size: 24px !important; line-height: 24px !important; }
.css-1l8wmu4.MuiIcon-fontSizeLarge80 { width: 80px !important; height: 80px !important; font-size: 80px !important; line-height: 80px !important; }
.css-1l8wmu4.MuiIcon-fontSizeLarge40 { width: 40px !important; height: 40px !important; font-size: 40px !important; line-height: 40px !important; }
.css-1l8wmu4.MuiIcon-fontSizeLarge64 { width: 64px !important; height: 64px !important; font-size: 64px !important; line-height: 64px !important; }
.css-1l8wmu4.MuiIcon-fontSizeLarge44 { width: 44px !important; height: 44px !important; font-size: 44px !important; line-height: 44px !important; }
.css-1l8wmu4.MuiIcon-fontSizeExtraSmall { width: 14px !important; height: 14px !important; font-size: 14px !important; line-height: 14px !important; }
.css-1l8wmu4.MuiIcon-fontSizeExtLarge { width: 32px !important; height: 32px !important; font-size: 32px !important; line-height: 32px !important; }
.css-1l8wmu4.MuiIcon-colorWhite { color: rgb(255, 255, 255); }
.css-1pknlb2 { user-select: none; width: 1em; height: 1em; overflow: hidden; display: inline-block; text-align: center; flex-shrink: 0; font-size: 1.5rem; position: absolute; right: 8px; left: unset; top: 50%; transform: translateY(-50%); color: rgb(0, 254, 169); }
.css-1pknlb2.MuiIcon-root { display: flex; width: 20px !important; height: 20px !important; font-size: 20px !important; line-height: 20px !important; }
.css-1pknlb2.MuiIcon-root.MuiIcon-colorTxt\.textWhite100 { color: rgb(255, 255, 255); }
.css-1pknlb2.MuiIcon-root.MuiIcon-colorTxt\.textWhite80 { color: rgba(255, 255, 255, 0.8); }
.css-1pknlb2.MuiIcon-root.MuiIcon-colorTxt\.textWhite40 { color: rgba(255, 255, 255, 0.4); }
.css-1pknlb2.MuiIcon-root.MuiIcon-colorTxt\.secondary { color: rgba(255, 255, 255, 0.8); }
.css-1pknlb2.MuiIcon-root.MuiIcon-colorAccent\.main { color: rgb(0, 254, 169); }
.css-1pknlb2.MuiIcon-root.MuiIcon-colorAccent\.gradient { background: linear-gradient(90deg, rgb(254, 226, 12) 0%, rgb(255, 174, 0) 100%) text; -webkit-text-fill-color: transparent; }
.css-1pknlb2.MuiIcon-root.MuiIcon-colorEvent\.bg { color: rgb(21, 40, 34); }
.css-1pknlb2.MuiIcon-root.MuiIcon-colorEvent\.bgHover { color: rgb(28, 54, 45); }
.css-1pknlb2.MuiIcon-root.MuiIcon-colorEvent\.bg2 { color: rgb(0, 254, 169); }
.css-1pknlb2.MuiIcon-root.MuiIcon-colorFilter\.bg { color: rgb(21, 40, 34); }
.css-1pknlb2.MuiIcon-root.MuiIcon-colorFilter\.bgHover { color: rgb(28, 54, 45); }
.css-1pknlb2.MuiIcon-root.MuiIcon-colorFilter\.bg2 { color: rgb(0, 254, 169); }
.css-1pknlb2.MuiIcon-root.MuiIcon-colorFixedColor\.success { color: rgb(152, 255, 22); }
.css-1pknlb2.MuiIcon-root.MuiIcon-colorFixedColor\.warning { color: rgb(255, 218, 22); }
.css-1pknlb2.MuiIcon-root.MuiIcon-colorFixedColor\.error { color: rgb(242, 73, 50); }
.css-1pknlb2.MuiIcon-root.MuiIcon-colorHeader\.bg { color: rgb(28, 54, 45); }
.css-1pknlb2.MuiIcon-root.MuiIcon-colorInputDropDown\.bg { color: rgb(21, 40, 34); }
.css-1pknlb2.MuiIcon-root.MuiIcon-colorInputDropDown\.bgHover { color: rgb(28, 54, 45); }
.css-1pknlb2.MuiIcon-root.MuiIcon-colorInputDropDown\.bg2 { color: rgb(0, 254, 169); }
.css-1pknlb2.MuiIcon-root.MuiIcon-colorMenu1\.bg { color: rgb(14, 27, 23); }
.css-1pknlb2.MuiIcon-root.MuiIcon-colorOdd\.bg { color: rgb(21, 40, 34); }
.css-1pknlb2.MuiIcon-root.MuiIcon-colorOdd\.bg2 { color: rgb(28, 54, 45); }
.css-1pknlb2.MuiIcon-root.MuiIcon-colorVip\.blackDiamond { color: rgb(240, 230, 215); }
.css-1pknlb2.MuiIcon-root.MuiIcon-colorVip\.bronze { color: rgb(202, 128, 86); }
.css-1pknlb2.MuiIcon-root.MuiIcon-colorVip\.gold { color: rgb(238, 190, 68); }
.css-1pknlb2.MuiIcon-root.MuiIcon-colorVip\.sliver { color: rgb(221, 221, 221); }
.css-1pknlb2.MuiIcon-root.MuiIcon-colorDark\.dark1 { color: rgb(14, 27, 23); }
.css-1pknlb2.MuiIcon-root.MuiIcon-colorFixedColor\.info { color: rgb(79, 195, 247); }
.css-1pknlb2.MuiIcon-fontSizeSmall { width: 16px !important; height: 16px !important; font-size: 16px !important; line-height: 16px !important; }
.css-1pknlb2.MuiIcon-fontSizeLarge { width: 24px !important; height: 24px !important; font-size: 24px !important; line-height: 24px !important; }
.css-1pknlb2.MuiIcon-fontSizeLarge80 { width: 80px !important; height: 80px !important; font-size: 80px !important; line-height: 80px !important; }
.css-1pknlb2.MuiIcon-fontSizeLarge40 { width: 40px !important; height: 40px !important; font-size: 40px !important; line-height: 40px !important; }
.css-1pknlb2.MuiIcon-fontSizeLarge64 { width: 64px !important; height: 64px !important; font-size: 64px !important; line-height: 64px !important; }
.css-1pknlb2.MuiIcon-fontSizeLarge44 { width: 44px !important; height: 44px !important; font-size: 44px !important; line-height: 44px !important; }
.css-1pknlb2.MuiIcon-fontSizeExtraSmall { width: 14px !important; height: 14px !important; font-size: 14px !important; line-height: 14px !important; }
.css-1pknlb2.MuiIcon-fontSizeExtLarge { width: 32px !important; height: 32px !important; font-size: 32px !important; line-height: 32px !important; }
.css-1pknlb2.MuiIcon-colorWhite { color: rgb(255, 255, 255); }
.css-1cisn15 { user-select: none; width: 1em; height: 1em; display: inline-block; flex-shrink: 0; transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1); fill: currentcolor; font-size: 1.5rem; position: absolute; top: calc(50% - 0.5em); pointer-events: none; color: rgb(255, 255, 255); right: 7px; }
.css-1cisn15.Mui-disabled { color: rgba(255, 255, 255, 0.3); }
.css-q438ze.overflow-active { overflow-y: hidden; }
.css-1ye5255 { overflow-y: hidden; background: transparent; box-shadow: none; border-radius: 0px; overflow-x: unset; }
.css-1ye5255 .table-row.Mui-selected { background-color: transparent; }
.css-1ye5255 .table-row.Mui-selected:hover { background-color: rgb(42, 80, 68); }
.css-1ye5255.table-medium .table-row-wrapper-cell-content, .css-1ye5255.table-medium .table-header-row-cell { height: 40px; padding: 0px 16px; overflow: auto; }
.css-1ye5255.table-small .table-row-wrapper-cell-content, .css-1ye5255.table-small .table-header-row-cell { height: 36px; padding: 0px 12px; }
.css-1ye5255 .MuiTableBody-root .MuiTableRow-root:nth-of-type(2n+1) { background-color: rgb(14, 27, 23); }
.css-1ye5255 .MuiTableBody-root .MuiTableRow-root:nth-of-type(2n) { background-color: transparent; }
.css-17zislt { width: 100%; overflow-y: hidden; background: transparent; box-shadow: none; border-radius: 0px; overflow-x: unset; }
.css-17zislt .MuiTableBody-root .MuiTableRow-root:nth-of-type(2n+1) { background-color: rgb(14, 27, 23); }
.css-17zislt .MuiTableBody-root .MuiTableRow-root:nth-of-type(2n) { background-color: transparent; }
.css-17zislt .table-row.Mui-selected { background-color: transparent; }
.css-17zislt .table-row.Mui-selected:hover { background-color: rgb(42, 80, 68); }
.css-17zislt.table-medium .table-row-wrapper-cell-content, .css-17zislt.table-medium .table-header-row-cell { height: 40px; padding: 0px 16px; overflow: auto; }
.css-17zislt.table-small .table-row-wrapper-cell-content, .css-17zislt.table-small .table-header-row-cell { height: 36px; padding: 0px 12px; }
.css-17zislt .MuiTableBody-root .MuiTableRow-root:nth-of-type(2n+1) { background-color: rgb(14, 27, 23); }
.css-17zislt .MuiTableBody-root .MuiTableRow-root:nth-of-type(2n) { background-color: transparent; }
.css-p1yab0 { color: rgb(255, 255, 255); transition: box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1); width: 100%; overflow-y: hidden; background: transparent; box-shadow: none; border-radius: 0px; overflow-x: unset; }
.css-p1yab0 .MuiTableBody-root .MuiTableRow-root:nth-of-type(2n+1) { background-color: rgb(14, 27, 23); }
.css-p1yab0 .MuiTableBody-root .MuiTableRow-root:nth-of-type(2n) { background-color: transparent; }
.css-p1yab0 .table-row.Mui-selected { background-color: transparent; }
.css-p1yab0 .table-row.Mui-selected:hover { background-color: rgb(42, 80, 68); }
.css-p1yab0.table-medium .table-row-wrapper-cell-content, .css-p1yab0.table-medium .table-header-row-cell { height: 40px; padding: 0px 16px; overflow: auto; }
.css-p1yab0.table-small .table-row-wrapper-cell-content, .css-p1yab0.table-small .table-header-row-cell { height: 36px; padding: 0px 12px; }
.css-p1yab0 .MuiTableBody-root .MuiTableRow-root:nth-of-type(2n+1) { background-color: rgb(14, 27, 23); }
.css-p1yab0 .MuiTableBody-root .MuiTableRow-root:nth-of-type(2n) { background-color: transparent; }
.css-4eh5yl { display: table; width: 100%; border-spacing: 0px; border-collapse: separate; }
.css-4eh5yl caption { font-family: Kanit, sans-serif; font-weight: 400; font-size: 0.875rem; line-height: 1.43; padding: 8px; color: rgba(255, 255, 255, 0.8); text-align: left; caption-side: bottom; }
.css-s4zxv0 { display: table-header-group; }
.css-jvfj9y { color: inherit; display: table-row; vertical-align: middle; outline: 0px; }
.css-jvfj9y.MuiTableRow-hover:hover { background-color: rgba(255, 255, 255, 0.08); }
.css-jvfj9y.Mui-selected { background-color: rgba(0, 254, 169, 0.16); }
.css-jvfj9y.Mui-selected:hover { background-color: rgba(0, 254, 169, 0.24); }
.css-10b9e0i { padding: 0px; border: 0px; }
.css-10b9e0i.MuiTableCell-head { color: rgba(255, 255, 255, 0.8); font-size: 14px; background-color: transparent; border-left-width: 0px !important; }
.css-10b9e0i.success { border-left: 1px solid rgb(152, 255, 22) !important; }
.css-10b9e0i.error { border-left: 1px solid rgb(242, 73, 50) !important; }
.css-10b9e0i.warning { border-left: 1px solid rgb(255, 218, 22) !important; }
.css-k69a97 { font-family: Kanit, sans-serif; font-size: 0.875rem; display: table-cell; vertical-align: inherit; color: rgb(255, 255, 255); line-height: 1.5rem; font-weight: 500; text-align: left; position: sticky; top: 0px; z-index: 2; background-color: rgb(12, 23, 19); padding: 0px; border: 0px; }
.css-k69a97.MuiTableCell-head { color: rgba(255, 255, 255, 0.8); font-size: 14px; background-color: transparent; border-left-width: 0px !important; }
.css-k69a97.success { border-left: 1px solid rgb(152, 255, 22) !important; }
.css-k69a97.error { border-left: 1px solid rgb(242, 73, 50) !important; }
.css-k69a97.warning { border-left: 1px solid rgb(255, 218, 22) !important; }
.css-1sss3db { font-family: Kanit, sans-serif; font-size: 0.875rem; display: table-cell; vertical-align: inherit; color: rgb(255, 255, 255); line-height: 1.5rem; font-weight: 500; text-align: right; flex-direction: row-reverse; position: sticky; top: 0px; z-index: 2; background-color: rgb(12, 23, 19); padding: 0px; border: 0px; }
.css-1sss3db.MuiTableCell-head { color: rgba(255, 255, 255, 0.8); font-size: 14px; background-color: transparent; border-left-width: 0px !important; }
.css-1sss3db.success { border-left: 1px solid rgb(152, 255, 22) !important; }
.css-1sss3db.error { border-left: 1px solid rgb(242, 73, 50) !important; }
.css-1sss3db.warning { border-left: 1px solid rgb(255, 218, 22) !important; }
.css-f64tkn > tr > td:first-of-type { border-radius: 6px 0px 0px 6px !important; }
.css-f64tkn > tr > td:last-of-type { border-radius: 0px 6px 6px 0px !important; }
.css-1al1qe8 { display: table-row-group; }
.css-1al1qe8 > tr > td:first-of-type { border-radius: 6px 0px 0px 6px !important; }
.css-1al1qe8 > tr > td:last-of-type { border-radius: 0px 6px 6px 0px !important; }
.css-1qh8f6b { color: inherit; display: table-row; vertical-align: middle; outline: 0px; }
.css-1qh8f6b.MuiTableRow-hover:hover { background-color: rgba(255, 255, 255, 0.08); }
.css-1qh8f6b.Mui-selected { background-color: rgba(0, 254, 169, 0.16); }
.css-1qh8f6b.Mui-selected:hover { background-color: rgba(0, 254, 169, 0.24); }
.css-1qh8f6b:last-child td, .css-1qh8f6b:last-child th { border: 0px solid; }
.css-9auq4v { font-family: Kanit, sans-serif; font-weight: 400; font-size: 0.875rem; line-height: 1.43; display: table-cell; vertical-align: inherit; color: rgb(255, 255, 255); text-align: left; padding: 0px; border: 0px; }
.css-9auq4v.MuiTableCell-head { color: rgba(255, 255, 255, 0.8); font-size: 14px; background-color: transparent; border-left-width: 0px !important; }
.css-9auq4v.success { border-left: 1px solid rgb(152, 255, 22) !important; }
.css-9auq4v.error { border-left: 1px solid rgb(242, 73, 50) !important; }
.css-9auq4v.warning { border-left: 1px solid rgb(255, 218, 22) !important; }
.css-ipkic { display: flex; gap: 8px; justify-content: left; -webkit-box-align: center; align-items: center; width: 100%; }
.css-89phf5 { display: flex; gap: 8px; justify-content: left; -webkit-box-align: center; align-items: center; width: 100%; }
.css-15r0vu8 { display: block; background-color: rgba(255, 255, 255, 0.13); height: auto; animation: 2s ease-in-out 0.5s infinite normal none running animation-c7515d; }
.css-15r0vu8 > * { visibility: hidden; }
@-webkit-keyframes animation-c7515d { 
  0% { opacity: 1; }
  50% { opacity: 0.4; }
  100% { opacity: 1; }
}
@keyframes animation-c7515d { 
  0% { opacity: 1; }
  50% { opacity: 0.4; }
  100% { opacity: 1; }
}
.css-b6c8j7 { position: relative; text-decoration: none; max-width: 100%; cursor: unset; display: flex; flex: 1 1 0%; -webkit-box-pack: start; justify-content: flex-start; }
.css-8wgkak { margin: 0px; font-size: 14px; display: block; color: rgb(255, 255, 255); font-weight: 600; }
.css-w8mg86 { z-index: 1500; pointer-events: none; }
.css-19bgs5p { z-index: 1500; pointer-events: none; }
.css-11jgprl { text-decoration: none; max-width: 100%; cursor: pointer; -webkit-box-align: center; align-items: center; gap: 8px; position: relative; display: flex; -webkit-box-pack: start; justify-content: flex-start; flex: 1 1 0%; }
.css-1huifw1 { text-decoration: none; max-width: 100%; cursor: pointer; -webkit-box-align: center; align-items: center; gap: 8px; position: relative; display: flex; -webkit-box-pack: start; justify-content: flex-start; flex: 1 1 0%; }
.css-15blhf0 { max-height: 32px; max-width: 24px; min-width: 24px; min-height: 32px; position: absolute; left: 0px; right: auto; top: -8px; }
.css-15blhf0 .game-image { border-radius: 4px; }
.css-32b9p4 { margin: 0px 0px 0px 32px; font-size: 14px; display: block; color: rgb(255, 255, 255); font-weight: 600; }
.css-1c9luqj { display: flex; -webkit-box-align: center; align-items: center; margin-left: 0px; margin-right: 0px; gap: 4px; }
.css-1c1e297 { font-size: 14px; font-weight: 600; }
.css-1j86g2b { line-height: unset; width: 16px; height: 16px; }
.css-rwg4s2 { position: relative; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; flex-shrink: 0; font-family: Kanit, sans-serif; font-size: 1.25rem; border-radius: 50%; overflow: hidden; user-select: none; color: rgb(12, 23, 19); background-color: rgb(117, 117, 117); line-height: unset; width: 16px; height: 16px; }
.css-18o7a3 { width: 75%; height: 75%; }
.css-97wums { user-select: none; display: inline-block; flex-shrink: 0; transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1); fill: currentcolor; font-size: 1.5rem; width: 75%; height: 75%; }
.css-bbvmuj { margin: 0px; font-size: 14px; display: block; line-height: 16px; color: rgb(255, 255, 255); font-weight: 600; }
.css-7288d7 { font-weight: 600; display: block; flex: 1 1 0%; -webkit-box-pack: start; justify-content: flex-start; }
.css-1rzfmgk { margin: 0px; font-size: 14px; color: rgba(255, 255, 255, 0.4); font-weight: 600; display: block; flex: 1 1 0%; -webkit-box-pack: start; justify-content: flex-start; }
.css-4kz0r1 { font-family: Kanit, sans-serif; font-weight: 400; font-size: 0.875rem; line-height: 1.43; display: table-cell; vertical-align: inherit; color: rgb(255, 255, 255); text-align: right; flex-direction: row-reverse; padding: 0px; border: 0px; }
.css-4kz0r1.MuiTableCell-head { color: rgba(255, 255, 255, 0.8); font-size: 14px; background-color: transparent; border-left-width: 0px !important; }
.css-4kz0r1.success { border-left: 1px solid rgb(152, 255, 22) !important; }
.css-4kz0r1.error { border-left: 1px solid rgb(242, 73, 50) !important; }
.css-4kz0r1.warning { border-left: 1px solid rgb(255, 218, 22) !important; }
.css-1gxhn40 { display: flex; -webkit-box-align: center; align-items: center; margin-left: auto; margin-right: 0px; gap: 4px; }
.css-1r3b6j7 { font-size: 14px; font-weight: 600; }
.css-1rjontk { margin: 0px 0px 0px auto; font-size: 14px; display: block; font-weight: 600; }
.css-1jtwck0 { margin-top: env(safe-area-inset-top); margin-bottom: calc(env(safe-area-inset-bottom) + 58px); }
.css-1tmuefj { position: relative; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; flex-shrink: 0; font-family: Kanit, sans-serif; font-size: 1.25rem; border-radius: 50%; overflow: hidden; user-select: none; line-height: unset; width: 16px; height: 16px; }
.css-45do71 { width: 100%; height: 100%; text-align: center; object-fit: cover; color: transparent; text-indent: 10000px; }
.css-129lwix { margin: 0px; font-size: 14px; color: rgb(255, 255, 255); font-weight: 600; display: block; flex: 1 1 0%; -webkit-box-pack: start; justify-content: flex-start; }
.css-13rj97x { font-size: 14px; font-weight: 600; color: rgb(152, 255, 22); }
.css-7p7k2n { margin: 0px 0px 0px auto; font-size: 14px; display: block; color: rgb(152, 255, 22); font-weight: 600; }
.css-awmzos { display: flex; -webkit-box-align: center; align-items: center; height: 66px; gap: 16px; border-radius: 8px; background: linear-gradient(270deg, rgb(42, 80, 68) 1.17%, rgba(42, 80, 68, 0) 72.22%); border: 1px solid rgb(28, 54, 45); text-decoration: none; overflow: hidden; padding: 4px 16px 4px 0px; width: 153px; }
@media (max-width: 599.95px) {
  .css-awmzos { width: 136px; }
}
.css-cmy82t { position: relative; flex-shrink: 0; width: 48px; height: 66px; border-radius: 6px; background: rgb(28, 54, 45); overflow: hidden; }
.css-cmy82t .wrapper-image { height: 100%; }
.css-1hh0d1e { display: flex; flex-direction: column; gap: 4px; white-space: nowrap; overflow: hidden; }
.css-1o0zpf5 { margin: 0px; font-size: 12px; color: rgb(255, 255, 255); font-weight: 600; }
.css-1rri9tg { margin: 0px; font-size: 12px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; color: rgb(152, 255, 22); font-weight: 600; }
.css-1j89x4w { margin: 0px; font-size: 12px; color: rgba(255, 255, 255, 0.8); font-weight: 600; }
.css-1wxaqej { box-sizing: border-box; margin: 0px; flex-direction: row; }
.css-xt1rog { width: 100%; margin-top: 12px; }
@media (max-width: 1300px) {
  .css-xt1rog { padding-left: 20px; padding-right: 20px; }
}
@media (max-width: 599.95px) {
  .css-xt1rog { padding-left: 0px; padding-right: 0px; }
}
.css-12eo11i { max-width: 1200px; margin: 0px auto; width: 100%; }
@media (max-width: 599.95px) {
  .css-12eo11i { padding: 0px; }
}
.css-1x6ihxx { display: flex; flex-direction: column; -webkit-box-align: center; align-items: center; overflow: hidden; transition: max-height 0.5s linear; max-height: 290px; position: relative; }
.css-1x6ihxx::before { content: ""; position: absolute; z-index: 1; bottom: 0px; left: 0px; width: 100%; height: 50%; background: linear-gradient(360deg, rgb(14, 27, 23) 0%, rgba(26, 27, 35, 0) 100%); }
@media (max-width: 599.95px) {
  .css-1x6ihxx { padding: 0px; max-height: 370px; }
}
.css-1luso1x { column-count: 2; column-gap: 70px; break-before: avoid; font-family: Kanit, sans-serif; font-size: 14px; }
.css-1luso1x h1 { font-size: 32px; font-family: Kanit, sans-serif; font-weight: 300; line-height: 1.167; }
.css-1luso1x h2 { font-size: 24px; font-family: Kanit, sans-serif; font-weight: 300; line-height: 1.2; }
.css-1luso1x h3 { font-size: 20px; font-family: Kanit, sans-serif; font-weight: 400; line-height: 1.167; }
.css-1luso1x h4 { font-size: 18px; font-family: Kanit, sans-serif; font-weight: 400; line-height: 1.235; }
.css-1luso1x h5 { font-size: 16px; font-family: Kanit, sans-serif; font-weight: 400; line-height: 1.334; }
.css-1luso1x h6 { font-size: 14px; font-family: Kanit, sans-serif; font-weight: 500; line-height: 1.6; }
.css-1luso1x title10 { font-size: 10px; }
.css-1luso1x title11 { font-size: 11px; }
.css-1luso1x title12 { font-size: 12px; }
.css-1luso1x title13 { font-size: 13px; }
.css-1luso1x title14 { font-size: 14px; }
.css-1luso1x title16 { font-size: 16px; }
.css-1luso1x title20 { font-size: 20px; }
.css-1luso1x title24 { font-size: 24px; }
.css-1luso1x title32 { font-size: 32px; }
.css-1luso1x title48 { font-size: 48px; }
.css-1luso1x headline20 { font-size: 20px; font-weight: 500; line-height: 28px; }
.css-1luso1x medium12 { font-size: 12px; font-weight: 500; line-height: 16px; }
.css-1luso1x semibold14 { font-size: 14px; font-weight: 600; line-height: 18px; }
.css-1luso1x regular14 { font-size: 14px; font-weight: 400; line-height: 18px; }
.css-1luso1x bodyregular14 { font-size: 14px; font-weight: 400; line-height: normal; font-family: Inter, sans-serif; }
.css-1luso1x subtitle1 { font-family: Kanit, sans-serif; font-weight: 400; font-size: 1rem; line-height: 1.75; }
.css-1luso1x subtitle2 { font-family: Kanit, sans-serif; font-weight: 500; font-size: 0.875rem; line-height: 1.57; }
.css-1luso1x body1 { font-family: Kanit, sans-serif; font-weight: 400; font-size: 1rem; line-height: 1.5; }
.css-1luso1x body2 { font-family: Kanit, sans-serif; font-weight: 400; font-size: 0.875rem; line-height: 1.43; }
.css-1luso1x button { font-family: Kanit, sans-serif; font-weight: 500; font-size: 0.875rem; line-height: 1.75; text-transform: uppercase; }
.css-1luso1x caption { font-family: Kanit, sans-serif; font-weight: 400; font-size: 0.75rem; line-height: 1.66; }
.css-1luso1x overline { font-family: Kanit, sans-serif; font-weight: 400; font-size: 0.75rem; line-height: 2.66; text-transform: uppercase; }
.css-1luso1x inherit { font-family: inherit; font-weight: inherit; font-size: inherit; line-height: inherit; letter-spacing: inherit; }
@media (max-width: 599.95px) {
  .css-1luso1x { column-count: 1; }
}
.css-1luso1x p { font-weight: 400; font-size: var(--font-size-11); line-height: var(--l-height-15); color: var(--soft-violet); margin: 0px 0px 10px; }
.css-1luso1x p:first-of-type { margin-top: 0px; }
.css-1luso1x p:last-child { margin-bottom: 0px; }
@media screen and (max-width: 1100px) {
  .css-1luso1x { column-gap: 30px; }
}
@media screen and (max-width: 768px) {
  .css-1luso1x { column-count: unset; }
}
.css-1luso1x table { width: 100%; table-layout: fixed; border-collapse: collapse; }
.css-1luso1x th, .css-1luso1x td { overflow-wrap: break-word; }
.css-1luso1x thead, .css-1luso1x tbody { break-inside: avoid; }
.css-gmuwbf { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; }
.css-1cw7t8m { width: 135px; z-index: 1; margin-top: 10px; }
.css-pdx5q0 { display: inline-flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; gap: 8px; flex-shrink: 0; border-radius: 6px; color: rgba(0, 0, 0, 0.8); font-size: 14px; text-transform: none; text-align: center; width: 135px; z-index: 1; margin-top: 10px; }
.css-pdx5q0 .MuiButton-startIcon { display: inline-flex; gap: 8px; margin-right: 0px; margin-left: 0px; }
.css-pdx5q0 .MuiButton-endIcon { display: inline-flex; gap: 8px; margin-right: 0px; margin-left: 0px; }
.css-pdx5q0.MuiButton-containedPrimary { box-shadow: none; color: rgb(14, 27, 23); background: linear-gradient(90deg, rgb(254, 226, 12) 0%, rgb(255, 174, 0) 25%, rgb(254, 226, 12) 75%, rgb(255, 174, 0) 100%) 0% 0% / 400% 400%; }
.css-pdx5q0.MuiButton-containedPrimary:hover { color: rgb(14, 27, 23); animation: 0.7s ease 0s 1 normal forwards running animation-dofypc; }
.css-pdx5q0.MuiButton-containedPrimary:active { color: rgb(14, 27, 23); animation: 0.7s ease 0s 1 normal forwards running animation-i3y9un; }
.css-pdx5q0.MuiButton-containedPrimary:disabled { color: rgb(14, 27, 23); opacity: 0.5; }
.css-pdx5q0.MuiButton-containedSecondary { color: rgba(255, 255, 255, 0.8); background-color: rgb(28, 54, 45); box-shadow: none; }
.css-pdx5q0.MuiButton-containedSecondary:hover { background-color: rgb(28, 54, 45); opacity: 0.85; }
.css-pdx5q0.MuiButton-containedSecondary:active { color: rgb(255, 255, 255); background-color: rgb(28, 54, 45); opacity: 1; }
.css-pdx5q0.MuiButton-containedSecondary:disabled { color: rgba(255, 255, 255, 0.8); background-color: rgb(28, 54, 45); opacity: 0.4; }
.css-pdx5q0.MuiButton-containedSizeLarge { height: 44px; padding: 0px 12px; }
.css-pdx5q0.MuiButton-containedSizeMedium { height: 40px; padding: 0px 12px; }
.css-pdx5q0.MuiButton-containedSizeSmall { height: 36px; padding: 0px 12px; }
.css-pdx5q0.MuiButton-outlinedSizeLarge { height: 44px; padding: 0px 12px; }
.css-pdx5q0.MuiButton-outlinedSizeMedium { height: 40px; padding: 0px 12px; }
.css-pdx5q0.MuiButton-outlinedSizeSmall { height: 36px; padding: 0px 12px 0px 8px; }
.css-pdx5q0.MuiButton-text { padding: 0px 12px; color: rgb(0, 254, 169); font-size: 14px; font-weight: 600; line-height: 18px; }
.css-pdx5q0.MuiButton-text:hover { background: transparent; color: rgb(0, 229, 152); }
.css-pdx5q0.MuiButton-text:active { color: rgb(0, 229, 152); }
.css-pdx5q0.MuiButton-text:disabled { color: rgb(0, 254, 169); opacity: 0.4; }
.css-pdx5q0.MuiButton-textSecondary { color: rgba(255, 255, 255, 0.8); background: rgb(28, 54, 45); }
.css-pdx5q0.MuiButton-textSecondary:hover { opacity: 0.85; }
.css-pdx5q0.MuiButton-textSecondary:active { opacity: 1; }
.css-pdx5q0.MuiButton-textSecondary:disabled { opacity: 0.5; }
.css-pdx5q0.MuiButton-textSizeLarge { height: 44px; }
.css-pdx5q0.MuiButton-textSizeMedium { height: 40px; }
.css-pdx5q0.MuiButton-textSizeSmall { height: 36px; }
.css-pdx5q0.MuiButton-iconInherit { padding: 0px; }
.css-pdx5q0.MuiButton-iconPrimary { background: linear-gradient(90deg, rgb(254, 226, 12) 0%, rgb(255, 174, 0) 25%, rgb(254, 226, 12) 75%, rgb(255, 174, 0) 100%); box-shadow: none; }
.css-pdx5q0.MuiButton-iconPrimary:hover { opacity: 0.8; }
.css-pdx5q0.MuiButton-iconPrimary:active { opacity: 1; }
.css-pdx5q0.MuiButton-iconPrimary:disabled { opacity: 0.5; }
.css-pdx5q0.MuiButton-iconSecondary { color: rgba(255, 255, 255, 0.8); box-shadow: none; background-color: rgb(28, 54, 45); }
.css-pdx5q0.MuiButton-iconSecondary:hover { background-color: rgb(28, 54, 45); opacity: 0.85; }
.css-pdx5q0.MuiButton-iconSecondary:active { color: rgb(255, 255, 255); background-color: rgb(28, 54, 45); opacity: 1; }
.css-pdx5q0.MuiButton-iconSecondary:disabled { color: rgba(255, 255, 255, 0.8); background-color: rgb(28, 54, 45); opacity: 0.4; }
.css-pdx5q0.MuiButton-iconSuccess { background: rgb(152, 255, 22); border: 1px solid rgb(152, 255, 22); box-shadow: rgba(152, 255, 22, 0.6) 0px 0px 10px 0px; }
.css-pdx5q0.MuiButton-iconSuccess:hover { background-color: rgb(106, 178, 15); }
.css-pdx5q0.MuiButton-iconSuccess:active { background-color: rgb(106, 178, 15); }
.css-pdx5q0.MuiButton-iconSuccess:disabled { opacity: 0.5; box-shadow: none; }
.css-pdx5q0.MuiButton-iconError { background: rgb(242, 73, 50); border: 1px solid rgb(242, 73, 50); box-shadow: rgba(242, 73, 50, 0.6) 0px 0px 10px 0px; }
.css-pdx5q0.MuiButton-iconError:hover { background-color: rgb(169, 51, 35); }
.css-pdx5q0.MuiButton-iconError:active { background-color: rgb(169, 51, 35); }
.css-pdx5q0.MuiButton-iconError:disabled { opacity: 0.5; box-shadow: none; }
.css-pdx5q0.MuiButton-iconInfo { background: rgb(79, 195, 247); border: 1px solid rgb(79, 195, 247); box-shadow: rgba(79, 195, 247, 0.6) 0px 0px 10px 0px; }
.css-pdx5q0.MuiButton-iconInfo:hover { background-color: rgb(55, 136, 172); }
.css-pdx5q0.MuiButton-iconInfo:active { background-color: rgb(55, 136, 172); }
.css-pdx5q0.MuiButton-iconInfo:disabled { opacity: 0.5; box-shadow: none; }
.css-pdx5q0.MuiButton-iconWarning { background: rgb(255, 218, 22); border: 1px solid rgb(255, 218, 22); box-shadow: rgba(255, 218, 22, 0.6) 0px 0px 10px 0px; }
.css-pdx5q0.MuiButton-iconWarning:hover { background-color: rgb(178, 152, 15); }
.css-pdx5q0.MuiButton-iconWarning:active { background-color: rgb(178, 152, 15); }
.css-pdx5q0.MuiButton-iconWarning:disabled { opacity: 0.5; box-shadow: none; }
.css-pdx5q0.MuiButton-iconSizeLarge { min-width: 44px; width: 44px; height: 44px; padding: 2px; }
.css-pdx5q0.MuiButton-iconSizeLarge .MuiButton-startIcon { display: flex; gap: 0px; margin: 0px; color: rgba(255, 255, 255, 0.8); }
.css-pdx5q0.MuiButton-iconSizeMedium { min-width: 40px; width: 40px; height: 40px; padding: 2px; }
.css-pdx5q0.MuiButton-iconSizeMedium .MuiButton-startIcon { display: flex; gap: 0px; margin: 0px; }
.css-pdx5q0.MuiButton-iconSizeSmall { min-width: 36px; width: 36px; height: 36px; padding: 2px; }
.css-pdx5q0.MuiButton-iconSizeSmall .MuiButton-startIcon { display: flex; gap: 0px; margin: 0px; }
.css-pdx5q0.MuiButton-outlined { color: rgb(0, 254, 169); border: 1px solid rgb(0, 254, 169); background: rgba(14, 27, 23, 0.4); }
.css-pdx5q0.MuiButton-outlined:hover { border: 1px solid rgb(0, 254, 169); background: rgba(14, 27, 23, 0.4); opacity: 0.85; }
.css-pdx5q0.MuiButton-outlined:active { opacity: 1; }
.css-pdx5q0.MuiButton-outlined:disabled { color: rgb(0, 254, 169); border: 1px solid rgb(0, 254, 169); opacity: 0.4; }
.css-pdx5q0.MuiButton-cta { color: rgb(14, 27, 23); background-image: linear-gradient(90deg, rgb(254, 226, 12) 0%, rgb(255, 174, 0) 25%, rgb(254, 226, 12) 75%, rgb(255, 174, 0) 100%); background-size: 400% 400%; font-size: 14px; font-weight: 600; line-height: 18px; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; box-shadow: rgba(255, 255, 255, 0.6) 0px 9px 8px 0px inset, rgba(0, 254, 169, 0.2) 0px -4px 8px 0px inset, rgba(0, 254, 169, 0.24) 0px 0px 50px 0px; }
.css-pdx5q0.MuiButton-cta:hover { animation: 0.7s ease 0s 1 normal forwards running animation-dofypc; box-shadow: rgba(255, 255, 255, 0.6) 0px 9px 8px 0px inset, rgba(0, 254, 169, 0.2) 0px -4px 8px 0px inset, rgba(0, 254, 169, 0.8) 0px 0px 40px 0px; }
.css-pdx5q0.MuiButton-cta:active { animation: 0.7s ease 0s 1 normal forwards running animation-i3y9un; box-shadow: rgba(255, 255, 255, 0.6) 0px 9px 8px 0px inset, rgba(0, 254, 169, 0.2) 0px -4px 8px 0px inset, rgba(0, 254, 169, 0.24) 0px 0px 50px 0px; }
.css-pdx5q0.MuiButton-cta:disabled { color: rgb(14, 27, 23); opacity: 0.5; box-shadow: rgba(255, 255, 255, 0.6) 0px 9px 8px 0px inset, rgba(0, 254, 169, 0.2) 0px -4px 8px 0px inset, rgba(0, 254, 169, 0.24) 0px 0px 50px 0px; }
.css-pdx5q0.MuiButton-ctaSizeLarge { height: 44px; padding: 0px 12px; }
.css-pdx5q0.MuiButton-ctaSizeMedium { height: 40px; padding: 0px 12px; }
.css-pdx5q0.MuiButton-ctaSizeSmall { height: 36px; padding: 0px 12px; }
@-webkit-keyframes animation-i3y9un { 
  0% { background-position: 50% 0%; }
  100% { background-position: 0% 5%; }
}
@keyframes animation-i3y9un { 
  0% { background-position: 50% 0%; }
  100% { background-position: 0% 5%; }
}
@-webkit-keyframes animation-dofypc { 
  0% { background-position: 0% 50%; }
  100% { background-position: 50% 0%; }
}
@keyframes animation-dofypc { 
  0% { background-position: 0% 50%; }
  100% { background-position: 50% 0%; }
}
@-webkit-keyframes animation-i3y9un { 
  0% { background-position: 50% 0%; }
  100% { background-position: 0% 5%; }
}
@keyframes animation-i3y9un { 
  0% { background-position: 50% 0%; }
  100% { background-position: 0% 5%; }
}
@-webkit-keyframes animation-dofypc { 
  0% { background-position: 0% 50%; }
  100% { background-position: 50% 0%; }
}
@keyframes animation-dofypc { 
  0% { background-position: 0% 50%; }
  100% { background-position: 50% 0%; }
}
.css-2q25hi { font-family: Kanit, sans-serif; font-weight: 500; line-height: 1.75; min-width: 64px; border: 0px; background-color: var(--variant-containedBg); box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 1px -2px, rgba(0, 0, 0, 0.14) 0px 2px 2px 0px, rgba(0, 0, 0, 0.12) 0px 1px 5px 0px; --variant-textColor: #2A5044; --variant-outlinedColor: #2A5044; --variant-outlinedBorder: rgba(42, 80, 68, 0.5); --variant-containedColor: #fff; --variant-containedBg: #2A5044; padding: 4px 10px; transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1), box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1), border-color 250ms cubic-bezier(0.4, 0, 0.2, 1); display: inline-flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; gap: 8px; flex-shrink: 0; border-radius: 6px; color: rgba(0, 0, 0, 0.8); font-size: 14px; text-transform: none; text-align: center; width: 135px; z-index: 1; margin-top: 10px; }
.css-2q25hi:hover { text-decoration: none; }
.css-2q25hi.Mui-disabled { color: rgba(255, 255, 255, 0.3); }
.css-2q25hi:hover { box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 4px -1px, rgba(0, 0, 0, 0.14) 0px 4px 5px 0px, rgba(0, 0, 0, 0.12) 0px 1px 10px 0px; }
@media (hover: none) {
  .css-2q25hi:hover { box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 1px -2px, rgba(0, 0, 0, 0.14) 0px 2px 2px 0px, rgba(0, 0, 0, 0.12) 0px 1px 5px 0px; }
}
.css-2q25hi:active { box-shadow: rgba(0, 0, 0, 0.2) 0px 5px 5px -3px, rgba(0, 0, 0, 0.14) 0px 8px 10px 1px, rgba(0, 0, 0, 0.12) 0px 3px 14px 2px; }
.css-2q25hi.Mui-focusVisible { box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 5px -1px, rgba(0, 0, 0, 0.14) 0px 6px 10px 0px, rgba(0, 0, 0, 0.12) 0px 1px 18px 0px; }
.css-2q25hi.Mui-disabled { color: rgba(255, 255, 255, 0.3); box-shadow: none; background-color: rgba(255, 255, 255, 0.12); }
@media (hover: hover) {
  .css-2q25hi:hover { --variant-containedBg: rgb(29, 56, 47); --variant-textBg: rgba(42, 80, 68, 0.08); --variant-outlinedBorder: #2A5044; --variant-outlinedBg: rgba(42, 80, 68, 0.08); }
}
.css-2q25hi.MuiButton-loading { color: transparent; }
.css-2q25hi .MuiButton-startIcon { display: inline-flex; gap: 8px; margin-right: 0px; margin-left: 0px; }
.css-2q25hi .MuiButton-endIcon { display: inline-flex; gap: 8px; margin-right: 0px; margin-left: 0px; }
.css-2q25hi.MuiButton-containedPrimary { box-shadow: none; color: rgb(14, 27, 23); background: linear-gradient(90deg, rgb(254, 226, 12) 0%, rgb(255, 174, 0) 25%, rgb(254, 226, 12) 75%, rgb(255, 174, 0) 100%) 0% 0% / 400% 400%; }
.css-2q25hi.MuiButton-containedPrimary:hover { color: rgb(14, 27, 23); animation: 0.7s ease 0s 1 normal forwards running animation-dofypc; }
.css-2q25hi.MuiButton-containedPrimary:active { color: rgb(14, 27, 23); animation: 0.7s ease 0s 1 normal forwards running animation-i3y9un; }
.css-2q25hi.MuiButton-containedPrimary:disabled { color: rgb(14, 27, 23); opacity: 0.5; }
.css-2q25hi.MuiButton-containedSecondary { color: rgba(255, 255, 255, 0.8); background-color: rgb(28, 54, 45); box-shadow: none; }
.css-2q25hi.MuiButton-containedSecondary:hover { background-color: rgb(28, 54, 45); opacity: 0.85; }
.css-2q25hi.MuiButton-containedSecondary:active { color: rgb(255, 255, 255); background-color: rgb(28, 54, 45); opacity: 1; }
.css-2q25hi.MuiButton-containedSecondary:disabled { color: rgba(255, 255, 255, 0.8); background-color: rgb(28, 54, 45); opacity: 0.4; }
.css-2q25hi.MuiButton-containedSizeLarge { height: 44px; padding: 0px 12px; }
.css-2q25hi.MuiButton-containedSizeMedium { height: 40px; padding: 0px 12px; }
.css-2q25hi.MuiButton-containedSizeSmall { height: 36px; padding: 0px 12px; }
.css-2q25hi.MuiButton-outlinedSizeLarge { height: 44px; padding: 0px 12px; }
.css-2q25hi.MuiButton-outlinedSizeMedium { height: 40px; padding: 0px 12px; }
.css-2q25hi.MuiButton-outlinedSizeSmall { height: 36px; padding: 0px 12px 0px 8px; }
.css-2q25hi.MuiButton-text { padding: 0px 12px; color: rgb(0, 254, 169); font-size: 14px; font-weight: 600; line-height: 18px; }
.css-2q25hi.MuiButton-text:hover { background: transparent; color: rgb(0, 229, 152); }
.css-2q25hi.MuiButton-text:active { color: rgb(0, 229, 152); }
.css-2q25hi.MuiButton-text:disabled { color: rgb(0, 254, 169); opacity: 0.4; }
.css-2q25hi.MuiButton-textSecondary { color: rgba(255, 255, 255, 0.8); background: rgb(28, 54, 45); }
.css-2q25hi.MuiButton-textSecondary:hover { opacity: 0.85; }
.css-2q25hi.MuiButton-textSecondary:active { opacity: 1; }
.css-2q25hi.MuiButton-textSecondary:disabled { opacity: 0.5; }
.css-2q25hi.MuiButton-textSizeLarge { height: 44px; }
.css-2q25hi.MuiButton-textSizeMedium { height: 40px; }
.css-2q25hi.MuiButton-textSizeSmall { height: 36px; }
.css-2q25hi.MuiButton-iconInherit { padding: 0px; }
.css-2q25hi.MuiButton-iconPrimary { background: linear-gradient(90deg, rgb(254, 226, 12) 0%, rgb(255, 174, 0) 25%, rgb(254, 226, 12) 75%, rgb(255, 174, 0) 100%); box-shadow: none; }
.css-2q25hi.MuiButton-iconPrimary:hover { opacity: 0.8; }
.css-2q25hi.MuiButton-iconPrimary:active { opacity: 1; }
.css-2q25hi.MuiButton-iconPrimary:disabled { opacity: 0.5; }
.css-2q25hi.MuiButton-iconSecondary { color: rgba(255, 255, 255, 0.8); box-shadow: none; background-color: rgb(28, 54, 45); }
.css-2q25hi.MuiButton-iconSecondary:hover { background-color: rgb(28, 54, 45); opacity: 0.85; }
.css-2q25hi.MuiButton-iconSecondary:active { color: rgb(255, 255, 255); background-color: rgb(28, 54, 45); opacity: 1; }
.css-2q25hi.MuiButton-iconSecondary:disabled { color: rgba(255, 255, 255, 0.8); background-color: rgb(28, 54, 45); opacity: 0.4; }
.css-2q25hi.MuiButton-iconSuccess { background: rgb(152, 255, 22); border: 1px solid rgb(152, 255, 22); box-shadow: rgba(152, 255, 22, 0.6) 0px 0px 10px 0px; }
.css-2q25hi.MuiButton-iconSuccess:hover { background-color: rgb(106, 178, 15); }
.css-2q25hi.MuiButton-iconSuccess:active { background-color: rgb(106, 178, 15); }
.css-2q25hi.MuiButton-iconSuccess:disabled { opacity: 0.5; box-shadow: none; }
.css-2q25hi.MuiButton-iconError { background: rgb(242, 73, 50); border: 1px solid rgb(242, 73, 50); box-shadow: rgba(242, 73, 50, 0.6) 0px 0px 10px 0px; }
.css-2q25hi.MuiButton-iconError:hover { background-color: rgb(169, 51, 35); }
.css-2q25hi.MuiButton-iconError:active { background-color: rgb(169, 51, 35); }
.css-2q25hi.MuiButton-iconError:disabled { opacity: 0.5; box-shadow: none; }
.css-2q25hi.MuiButton-iconInfo { background: rgb(79, 195, 247); border: 1px solid rgb(79, 195, 247); box-shadow: rgba(79, 195, 247, 0.6) 0px 0px 10px 0px; }
.css-2q25hi.MuiButton-iconInfo:hover { background-color: rgb(55, 136, 172); }
.css-2q25hi.MuiButton-iconInfo:active { background-color: rgb(55, 136, 172); }
.css-2q25hi.MuiButton-iconInfo:disabled { opacity: 0.5; box-shadow: none; }
.css-2q25hi.MuiButton-iconWarning { background: rgb(255, 218, 22); border: 1px solid rgb(255, 218, 22); box-shadow: rgba(255, 218, 22, 0.6) 0px 0px 10px 0px; }
.css-2q25hi.MuiButton-iconWarning:hover { background-color: rgb(178, 152, 15); }
.css-2q25hi.MuiButton-iconWarning:active { background-color: rgb(178, 152, 15); }
.css-2q25hi.MuiButton-iconWarning:disabled { opacity: 0.5; box-shadow: none; }
.css-2q25hi.MuiButton-iconSizeLarge { min-width: 44px; width: 44px; height: 44px; padding: 2px; }
.css-2q25hi.MuiButton-iconSizeLarge .MuiButton-startIcon { display: flex; gap: 0px; margin: 0px; color: rgba(255, 255, 255, 0.8); }
.css-2q25hi.MuiButton-iconSizeMedium { min-width: 40px; width: 40px; height: 40px; padding: 2px; }
.css-2q25hi.MuiButton-iconSizeMedium .MuiButton-startIcon { display: flex; gap: 0px; margin: 0px; }
.css-2q25hi.MuiButton-iconSizeSmall { min-width: 36px; width: 36px; height: 36px; padding: 2px; }
.css-2q25hi.MuiButton-iconSizeSmall .MuiButton-startIcon { display: flex; gap: 0px; margin: 0px; }
.css-2q25hi.MuiButton-outlined { color: rgb(0, 254, 169); border: 1px solid rgb(0, 254, 169); background: rgba(14, 27, 23, 0.4); }
.css-2q25hi.MuiButton-outlined:hover { border: 1px solid rgb(0, 254, 169); background: rgba(14, 27, 23, 0.4); opacity: 0.85; }
.css-2q25hi.MuiButton-outlined:active { opacity: 1; }
.css-2q25hi.MuiButton-outlined:disabled { color: rgb(0, 254, 169); border: 1px solid rgb(0, 254, 169); opacity: 0.4; }
.css-2q25hi.MuiButton-cta { color: rgb(14, 27, 23); background-image: linear-gradient(90deg, rgb(254, 226, 12) 0%, rgb(255, 174, 0) 25%, rgb(254, 226, 12) 75%, rgb(255, 174, 0) 100%); background-size: 400% 400%; font-size: 14px; font-weight: 600; line-height: 18px; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; box-shadow: rgba(255, 255, 255, 0.6) 0px 9px 8px 0px inset, rgba(0, 254, 169, 0.2) 0px -4px 8px 0px inset, rgba(0, 254, 169, 0.24) 0px 0px 50px 0px; }
.css-2q25hi.MuiButton-cta:hover { animation: 0.7s ease 0s 1 normal forwards running animation-dofypc; box-shadow: rgba(255, 255, 255, 0.6) 0px 9px 8px 0px inset, rgba(0, 254, 169, 0.2) 0px -4px 8px 0px inset, rgba(0, 254, 169, 0.8) 0px 0px 40px 0px; }
.css-2q25hi.MuiButton-cta:active { animation: 0.7s ease 0s 1 normal forwards running animation-i3y9un; box-shadow: rgba(255, 255, 255, 0.6) 0px 9px 8px 0px inset, rgba(0, 254, 169, 0.2) 0px -4px 8px 0px inset, rgba(0, 254, 169, 0.24) 0px 0px 50px 0px; }
.css-2q25hi.MuiButton-cta:disabled { color: rgb(14, 27, 23); opacity: 0.5; box-shadow: rgba(255, 255, 255, 0.6) 0px 9px 8px 0px inset, rgba(0, 254, 169, 0.2) 0px -4px 8px 0px inset, rgba(0, 254, 169, 0.24) 0px 0px 50px 0px; }
.css-2q25hi.MuiButton-ctaSizeLarge { height: 44px; padding: 0px 12px; }
.css-2q25hi.MuiButton-ctaSizeMedium { height: 40px; padding: 0px 12px; }
.css-2q25hi.MuiButton-ctaSizeSmall { height: 36px; padding: 0px 12px; }
.css-qol67j { position: relative; box-sizing: border-box; -webkit-tap-highlight-color: transparent; outline: 0px; margin: 10px 0px 0px; cursor: pointer; user-select: none; vertical-align: middle; appearance: none; text-decoration: none; font-family: Kanit, sans-serif; font-weight: 500; line-height: 1.75; min-width: 64px; border: 0px; background-color: var(--variant-containedBg); box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 1px -2px, rgba(0, 0, 0, 0.14) 0px 2px 2px 0px, rgba(0, 0, 0, 0.12) 0px 1px 5px 0px; --variant-textColor: #2A5044; --variant-outlinedColor: #2A5044; --variant-outlinedBorder: rgba(42, 80, 68, 0.5); --variant-containedColor: #fff; --variant-containedBg: #2A5044; padding: 4px 10px; transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1), box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1), border-color 250ms cubic-bezier(0.4, 0, 0.2, 1); display: inline-flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; gap: 8px; flex-shrink: 0; border-radius: 6px; color: rgba(0, 0, 0, 0.8); font-size: 14px; text-transform: none; text-align: center; width: 135px; z-index: 1; }
.css-qol67j.Mui-disabled { pointer-events: none; cursor: default; }
@media print {
  .css-qol67j { print-color-adjust: exact; }
}
.css-qol67j:hover { text-decoration: none; }
.css-qol67j.Mui-disabled { color: rgba(255, 255, 255, 0.3); }
.css-qol67j:hover { box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 4px -1px, rgba(0, 0, 0, 0.14) 0px 4px 5px 0px, rgba(0, 0, 0, 0.12) 0px 1px 10px 0px; }
@media (hover: none) {
  .css-qol67j:hover { box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 1px -2px, rgba(0, 0, 0, 0.14) 0px 2px 2px 0px, rgba(0, 0, 0, 0.12) 0px 1px 5px 0px; }
}
.css-qol67j:active { box-shadow: rgba(0, 0, 0, 0.2) 0px 5px 5px -3px, rgba(0, 0, 0, 0.14) 0px 8px 10px 1px, rgba(0, 0, 0, 0.12) 0px 3px 14px 2px; }
.css-qol67j.Mui-focusVisible { box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 5px -1px, rgba(0, 0, 0, 0.14) 0px 6px 10px 0px, rgba(0, 0, 0, 0.12) 0px 1px 18px 0px; }
.css-qol67j.Mui-disabled { color: rgba(255, 255, 255, 0.3); box-shadow: none; background-color: rgba(255, 255, 255, 0.12); }
@media (hover: hover) {
  .css-qol67j:hover { --variant-containedBg: rgb(29, 56, 47); --variant-textBg: rgba(42, 80, 68, 0.08); --variant-outlinedBorder: #2A5044; --variant-outlinedBg: rgba(42, 80, 68, 0.08); }
}
.css-qol67j.MuiButton-loading { color: transparent; }
.css-qol67j .MuiButton-startIcon { display: inline-flex; gap: 8px; margin-right: 0px; margin-left: 0px; }
.css-qol67j .MuiButton-endIcon { display: inline-flex; gap: 8px; margin-right: 0px; margin-left: 0px; }
.css-qol67j.MuiButton-containedPrimary { box-shadow: none; color: rgb(14, 27, 23); background: linear-gradient(90deg, rgb(254, 226, 12) 0%, rgb(255, 174, 0) 25%, rgb(254, 226, 12) 75%, rgb(255, 174, 0) 100%) 0% 0% / 400% 400%; }
.css-qol67j.MuiButton-containedPrimary:hover { color: rgb(14, 27, 23); animation: 0.7s ease 0s 1 normal forwards running animation-dofypc; }
.css-qol67j.MuiButton-containedPrimary:active { color: rgb(14, 27, 23); animation: 0.7s ease 0s 1 normal forwards running animation-i3y9un; }
.css-qol67j.MuiButton-containedPrimary:disabled { color: rgb(14, 27, 23); opacity: 0.5; }
.css-qol67j.MuiButton-containedSecondary { color: rgba(255, 255, 255, 0.8); background-color: rgb(28, 54, 45); box-shadow: none; }
.css-qol67j.MuiButton-containedSecondary:hover { background-color: rgb(28, 54, 45); opacity: 0.85; }
.css-qol67j.MuiButton-containedSecondary:active { color: rgb(255, 255, 255); background-color: rgb(28, 54, 45); opacity: 1; }
.css-qol67j.MuiButton-containedSecondary:disabled { color: rgba(255, 255, 255, 0.8); background-color: rgb(28, 54, 45); opacity: 0.4; }
.css-qol67j.MuiButton-containedSizeLarge { height: 44px; padding: 0px 12px; }
.css-qol67j.MuiButton-containedSizeMedium { height: 40px; padding: 0px 12px; }
.css-qol67j.MuiButton-containedSizeSmall { height: 36px; padding: 0px 12px; }
.css-qol67j.MuiButton-outlinedSizeLarge { height: 44px; padding: 0px 12px; }
.css-qol67j.MuiButton-outlinedSizeMedium { height: 40px; padding: 0px 12px; }
.css-qol67j.MuiButton-outlinedSizeSmall { height: 36px; padding: 0px 12px 0px 8px; }
.css-qol67j.MuiButton-text { padding: 0px 12px; color: rgb(0, 254, 169); font-size: 14px; font-weight: 600; line-height: 18px; }
.css-qol67j.MuiButton-text:hover { background: transparent; color: rgb(0, 229, 152); }
.css-qol67j.MuiButton-text:active { color: rgb(0, 229, 152); }
.css-qol67j.MuiButton-text:disabled { color: rgb(0, 254, 169); opacity: 0.4; }
.css-qol67j.MuiButton-textSecondary { color: rgba(255, 255, 255, 0.8); background: rgb(28, 54, 45); }
.css-qol67j.MuiButton-textSecondary:hover { opacity: 0.85; }
.css-qol67j.MuiButton-textSecondary:active { opacity: 1; }
.css-qol67j.MuiButton-textSecondary:disabled { opacity: 0.5; }
.css-qol67j.MuiButton-textSizeLarge { height: 44px; }
.css-qol67j.MuiButton-textSizeMedium { height: 40px; }
.css-qol67j.MuiButton-textSizeSmall { height: 36px; }
.css-qol67j.MuiButton-iconInherit { padding: 0px; }
.css-qol67j.MuiButton-iconPrimary { background: linear-gradient(90deg, rgb(254, 226, 12) 0%, rgb(255, 174, 0) 25%, rgb(254, 226, 12) 75%, rgb(255, 174, 0) 100%); box-shadow: none; }
.css-qol67j.MuiButton-iconPrimary:hover { opacity: 0.8; }
.css-qol67j.MuiButton-iconPrimary:active { opacity: 1; }
.css-qol67j.MuiButton-iconPrimary:disabled { opacity: 0.5; }
.css-qol67j.MuiButton-iconSecondary { color: rgba(255, 255, 255, 0.8); box-shadow: none; background-color: rgb(28, 54, 45); }
.css-qol67j.MuiButton-iconSecondary:hover { background-color: rgb(28, 54, 45); opacity: 0.85; }
.css-qol67j.MuiButton-iconSecondary:active { color: rgb(255, 255, 255); background-color: rgb(28, 54, 45); opacity: 1; }
.css-qol67j.MuiButton-iconSecondary:disabled { color: rgba(255, 255, 255, 0.8); background-color: rgb(28, 54, 45); opacity: 0.4; }
.css-qol67j.MuiButton-iconSuccess { background: rgb(152, 255, 22); border: 1px solid rgb(152, 255, 22); box-shadow: rgba(152, 255, 22, 0.6) 0px 0px 10px 0px; }
.css-qol67j.MuiButton-iconSuccess:hover { background-color: rgb(106, 178, 15); }
.css-qol67j.MuiButton-iconSuccess:active { background-color: rgb(106, 178, 15); }
.css-qol67j.MuiButton-iconSuccess:disabled { opacity: 0.5; box-shadow: none; }
.css-qol67j.MuiButton-iconError { background: rgb(242, 73, 50); border: 1px solid rgb(242, 73, 50); box-shadow: rgba(242, 73, 50, 0.6) 0px 0px 10px 0px; }
.css-qol67j.MuiButton-iconError:hover { background-color: rgb(169, 51, 35); }
.css-qol67j.MuiButton-iconError:active { background-color: rgb(169, 51, 35); }
.css-qol67j.MuiButton-iconError:disabled { opacity: 0.5; box-shadow: none; }
.css-qol67j.MuiButton-iconInfo { background: rgb(79, 195, 247); border: 1px solid rgb(79, 195, 247); box-shadow: rgba(79, 195, 247, 0.6) 0px 0px 10px 0px; }
.css-qol67j.MuiButton-iconInfo:hover { background-color: rgb(55, 136, 172); }
.css-qol67j.MuiButton-iconInfo:active { background-color: rgb(55, 136, 172); }
.css-qol67j.MuiButton-iconInfo:disabled { opacity: 0.5; box-shadow: none; }
.css-qol67j.MuiButton-iconWarning { background: rgb(255, 218, 22); border: 1px solid rgb(255, 218, 22); box-shadow: rgba(255, 218, 22, 0.6) 0px 0px 10px 0px; }
.css-qol67j.MuiButton-iconWarning:hover { background-color: rgb(178, 152, 15); }
.css-qol67j.MuiButton-iconWarning:active { background-color: rgb(178, 152, 15); }
.css-qol67j.MuiButton-iconWarning:disabled { opacity: 0.5; box-shadow: none; }
.css-qol67j.MuiButton-iconSizeLarge { min-width: 44px; width: 44px; height: 44px; padding: 2px; }
.css-qol67j.MuiButton-iconSizeLarge .MuiButton-startIcon { display: flex; gap: 0px; margin: 0px; color: rgba(255, 255, 255, 0.8); }
.css-qol67j.MuiButton-iconSizeMedium { min-width: 40px; width: 40px; height: 40px; padding: 2px; }
.css-qol67j.MuiButton-iconSizeMedium .MuiButton-startIcon { display: flex; gap: 0px; margin: 0px; }
.css-qol67j.MuiButton-iconSizeSmall { min-width: 36px; width: 36px; height: 36px; padding: 2px; }
.css-qol67j.MuiButton-iconSizeSmall .MuiButton-startIcon { display: flex; gap: 0px; margin: 0px; }
.css-qol67j.MuiButton-outlined { color: rgb(0, 254, 169); border: 1px solid rgb(0, 254, 169); background: rgba(14, 27, 23, 0.4); }
.css-qol67j.MuiButton-outlined:hover { border: 1px solid rgb(0, 254, 169); background: rgba(14, 27, 23, 0.4); opacity: 0.85; }
.css-qol67j.MuiButton-outlined:active { opacity: 1; }
.css-qol67j.MuiButton-outlined:disabled { color: rgb(0, 254, 169); border: 1px solid rgb(0, 254, 169); opacity: 0.4; }
.css-qol67j.MuiButton-cta { color: rgb(14, 27, 23); background-image: linear-gradient(90deg, rgb(254, 226, 12) 0%, rgb(255, 174, 0) 25%, rgb(254, 226, 12) 75%, rgb(255, 174, 0) 100%); background-size: 400% 400%; font-size: 14px; font-weight: 600; line-height: 18px; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; box-shadow: rgba(255, 255, 255, 0.6) 0px 9px 8px 0px inset, rgba(0, 254, 169, 0.2) 0px -4px 8px 0px inset, rgba(0, 254, 169, 0.24) 0px 0px 50px 0px; }
.css-qol67j.MuiButton-cta:hover { animation: 0.7s ease 0s 1 normal forwards running animation-dofypc; box-shadow: rgba(255, 255, 255, 0.6) 0px 9px 8px 0px inset, rgba(0, 254, 169, 0.2) 0px -4px 8px 0px inset, rgba(0, 254, 169, 0.8) 0px 0px 40px 0px; }
.css-qol67j.MuiButton-cta:active { animation: 0.7s ease 0s 1 normal forwards running animation-i3y9un; box-shadow: rgba(255, 255, 255, 0.6) 0px 9px 8px 0px inset, rgba(0, 254, 169, 0.2) 0px -4px 8px 0px inset, rgba(0, 254, 169, 0.24) 0px 0px 50px 0px; }
.css-qol67j.MuiButton-cta:disabled { color: rgb(14, 27, 23); opacity: 0.5; box-shadow: rgba(255, 255, 255, 0.6) 0px 9px 8px 0px inset, rgba(0, 254, 169, 0.2) 0px -4px 8px 0px inset, rgba(0, 254, 169, 0.24) 0px 0px 50px 0px; }
.css-qol67j.MuiButton-ctaSizeLarge { height: 44px; padding: 0px 12px; }
.css-qol67j.MuiButton-ctaSizeMedium { height: 40px; padding: 0px 12px; }
.css-qol67j.MuiButton-ctaSizeSmall { height: 36px; padding: 0px 12px; }
.css-1nxmlfy { display: flex; flex-flow: wrap; -webkit-box-pack: justify; justify-content: space-between; align-items: flex-start; gap: 32px; padding: 0px !important; }
@media (max-width: 599.95px) {
  .css-1nxmlfy { gap: 16px; flex-flow: column wrap; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; }
}
.css-xw9dbp { width: 100%; margin-left: auto; box-sizing: border-box; margin-right: auto; display: flex; flex-flow: wrap; -webkit-box-pack: justify; justify-content: space-between; align-items: flex-start; gap: 32px; padding: 0px !important; }
@media (min-width: 600px) {
  .css-xw9dbp { padding-left: 12px; padding-right: 12px; }
}
@media (min-width: 1200px) {
  .css-xw9dbp { max-width: 1200px; }
}
@media (max-width: 599.95px) {
  .css-xw9dbp { gap: 16px; flex-flow: column wrap; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; }
}
.css-11jtupw { display: flex; flex-direction: column; -webkit-box-pack: center; justify-content: center; align-items: flex-start; gap: 24px; flex: 2 1 0%; border-radius: 8px; }
@media (max-width: 599.95px) {
  .css-11jtupw { width: 100%; gap: 16px; }
}
.css-1j69x7j { display: flex; align-items: flex-start; flex-direction: row; gap: 32px; }
@media (max-width: 899.95px) {
  .css-1j69x7j { flex-wrap: wrap; gap: 16px; width: 100%; padding: 12px 0px; }
}
.css-1hnpmg4 { display: flex; flex-direction: column; -webkit-box-pack: center; justify-content: center; align-items: flex-start; color: rgb(255, 255, 255); gap: 12px; flex: 1 0 0px; max-width: fit-content; }
@media (max-width: 899.95px) {
  .css-1hnpmg4 { flex: 1 1 calc(50% - 16px); max-width: none; align-items: flex-start; gap: 16px; }
}
.css-u8avr4 { margin: 0px; font-size: 14px; color: rgba(255, 255, 255, 0.4); font-weight: 400; }
.css-167fpre { font-size: 14px; color: rgba(255, 255, 255, 0.4); text-decoration: none; }
.css-167fpre:hover { transform: translateY(1px); }
.css-167fpre:hover span, .css-167fpre:hover span.MuiIcon-root { color: rgb(0, 254, 169); }
.css-tngyie { display: flex; flex-direction: column; -webkit-box-pack: center; justify-content: center; align-items: flex-start; color: rgb(255, 255, 255); gap: 12px; flex: 1 0 0px; max-width: fit-content; }
@media (max-width: 899.95px) {
  .css-tngyie { flex: 1 1 calc(50% - 16px); max-width: none; align-items: flex-start; gap: 16px; }
}
@media (max-width: 599.95px) {
  .css-tngyie { border-top: 1px solid rgb(42, 80, 68); border-bottom: 1px solid rgb(42, 80, 68); padding-top: 16px; padding-bottom: 16px; }
}
.css-15bas85 { display: flex; flex-direction: row; -webkit-box-pack: center; justify-content: center; align-items: flex-start; color: rgb(255, 255, 255); gap: 16px; }
@media (max-width: 599.95px) {
  .css-15bas85 { width: 100%; gap: 24px; -webkit-box-pack: start; justify-content: flex-start; }
}
.css-1i43dhb { display: flex; flex-direction: column; gap: 24px; }
.css-15wwkbo { max-width: 584px; width: 100%; display: flex; -webkit-box-align: center; align-items: center; }
.css-10rvbm3 { font-weight: 500; }
.css-zqlfkp { margin: 0px; font-size: 14px; color: rgba(255, 255, 255, 0.4); font-weight: 500; }
.rfm-marquee-container { overflow-x: hidden; display: flex; flex-direction: row; position: relative; width: var(--width); transform: var(--transform); }
.rfm-marquee-container:hover div { animation-play-state: var(--pause-on-hover); }
.rfm-marquee-container:active div { animation-play-state: var(--pause-on-click); }
.rfm-overlay { position: absolute; width: 100%; height: 100%; }
.rfm-overlay::before, .rfm-overlay::after { background: linear-gradient(to right, var(--gradient-color), rgba(255, 255, 255, 0)); content: ""; height: 100%; position: absolute; width: var(--gradient-width); z-index: 2; pointer-events: none; touch-action: none; }
.rfm-overlay::after { right: 0px; top: 0px; transform: rotateZ(180deg); }
.rfm-overlay::before { left: 0px; top: 0px; }
.rfm-marquee { flex: 0 0 auto; min-width: var(--min-width); z-index: 1; display: flex; flex-direction: row; align-items: center; animation-duration: ; animation-timing-function: ; animation-iteration-count: ; animation-fill-mode: ; animation-name: ; animation-timeline: ; animation-range-start: ; animation-range-end: ; animation-play-state: var(--play); animation-delay: var(--delay); animation-direction: var(--direction); }
@keyframes scroll { 
  0% { transform: translateX(0%); }
  100% { transform: translateX(-100%); }
}
.rfm-initial-child-container { flex: 0 0 auto; display: flex; min-width: auto; flex-direction: row; align-items: center; }
.rfm-child { transform: var(--transform); }
@media (max-width: 768px) {
  #dlag-34427d00-8750-4703-ac3e-c6d0833f4602 { display: flex; align-items: center; justify-content: center; }
}
#nprogress { pointer-events: none; }
#nprogress .bar { background: rgb(254, 226, 12); position: fixed; z-index: 9999; top: env(safe-area-inset-top); left: 0px; width: 100%; height: 2px; }
#nprogress .peg { display: block; position: absolute; right: 0px; width: 100px; height: 100%; box-shadow: rgb(254, 226, 12) 0px 0px 10px, rgb(254, 226, 12) 0px 0px 5px; opacity: 1; }
#nprogress .spinner { display: block; position: fixed; z-index: 1031; top: 15px; right: 15px; }
#nprogress .spinner-icon { width: 18px; height: 18px; box-sizing: border-box; border-width: 2px; border-style: solid; border-color: rgb(254, 226, 12) transparent transparent rgb(254, 226, 12); border-image: none; border-radius: 50%; animation: 400ms linear 0s infinite normal none running nprogress-spinner; }
.nprogress-custom-parent { overflow: hidden; position: relative; }
.nprogress-custom-parent #nprogress .spinner, .nprogress-custom-parent #nprogress .bar { position: absolute; }
@-webkit-keyframes nprogress-spinner { 
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
@keyframes nprogress-spinner { 
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
div:not(body):has(> .driver-active-element) { overflow: unset !important; }
div.driver-popover.driver-js-tours::before { content: ""; position: absolute; width: 100%; height: 100%; background-image: url("data:,"); background-repeat: no-repeat; background-position: left center; background-size: cover; pointer-events: none; }
.driver-popover.driver-js-tours.mobile { min-width: 375px !important; }
@media (max-width: 375px) {
  .driver-popover.driver-js-tours.mobile { overflow: auto; min-width: 100vw !important; max-width: 100vw !important; left: 0px !important; }
}


:root { --swiper-theme-color: #007aff; }
:host { z-index: 1; margin-left: auto; margin-right: auto; display: block; position: relative; }
.swiper { z-index: 1; margin-left: auto; margin-right: auto; padding: 0px; list-style: none; display: block; position: relative; overflow: hidden; }
.swiper-vertical > .swiper-wrapper { flex-direction: column; }
.swiper-wrapper { z-index: 1; width: 100%; height: 100%; transition-property: transform; transition-timing-function: var(--swiper-wrapper-transition-timing-function,initial); box-sizing: content-box; display: flex; position: relative; }
.swiper-android .swiper-slide, .swiper-ios .swiper-slide, .swiper-wrapper { transform: translate(0px, 0px); }
.swiper-horizontal { touch-action: pan-y; }
.swiper-vertical { touch-action: pan-x; }
.swiper-slide { flex-shrink: 0; width: 100%; height: 100%; transition-property: transform; display: block; position: relative; }
.swiper-slide-invisible-blank { visibility: hidden; }
.swiper-autoheight, .swiper-autoheight .swiper-slide { height: auto; }
.swiper-autoheight .swiper-wrapper { align-items: flex-start; transition-property: transform, height; }
.swiper-backface-hidden .swiper-slide { backface-visibility: hidden; transform: translateZ(0px); }
.swiper-3d.swiper-css-mode .swiper-wrapper { perspective: 1200px; }
.swiper-3d .swiper-wrapper { transform-style: preserve-3d; }
.swiper-3d { perspective: 1200px; }
.swiper-3d .swiper-slide, .swiper-3d .swiper-cube-shadow { transform-style: preserve-3d; }
.swiper-css-mode > .swiper-wrapper { scrollbar-width: none; overflow: auto; }
.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar { display: none; }
.swiper-css-mode > .swiper-wrapper > .swiper-slide { scroll-snap-align: start; }
.swiper-css-mode.swiper-horizontal > .swiper-wrapper { scroll-snap-type: x mandatory; }
.swiper-css-mode.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child { margin-inline-start: var(--swiper-slides-offset-before); scroll-margin-inline-start: var(--swiper-slides-offset-before); }
.swiper-css-mode.swiper-horizontal > .swiper-wrapper > .swiper-slide:last-child { margin-inline-end: var(--swiper-slides-offset-after); }
.swiper-css-mode.swiper-vertical > .swiper-wrapper { scroll-snap-type: y mandatory; }
.swiper-css-mode.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child { margin-block-start: var(--swiper-slides-offset-before); scroll-margin-block-start: var(--swiper-slides-offset-before); }
.swiper-css-mode.swiper-vertical > .swiper-wrapper > .swiper-slide:last-child { margin-block-end: var(--swiper-slides-offset-after); }
.swiper-css-mode.swiper-free-mode > .swiper-wrapper { scroll-snap-type: none; }
.swiper-css-mode.swiper-free-mode > .swiper-wrapper > .swiper-slide { scroll-snap-align: none; }
.swiper-css-mode.swiper-centered > .swiper-wrapper::before { content: ""; flex-shrink: 0; order: 9999; }
.swiper-css-mode.swiper-centered > .swiper-wrapper > .swiper-slide { scroll-snap-align: center; scroll-snap-stop: always; }
.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child { margin-inline-start: var(--swiper-centered-offset-before); }
.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper::before { height: 100%; min-height: 1px; width: var(--swiper-centered-offset-after); }
.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child { margin-block-start: var(--swiper-centered-offset-before); }
.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper::before { width: 100%; min-width: 1px; height: var(--swiper-centered-offset-after); }
.swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top, .swiper-3d .swiper-slide-shadow-bottom, .swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top, .swiper-3d .swiper-slide-shadow-bottom { pointer-events: none; z-index: 10; width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; }
.swiper-3d .swiper-slide-shadow { background: rgba(0, 0, 0, 0.15); }
.swiper-3d .swiper-slide-shadow-left { background-image: linear-gradient(270deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); }
.swiper-3d .swiper-slide-shadow-right { background-image: linear-gradient(90deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); }
.swiper-3d .swiper-slide-shadow-top { background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.5)); }
.swiper-3d .swiper-slide-shadow-bottom { background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); }
.swiper-lazy-preloader { z-index: 10; transform-origin: 50% center; box-sizing: border-box; border-top-style: ; border-top-width: ; border-right-color: ; border-right-style: ; border-right-width: ; border-bottom-color: ; border-bottom-style: ; border-bottom-width: ; border-left-color: ; border-left-style: ; border-left-width: ; border-image-source: ; border-image-slice: ; border-image-width: ; border-image-outset: ; border-image-repeat: ; border-top-color: rgba(0, 0, 0, 0); border-radius: 50%; width: 42px; height: 42px; margin-top: -21px; margin-left: -21px; position: absolute; top: 50%; left: 50%; }
:is(.swiper:not(.swiper-watch-progress), .swiper-watch-progress .swiper-slide-visible) .swiper-lazy-preloader { animation: 1s linear 0s infinite normal none running swiper-preloader-spin; }
.swiper-lazy-preloader-white { --swiper-preloader-color: #fff; }
.swiper-lazy-preloader-black { --swiper-preloader-color: #000; }
@keyframes swiper-preloader-spin { 
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
.swiper-fade.swiper-free-mode .swiper-slide { transition-timing-function: ease-out; }
.swiper-fade .swiper-slide { pointer-events: none; transition-property: opacity; }
.swiper-fade .swiper-slide .swiper-slide { pointer-events: none; }
.swiper-fade .swiper-slide-active { pointer-events: auto; }
.swiper-fade .swiper-slide-active .swiper-slide-active { pointer-events: auto; }
.swiper-scrollbar { border-radius: var(--swiper-scrollbar-border-radius,10px); touch-action: none; background: var(--swiper-scrollbar-bg-color,#0000001a); position: relative; }
.swiper-scrollbar-disabled > .swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-disabled { display: none !important; }
.swiper-horizontal > .swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-horizontal { left: var(--swiper-scrollbar-sides-offset,1%); bottom: var(--swiper-scrollbar-bottom,4px); top: var(--swiper-scrollbar-top,auto); z-index: 50; height: var(--swiper-scrollbar-size,4px); width: calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%)); position: absolute; }
.swiper-vertical > .swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-vertical { left: var(--swiper-scrollbar-left,auto); right: var(--swiper-scrollbar-right,4px); top: var(--swiper-scrollbar-sides-offset,1%); z-index: 50; width: var(--swiper-scrollbar-size,4px); height: calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%)); position: absolute; }
.swiper-scrollbar-drag { background: var(--swiper-scrollbar-drag-bg-color,#00000080); border-radius: var(--swiper-scrollbar-border-radius,10px); width: 100%; height: 100%; position: relative; top: 0px; left: 0px; }
.swiper-scrollbar-cursor-drag { cursor: move; }
.swiper-scrollbar-lock { display: none; }
.driver-active .driver-overlay, .driver-active * { pointer-events: none; }
.driver-active .driver-active-element, .driver-active .driver-active-element *, .driver-popover, .driver-popover * { pointer-events: auto; }
@keyframes animate-fade-in { 
  0% { opacity: 0; }
  100% { opacity: 1; }
}
.driver-fade .driver-overlay { animation: 0.2s ease-in-out 0s 1 normal none running animate-fade-in; }
.driver-fade .driver-popover { animation: 0.2s ease 0s 1 normal none running animate-fade-in; }
.driver-popover { color-scheme: unset; forced-color-adjust: unset; math-depth: unset; position-anchor: unset; text-size-adjust: unset; appearance: unset; font: unset; font-palette: unset; font-synthesis: unset; position-area: unset; text-orientation: unset; text-rendering: unset; text-spacing-trim: unset; -webkit-font-smoothing: unset; -webkit-locale: unset; -webkit-text-orientation: unset; -webkit-writing-mode: unset; writing-mode: unset; zoom: unset; accent-color: unset; place-content: unset; place-items: unset; place-self: unset; alignment-baseline: unset; anchor-name: unset; anchor-scope: unset; animation-composition: unset; animation: unset; animation-trigger: unset; app-region: unset; aspect-ratio: unset; backdrop-filter: unset; backface-visibility: unset; background-attachment: unset; background-blend-mode: unset; background-clip: unset; background-image: unset; background-origin: unset; background-position: unset; background-repeat: unset; background-size: unset; baseline-shift: unset; baseline-source: unset; block-size: unset; border-block: unset; border: unset; border-collapse: unset; border-end-end-radius: unset; border-end-start-radius: unset; border-inline: unset; border-shape: unset; border-start-end-radius: unset; border-start-start-radius: unset; bottom: unset; box-decoration-break: unset; break-after: unset; break-before: unset; break-inside: unset; buffered-rendering: unset; caption-side: unset; caret-animation: unset; caret-color: unset; caret-shape: unset; clear: unset; clip: unset; clip-path: unset; clip-rule: unset; color-interpolation: unset; color-interpolation-filters: unset; color-rendering: unset; columns: unset; column-fill: unset; gap: unset; rule-break: unset; rule: unset; rule-inset: unset; rule-visibility-items: unset; column-span: unset; contain: unset; contain-intrinsic-block-size: unset; contain-intrinsic-size: unset; contain-intrinsic-inline-size: unset; container: unset; content: unset; content-visibility: unset; corner-shape: unset; corner-block-end-shape: unset; corner-block-start-shape: unset; counter-increment: unset; counter-reset: unset; counter-set: unset; cursor: unset; cx: unset; cy: unset; d: unset; display: unset; dominant-baseline: unset; dynamic-range-limit: unset; empty-cells: unset; field-sizing: unset; fill: unset; fill-opacity: unset; fill-rule: unset; filter: unset; flex: unset; flex-flow: unset; flex-line-count: unset; float: unset; flood-color: unset; flood-opacity: unset; grid: unset; grid-area: unset; height: unset; hyphenate-character: unset; hyphenate-limit-chars: unset; hyphens: unset; image-orientation: unset; image-rendering: unset; initial-letter: unset; inline-size: unset; inset-block: unset; inset-inline: unset; interactivity: unset; interest-delay: unset; interpolate-size: unset; isolation: unset; left: unset; letter-spacing: unset; lighting-color: unset; line-break: unset; list-style: unset; margin-block: unset; margin-inline: unset; marker: unset; mask: unset; mask-type: unset; math-shift: unset; math-style: unset; max-block-size: unset; max-height: unset; max-inline-size: unset; min-block-size: unset; min-height: unset; min-inline-size: unset; mix-blend-mode: unset; object-fit: unset; object-position: unset; object-view-box: unset; offset: unset; opacity: unset; order: unset; orphans: unset; outline: unset; outline-offset: unset; overflow-anchor: unset; overflow-block: unset; overflow-clip-margin: unset; overflow-inline: unset; overflow-wrap: unset; overflow: unset; overlay: unset; overscroll-behavior-block: unset; overscroll-behavior-inline: unset; overscroll-behavior: unset; padding-block: unset; padding-inline: unset; page: unset; page-margin-safety: unset; page-orientation: unset; paint-order: unset; perspective: unset; perspective-origin: unset; pointer-events: unset; position-try: unset; position-visibility: unset; print-color-adjust: unset; quotes: unset; r: unset; reading-flow: unset; reading-order: unset; resize: unset; rotate: unset; ruby-align: unset; ruby-overhang: unset; ruby-position: unset; rule-overlap: unset; rx: unset; ry: unset; scale: unset; scroll-axis-lock: unset; scroll-behavior: unset; scroll-initial-target: unset; scroll-margin-block: unset; scroll-margin: unset; scroll-margin-inline: unset; scroll-marker-group: unset; scroll-padding-block: unset; scroll-padding: unset; scroll-padding-inline: unset; scroll-snap-align: unset; scroll-snap-stop: unset; scroll-snap-type: unset; scroll-target-group: unset; scroll-timeline: unset; scrollbar-color: unset; scrollbar-gutter: unset; scrollbar-width: unset; shape-image-threshold: unset; shape-margin: unset; shape-outside: unset; shape-rendering: unset; size: unset; speak: unset; stop-color: unset; stop-opacity: unset; stroke: unset; stroke-dasharray: unset; stroke-dashoffset: unset; stroke-linecap: unset; stroke-linejoin: unset; stroke-miterlimit: unset; stroke-opacity: unset; stroke-width: unset; tab-size: unset; table-layout: unset; text-align: unset; text-align-last: unset; text-anchor: unset; text-autospace: unset; text-box: unset; text-combine-upright: unset; text-decoration: unset; text-decoration-skip-ink: unset; text-emphasis: unset; text-emphasis-position: unset; text-fit: unset; text-indent: unset; text-justify: unset; text-overflow: unset; text-shadow: unset; text-transform: unset; text-underline-offset: unset; text-underline-position: unset; text-wrap: unset; timeline-scope: unset; timeline-trigger: unset; touch-action: unset; transform: unset; transform-box: unset; transform-origin: unset; transform-style: unset; transition: unset; translate: unset; trigger-scope: unset; user-select: unset; vector-effect: unset; vertical-align: unset; view-timeline: unset; view-transition-class: unset; view-transition-group: unset; view-transition-name: unset; view-transition-scope: unset; visibility: unset; border-spacing: unset; -webkit-box-align: unset; -webkit-box-decoration-break: unset; -webkit-box-direction: unset; -webkit-box-flex: unset; -webkit-box-ordinal-group: unset; -webkit-box-orient: unset; -webkit-box-pack: unset; -webkit-box-reflect: unset; -webkit-line-break: unset; -webkit-line-clamp: unset; -webkit-mask-box-image: unset; -webkit-rtl-ordering: unset; -webkit-ruby-position: unset; -webkit-tap-highlight-color: unset; -webkit-text-combine: unset; -webkit-text-decorations-in-effect: unset; -webkit-text-fill-color: unset; -webkit-text-security: unset; -webkit-text-stroke: unset; -webkit-user-drag: unset; white-space-collapse: unset; widows: unset; width: unset; will-change: unset; window-drag: unset; word-break: unset; word-spacing: unset; x: unset; y: unset; box-sizing: border-box; color: rgb(45, 45, 45); z-index: 1000000000; background-color: rgb(255, 255, 255); border-radius: 5px; min-width: 250px; max-width: 300px; margin: 0px; padding: 15px; position: fixed; top: 0px; right: 0px; box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 10px; }
.driver-popover * { font-family: "Helvetica Neue", Inter, ui-sans-serif, "Apple Color Emoji", Helvetica, Arial, sans-serif; }
.driver-popover-title { zoom: 1; margin: 0px; font: 700 19px / 1.5 sans-serif; display: block; position: relative; }
.driver-popover-close-btn { color-scheme: unset; forced-color-adjust: unset; math-depth: unset; position-anchor: unset; text-size-adjust: unset; appearance: unset; font-family: unset; font-feature-settings: unset; font-kerning: unset; font-language-override: unset; font-optical-sizing: unset; font-palette: unset; font-size-adjust: unset; font-stretch: unset; font-style: unset; font-synthesis: unset; font-variant: unset; font-variation-settings: unset; position-area: unset; text-orientation: unset; text-rendering: unset; text-spacing-trim: unset; -webkit-font-smoothing: unset; -webkit-locale: unset; -webkit-text-orientation: unset; -webkit-writing-mode: unset; writing-mode: unset; zoom: unset; accent-color: unset; place-content: unset; place-items: unset; place-self: unset; alignment-baseline: unset; anchor-name: unset; anchor-scope: unset; animation-composition: unset; animation: unset; animation-trigger: unset; app-region: unset; aspect-ratio: unset; backdrop-filter: unset; backface-visibility: unset; background: unset; background-blend-mode: unset; baseline-shift: unset; baseline-source: unset; block-size: unset; border-block: unset; border: unset; border-radius: unset; border-collapse: unset; border-end-end-radius: unset; border-end-start-radius: unset; border-inline: unset; border-shape: unset; border-start-end-radius: unset; border-start-start-radius: unset; bottom: unset; box-decoration-break: unset; box-shadow: unset; box-sizing: unset; break-after: unset; break-before: unset; break-inside: unset; buffered-rendering: unset; caption-side: unset; caret-animation: unset; caret-color: unset; caret-shape: unset; clear: unset; clip: unset; clip-path: unset; clip-rule: unset; color-interpolation: unset; color-interpolation-filters: unset; color-rendering: unset; columns: unset; column-fill: unset; gap: unset; rule-break: unset; rule: unset; rule-inset: unset; rule-visibility-items: unset; column-span: unset; contain: unset; contain-intrinsic-block-size: unset; contain-intrinsic-size: unset; contain-intrinsic-inline-size: unset; container: unset; content: unset; content-visibility: unset; corner-shape: unset; corner-block-end-shape: unset; corner-block-start-shape: unset; counter-increment: unset; counter-reset: unset; counter-set: unset; cx: unset; cy: unset; d: unset; display: unset; dominant-baseline: unset; dynamic-range-limit: unset; empty-cells: unset; field-sizing: unset; fill: unset; fill-opacity: unset; fill-rule: unset; filter: unset; flex: unset; flex-flow: unset; flex-line-count: unset; float: unset; flood-color: unset; flood-opacity: unset; grid: unset; grid-area: unset; hyphenate-character: unset; hyphenate-limit-chars: unset; hyphens: unset; image-orientation: unset; image-rendering: unset; initial-letter: unset; inline-size: unset; inset-block: unset; inset-inline: unset; interactivity: unset; interest-delay: unset; interpolate-size: unset; isolation: unset; left: unset; letter-spacing: unset; lighting-color: unset; line-break: unset; line-height: unset; list-style: unset; margin-block: unset; margin: unset; margin-inline: unset; marker: unset; mask: unset; mask-type: unset; math-shift: unset; math-style: unset; max-block-size: unset; max-height: unset; max-inline-size: unset; max-width: unset; min-block-size: unset; min-height: unset; min-inline-size: unset; min-width: unset; mix-blend-mode: unset; object-fit: unset; object-position: unset; object-view-box: unset; offset: unset; opacity: unset; order: unset; orphans: unset; outline: unset; outline-offset: unset; overflow-anchor: unset; overflow-block: unset; overflow-clip-margin: unset; overflow-inline: unset; overflow-wrap: unset; overflow: unset; overlay: unset; overscroll-behavior-block: unset; overscroll-behavior-inline: unset; overscroll-behavior: unset; padding-block: unset; padding: unset; padding-inline: unset; page: unset; page-margin-safety: unset; page-orientation: unset; paint-order: unset; perspective: unset; perspective-origin: unset; pointer-events: unset; position-try: unset; position-visibility: unset; print-color-adjust: unset; quotes: unset; r: unset; reading-flow: unset; reading-order: unset; resize: unset; rotate: unset; ruby-align: unset; ruby-overhang: unset; ruby-position: unset; rule-overlap: unset; rx: unset; ry: unset; scale: unset; scroll-axis-lock: unset; scroll-behavior: unset; scroll-initial-target: unset; scroll-margin-block: unset; scroll-margin: unset; scroll-margin-inline: unset; scroll-marker-group: unset; scroll-padding-block: unset; scroll-padding: unset; scroll-padding-inline: unset; scroll-snap-align: unset; scroll-snap-stop: unset; scroll-snap-type: unset; scroll-target-group: unset; scroll-timeline: unset; scrollbar-color: unset; scrollbar-gutter: unset; scrollbar-width: unset; shape-image-threshold: unset; shape-margin: unset; shape-outside: unset; shape-rendering: unset; size: unset; speak: unset; stop-color: unset; stop-opacity: unset; stroke: unset; stroke-dasharray: unset; stroke-dashoffset: unset; stroke-linecap: unset; stroke-linejoin: unset; stroke-miterlimit: unset; stroke-opacity: unset; stroke-width: unset; tab-size: unset; table-layout: unset; text-align-last: unset; text-anchor: unset; text-autospace: unset; text-box: unset; text-combine-upright: unset; text-decoration: unset; text-decoration-skip-ink: unset; text-emphasis: unset; text-emphasis-position: unset; text-fit: unset; text-indent: unset; text-justify: unset; text-overflow: unset; text-shadow: unset; text-transform: unset; text-underline-offset: unset; text-underline-position: unset; text-wrap: unset; timeline-scope: unset; timeline-trigger: unset; touch-action: unset; transform: unset; transform-box: unset; transform-origin: unset; transform-style: unset; translate: unset; trigger-scope: unset; user-select: unset; vector-effect: unset; vertical-align: unset; view-timeline: unset; view-transition-class: unset; view-transition-group: unset; view-transition-name: unset; view-transition-scope: unset; visibility: unset; border-spacing: unset; -webkit-box-align: unset; -webkit-box-decoration-break: unset; -webkit-box-direction: unset; -webkit-box-flex: unset; -webkit-box-ordinal-group: unset; -webkit-box-orient: unset; -webkit-box-pack: unset; -webkit-box-reflect: unset; -webkit-line-break: unset; -webkit-line-clamp: unset; -webkit-mask-box-image: unset; -webkit-rtl-ordering: unset; -webkit-ruby-position: unset; -webkit-tap-highlight-color: unset; -webkit-text-combine: unset; -webkit-text-decorations-in-effect: unset; -webkit-text-fill-color: unset; -webkit-text-security: unset; -webkit-text-stroke: unset; -webkit-user-drag: unset; white-space-collapse: unset; widows: unset; will-change: unset; window-drag: unset; word-break: unset; word-spacing: unset; x: unset; y: unset; cursor: pointer; color: rgb(210, 210, 210); z-index: 1; text-align: center; width: 32px; height: 28px; font-size: 18px; font-weight: 500; transition: color 0.2s; position: absolute; top: 0px; right: 0px; }
.driver-popover-close-btn:hover, .driver-popover-close-btn:focus { color: rgb(45, 45, 45); }
.driver-popover-title[style*="block"] + .driver-popover-description { margin-top: 5px; }
.driver-popover-description { zoom: 1; margin-bottom: 0px; font: 400 14px / 1.5 sans-serif; }
.driver-popover-footer { text-align: right; zoom: 1; justify-content: space-between; align-items: center; margin-top: 15px; display: flex; }
.driver-popover-progress-text { color: rgb(114, 114, 114); zoom: 1; font-size: 13px; font-weight: 400; }
.driver-popover-footer button { color-scheme: unset; forced-color-adjust: unset; math-depth: unset; position: unset; position-anchor: unset; text-size-adjust: unset; appearance: unset; font-palette: unset; font-synthesis: unset; position-area: unset; text-orientation: unset; text-rendering: unset; text-spacing-trim: unset; -webkit-font-smoothing: unset; -webkit-locale: unset; -webkit-text-orientation: unset; -webkit-writing-mode: unset; writing-mode: unset; accent-color: unset; place-content: unset; place-items: unset; place-self: unset; alignment-baseline: unset; anchor-name: unset; anchor-scope: unset; animation-composition: unset; animation: unset; animation-trigger: unset; app-region: unset; aspect-ratio: unset; backdrop-filter: unset; backface-visibility: unset; background-attachment: unset; background-blend-mode: unset; background-clip: unset; background-image: unset; background-origin: unset; background-position: unset; background-repeat: unset; background-size: unset; baseline-shift: unset; baseline-source: unset; block-size: unset; border-block: unset; border-collapse: unset; border-end-end-radius: unset; border-end-start-radius: unset; border-inline: unset; border-shape: unset; border-start-end-radius: unset; border-start-start-radius: unset; inset: unset; box-decoration-break: unset; box-shadow: unset; break-after: unset; break-before: unset; break-inside: unset; buffered-rendering: unset; caption-side: unset; caret-animation: unset; caret-color: unset; caret-shape: unset; clear: unset; clip: unset; clip-path: unset; clip-rule: unset; color-interpolation: unset; color-interpolation-filters: unset; color-rendering: unset; columns: unset; column-fill: unset; gap: unset; rule-break: unset; rule: unset; rule-inset: unset; rule-visibility-items: unset; column-span: unset; contain: unset; contain-intrinsic-block-size: unset; contain-intrinsic-size: unset; contain-intrinsic-inline-size: unset; container: unset; content: unset; content-visibility: unset; corner-shape: unset; corner-block-end-shape: unset; corner-block-start-shape: unset; counter-increment: unset; counter-reset: unset; counter-set: unset; cx: unset; cy: unset; d: unset; dominant-baseline: unset; dynamic-range-limit: unset; empty-cells: unset; field-sizing: unset; fill: unset; fill-opacity: unset; fill-rule: unset; filter: unset; flex: unset; flex-flow: unset; flex-line-count: unset; float: unset; flood-color: unset; flood-opacity: unset; grid: unset; grid-area: unset; height: unset; hyphenate-character: unset; hyphenate-limit-chars: unset; hyphens: unset; image-orientation: unset; image-rendering: unset; initial-letter: unset; inline-size: unset; inset-block: unset; inset-inline: unset; interactivity: unset; interest-delay: unset; interpolate-size: unset; isolation: unset; letter-spacing: unset; lighting-color: unset; line-break: unset; list-style: unset; margin-block: unset; margin: unset; margin-inline: unset; marker: unset; mask: unset; mask-type: unset; math-shift: unset; math-style: unset; max-block-size: unset; max-height: unset; max-inline-size: unset; max-width: unset; min-block-size: unset; min-height: unset; min-inline-size: unset; min-width: unset; mix-blend-mode: unset; object-fit: unset; object-position: unset; object-view-box: unset; offset: unset; opacity: unset; order: unset; orphans: unset; outline-offset: unset; overflow-anchor: unset; overflow-block: unset; overflow-clip-margin: unset; overflow-inline: unset; overflow-wrap: unset; overflow: unset; overlay: unset; overscroll-behavior-block: unset; overscroll-behavior-inline: unset; overscroll-behavior: unset; padding-block: unset; padding-inline: unset; page: unset; page-margin-safety: unset; page-orientation: unset; paint-order: unset; perspective: unset; perspective-origin: unset; pointer-events: unset; position-try: unset; position-visibility: unset; print-color-adjust: unset; quotes: unset; r: unset; reading-flow: unset; reading-order: unset; resize: unset; rotate: unset; ruby-align: unset; ruby-overhang: unset; ruby-position: unset; rule-overlap: unset; rx: unset; ry: unset; scale: unset; scroll-axis-lock: unset; scroll-behavior: unset; scroll-initial-target: unset; scroll-margin-block: unset; scroll-margin: unset; scroll-margin-inline: unset; scroll-marker-group: unset; scroll-padding-block: unset; scroll-padding: unset; scroll-padding-inline: unset; scroll-snap-align: unset; scroll-snap-stop: unset; scroll-snap-type: unset; scroll-target-group: unset; scroll-timeline: unset; scrollbar-color: unset; scrollbar-gutter: unset; scrollbar-width: unset; shape-image-threshold: unset; shape-margin: unset; shape-outside: unset; shape-rendering: unset; size: unset; speak: unset; stop-color: unset; stop-opacity: unset; stroke: unset; stroke-dasharray: unset; stroke-dashoffset: unset; stroke-linecap: unset; stroke-linejoin: unset; stroke-miterlimit: unset; stroke-opacity: unset; stroke-width: unset; tab-size: unset; table-layout: unset; text-align: unset; text-align-last: unset; text-anchor: unset; text-autospace: unset; text-box: unset; text-combine-upright: unset; text-decoration-skip-ink: unset; text-emphasis: unset; text-emphasis-position: unset; text-fit: unset; text-indent: unset; text-justify: unset; text-overflow: unset; text-transform: unset; text-underline-offset: unset; text-underline-position: unset; text-wrap: unset; timeline-scope: unset; timeline-trigger: unset; touch-action: unset; transform: unset; transform-box: unset; transform-origin: unset; transform-style: unset; transition: unset; translate: unset; trigger-scope: unset; user-select: unset; vector-effect: unset; vertical-align: unset; view-timeline: unset; view-transition-class: unset; view-transition-group: unset; view-transition-name: unset; view-transition-scope: unset; visibility: unset; border-spacing: unset; -webkit-box-align: unset; -webkit-box-decoration-break: unset; -webkit-box-direction: unset; -webkit-box-flex: unset; -webkit-box-ordinal-group: unset; -webkit-box-orient: unset; -webkit-box-pack: unset; -webkit-box-reflect: unset; -webkit-line-break: unset; -webkit-line-clamp: unset; -webkit-mask-box-image: unset; -webkit-rtl-ordering: unset; -webkit-ruby-position: unset; -webkit-tap-highlight-color: unset; -webkit-text-combine: unset; -webkit-text-decorations-in-effect: unset; -webkit-text-fill-color: unset; -webkit-text-security: unset; -webkit-text-stroke: unset; -webkit-user-drag: unset; white-space-collapse: unset; widows: unset; width: unset; will-change: unset; window-drag: unset; word-break: unset; word-spacing: unset; x: unset; y: unset; z-index: unset; box-sizing: border-box; text-shadow: rgb(255, 255, 255) 1px 1px; color: rgb(45, 45, 45); cursor: pointer; zoom: 1; background-color: rgb(255, 255, 255); border: 1px solid rgb(204, 204, 204); border-radius: 3px; outline: 0px; padding: 3px 7px; font: 12px / 1.3 sans-serif; text-decoration: none; display: inline-block; }
.driver-popover-footer .driver-popover-btn-disabled { opacity: 0.5; pointer-events: none; }
:not(body):has(> .driver-active-element) { overflow: hidden !important; }
.driver-no-interaction, .driver-no-interaction * { pointer-events: none !important; }
.driver-popover-footer button:hover, .driver-popover-footer button:focus { background-color: rgb(247, 247, 247); }
.driver-popover-navigation-btns { flex-grow: 1; justify-content: flex-end; display: flex; }
.driver-popover-navigation-btns button + button { margin-left: 4px; }
.driver-popover-arrow { content: ""; border: 5px solid rgb(255, 255, 255); position: absolute; }
.driver-popover-arrow-side-over { display: none; }
.driver-popover-arrow-side-left { border-top-color: rgba(0, 0, 0, 0); border-bottom-color: rgba(0, 0, 0, 0); border-right-color: rgba(0, 0, 0, 0); left: 100%; }
.driver-popover-arrow-side-right { border-top-color: rgba(0, 0, 0, 0); border-bottom-color: rgba(0, 0, 0, 0); border-left-color: rgba(0, 0, 0, 0); right: 100%; }
.driver-popover-arrow-side-top { border-bottom-color: rgba(0, 0, 0, 0); border-left-color: rgba(0, 0, 0, 0); border-right-color: rgba(0, 0, 0, 0); top: 100%; }
.driver-popover-arrow-side-bottom { border-top-color: rgba(0, 0, 0, 0); border-left-color: rgba(0, 0, 0, 0); border-right-color: rgba(0, 0, 0, 0); bottom: 100%; }
.driver-popover-arrow-side-center { display: none; }
.driver-popover-arrow-side-left.driver-popover-arrow-align-start, .driver-popover-arrow-side-right.driver-popover-arrow-align-start { top: 15px; }
.driver-popover-arrow-side-top.driver-popover-arrow-align-start, .driver-popover-arrow-side-bottom.driver-popover-arrow-align-start { left: 15px; }
.driver-popover-arrow-align-end.driver-popover-arrow-side-left, .driver-popover-arrow-align-end.driver-popover-arrow-side-right { bottom: 15px; }
.driver-popover-arrow-side-top.driver-popover-arrow-align-end, .driver-popover-arrow-side-bottom.driver-popover-arrow-align-end { right: 15px; }
.driver-popover-arrow-side-left.driver-popover-arrow-align-center, .driver-popover-arrow-side-right.driver-popover-arrow-align-center { margin-top: -5px; top: 50%; }
.driver-popover-arrow-side-top.driver-popover-arrow-align-center, .driver-popover-arrow-side-bottom.driver-popover-arrow-align-center { margin-left: -5px; left: 50%; }
.driver-popover-arrow-none { display: none; }
@font-face { font-family: Kanit; font-style: normal; font-weight: 300; font-display: swap; src: url("/assets/3a6937bd4b76-d598b2fbe51cc254-s.05w.2et-mx.n0.woff2") format("woff2"); unicode-range: U+2D7, U+303, U+331, U+E01-E5B, U+200C-200D, U+25CC; }
@font-face { font-family: Kanit; font-style: normal; font-weight: 300; font-display: swap; src: url("/assets/2b702cc193a2-7e531266682ee0b2-s.0vclydnq.v21f.woff2") format("woff2"); unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB; }
@font-face { font-family: Kanit; font-style: normal; font-weight: 300; font-display: swap; src: url("/assets/751a82102cee-4bc62d0d5f9ae771-s.p.03dauh6laurdw.woff2") format("woff2"); unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: Kanit; font-style: normal; font-weight: 300; font-display: swap; src: url("/assets/f580f4a623ce-fdbfb7080a87a334-s.p.05jkh-jral1t-.woff2") format("woff2"); unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: Kanit; font-style: normal; font-weight: 400; font-display: swap; src: url("/assets/8c82e19f72a5-577b8067601e9847-s.0e39u1f8exps8.woff2") format("woff2"); unicode-range: U+2D7, U+303, U+331, U+E01-E5B, U+200C-200D, U+25CC; }
@font-face { font-family: Kanit; font-style: normal; font-weight: 400; font-display: swap; src: url("/assets/f6f26e38c56b-5d1ea58cfb9c551d-s.0jr7q2puild41.woff2") format("woff2"); unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB; }
@font-face { font-family: Kanit; font-style: normal; font-weight: 400; font-display: swap; src: url("/assets/93498643cada-d1bdedfd2fe13894-s.p.06v5of0lx6fd3.woff2") format("woff2"); unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: Kanit; font-style: normal; font-weight: 400; font-display: swap; src: url("/assets/b5992a669eec-1e23e5114abf0db3-s.p.14up1-z_4bbg8.woff2") format("woff2"); unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: Kanit; font-style: normal; font-weight: 500; font-display: swap; src: url("/assets/1d85899a6817-34da6f6f5d0d57a5-s.10-i_d9bb8d-3.woff2") format("woff2"); unicode-range: U+2D7, U+303, U+331, U+E01-E5B, U+200C-200D, U+25CC; }
@font-face { font-family: Kanit; font-style: normal; font-weight: 500; font-display: swap; src: url("/assets/b91008111c52-c5ef4f45c466146b-s.0yan68-kg349e.woff2") format("woff2"); unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB; }
@font-face { font-family: Kanit; font-style: normal; font-weight: 500; font-display: swap; src: url("/assets/bc40865009c9-5e9c5fb40545fcd2-s.p.161.pmj1e-vkh.woff2") format("woff2"); unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: Kanit; font-style: normal; font-weight: 500; font-display: swap; src: url("/assets/560245078ffc-89d4f80f11029d6d-s.p.15k_uqsna_8c8.woff2") format("woff2"); unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: Kanit; font-style: normal; font-weight: 600; font-display: swap; src: url("/assets/7c4ce1c79822-876b05e81fb36bf6-s.16kkxuedyezia.woff2") format("woff2"); unicode-range: U+2D7, U+303, U+331, U+E01-E5B, U+200C-200D, U+25CC; }
@font-face { font-family: Kanit; font-style: normal; font-weight: 600; font-display: swap; src: url("/assets/7b288412d08a-5128e7653d6f3744-s.0e7993jzdv0mi.woff2") format("woff2"); unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB; }
@font-face { font-family: Kanit; font-style: normal; font-weight: 600; font-display: swap; src: url("/assets/f2c95598dbde-07bc3d3e69c8b6e8-s.p.05bb5h3dt_txi.woff2") format("woff2"); unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: Kanit; font-style: normal; font-weight: 600; font-display: swap; src: url("/assets/969651682b4e-118b6ed7ac256a99-s.p.0-qiti7z5w-re.woff2") format("woff2"); unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: Kanit; font-style: normal; font-weight: 700; font-display: swap; src: url("/assets/cafadbeef429-a244653d74e7372f-s.15-2tpf2ppfz7.woff2") format("woff2"); unicode-range: U+2D7, U+303, U+331, U+E01-E5B, U+200C-200D, U+25CC; }
@font-face { font-family: Kanit; font-style: normal; font-weight: 700; font-display: swap; src: url("/assets/adf77d56598b-7ff43f20b4a94066-s.0uzkp.2w67zj3.woff2") format("woff2"); unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB; }
@font-face { font-family: Kanit; font-style: normal; font-weight: 700; font-display: swap; src: url("/assets/49c341079048-d5ac005905e340fc-s.p.0otlqm-r87ayy.woff2") format("woff2"); unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: Kanit; font-style: normal; font-weight: 700; font-display: swap; src: url("/assets/cfe9cc16a7cd-c750adf2ddf22b70-s.p.0hlyuqjg3dzim.woff2") format("woff2"); unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: Kanit; font-style: normal; font-weight: 900; font-display: swap; src: url("/assets/7b4bfd894c7b-073882072f72ca37-s.0ht4h9-nmaume.woff2") format("woff2"); unicode-range: U+2D7, U+303, U+331, U+E01-E5B, U+200C-200D, U+25CC; }
@font-face { font-family: Kanit; font-style: normal; font-weight: 900; font-display: swap; src: url("/assets/34ff3102c0f1-7f33a509678d7a30-s.0wzdkb1.-mt9q.woff2") format("woff2"); unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB; }
@font-face { font-family: Kanit; font-style: normal; font-weight: 900; font-display: swap; src: url("/assets/d146984890c3-d0ed2b25cc87a567-s.p.0maehkg_-nc.k.woff2") format("woff2"); unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: Kanit; font-style: normal; font-weight: 900; font-display: swap; src: url("/assets/9f8eb2884bc2-5ad4ff46ac72da73-s.p.12ktuabwj5mwz.woff2") format("woff2"); unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: "Kanit Fallback"; src: local("Arial"); ascent-override: 108.49%; descent-override: 38.96%; line-gap-override: 0%; size-adjust: 101.39%; }
.kanit_39e3ff31-module__q8tNKG__className { font-family: Kanit, "Kanit Fallback"; font-style: normal; }
.kanit_39e3ff31-module__q8tNKG__variable { --font-kanit: "Kanit", "Kanit Fallback"; }
@font-face { font-family: Inter; font-style: normal; font-weight: 400; font-display: swap; src: url("/assets/2c57f6803c94-2c55a0e60120577a-s.0bjc5tiuqdqro.woff2") format("woff2"); unicode-range: U+460-52F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; }
@font-face { font-family: Inter; font-style: normal; font-weight: 400; font-display: swap; src: url("/assets/7c8c8bb3afd1-9c72aa0f40e4eef8-s.0m6w47a4e5dy9.woff2") format("woff2"); unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116; }
@font-face { font-family: Inter; font-style: normal; font-weight: 400; font-display: swap; src: url("/assets/f76b367fe9de-ad66f9afd8947f86-s.11u06r12fd6v_.woff2") format("woff2"); unicode-range: U+1F00-1FFF; }
@font-face { font-family: Inter; font-style: normal; font-weight: 400; font-display: swap; src: url("/assets/63503eb7b209-5476f68d60460930-s.0wxq9webf.ew4.woff2") format("woff2"); unicode-range: U+370-377, U+37A-37F, U+384-38A, U+38C, U+38E-3A1, U+3A3-3FF; }
@font-face { font-family: Inter; font-style: normal; font-weight: 400; font-display: swap; src: url("/assets/42f8f9badb47-2bbe8d2671613f1f-s.067x_6k0k23tk.woff2") format("woff2"); unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB; }
@font-face { font-family: Inter; font-style: normal; font-weight: 400; font-display: swap; src: url("/assets/75c3a863b901-1bffadaabf893a1e-s.16ipb6fqu393i.woff2") format("woff2"); unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: Inter; font-style: normal; font-weight: 400; font-display: swap; src: url("/assets/598a80f6f819-83afe278b6a6bb3c-s.p.0q-301v4kxxnr.woff2") format("woff2"); unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: Inter; font-style: normal; font-weight: 700; font-display: swap; src: url("/assets/2c57f6803c94-2c55a0e60120577a-s.0bjc5tiuqdqro.woff2") format("woff2"); unicode-range: U+460-52F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; }
@font-face { font-family: Inter; font-style: normal; font-weight: 700; font-display: swap; src: url("/assets/7c8c8bb3afd1-9c72aa0f40e4eef8-s.0m6w47a4e5dy9.woff2") format("woff2"); unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116; }
@font-face { font-family: Inter; font-style: normal; font-weight: 700; font-display: swap; src: url("/assets/f76b367fe9de-ad66f9afd8947f86-s.11u06r12fd6v_.woff2") format("woff2"); unicode-range: U+1F00-1FFF; }
@font-face { font-family: Inter; font-style: normal; font-weight: 700; font-display: swap; src: url("/assets/63503eb7b209-5476f68d60460930-s.0wxq9webf.ew4.woff2") format("woff2"); unicode-range: U+370-377, U+37A-37F, U+384-38A, U+38C, U+38E-3A1, U+3A3-3FF; }
@font-face { font-family: Inter; font-style: normal; font-weight: 700; font-display: swap; src: url("/assets/42f8f9badb47-2bbe8d2671613f1f-s.067x_6k0k23tk.woff2") format("woff2"); unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB; }
@font-face { font-family: Inter; font-style: normal; font-weight: 700; font-display: swap; src: url("/assets/75c3a863b901-1bffadaabf893a1e-s.16ipb6fqu393i.woff2") format("woff2"); unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: Inter; font-style: normal; font-weight: 700; font-display: swap; src: url("/assets/598a80f6f819-83afe278b6a6bb3c-s.p.0q-301v4kxxnr.woff2") format("woff2"); unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: "Inter Fallback"; src: local("Arial"); ascent-override: 90.44%; descent-override: 22.52%; line-gap-override: 0%; size-adjust: 107.12%; }
.inter_bca77c03-module__k97YtW__className { font-family: Inter, "Inter Fallback"; font-style: normal; }
.inter_bca77c03-module__k97YtW__variable { --font-inter: "Inter", "Inter Fallback"; }
@font-face { font-family: proximaNovaAltCondensed; src: url("/assets/2fb42b7ec849-proxima_nova_alt_extra_condensed-s.p.1510rc80uf-9t.otf") format("opentype"); font-display: swap; }
@font-face { font-family: "proximaNovaAltCondensed Fallback"; src: local("Arial"); ascent-override: 121.65%; descent-override: 39.4%; line-gap-override: 0%; size-adjust: 75.63%; }
.proximanovaaltcondensed_923b06aa-module__ArKAka__className { font-family: proximaNovaAltCondensed, "proximaNovaAltCondensed Fallback"; }
.proximanovaaltcondensed_923b06aa-module__ArKAka__variable { --font-proxima-nova-alt-condensed: "proximaNovaAltCondensed", "proximaNovaAltCondensed Fallback"; }
:root { --sa-top: env(safe-area-inset-top); --sa-right: env(safe-area-inset-right); --sa-bottom: env(safe-area-inset-bottom); --sa-left: env(safe-area-inset-left); }
html { -webkit-font-smoothing: antialiased; text-rendering: optimizelegibility; }
html body { padding: 0px; }
body { height: inherit; }
::-webkit-scrollbar-track { background-color: rgba(0, 0, 0, 0); }
::-webkit-scrollbar { background-color: rgba(0, 0, 0, 0); width: 4px; height: 4px; }
::-webkit-scrollbar-thumb { background-color: rgb(42, 80, 68); border-radius: 10px; }
.is-rtl.css-1ckxnn4-MuiFormControl-root-MuiTextField-root { text-align: end; direction: ltr; }
h1, h2, h3, h4, p, ul, ol { margin: 0px; padding: 0px; }
* { scrollbar-width: auto; box-sizing: border-box; }
@keyframes spin { 
  0% { }
  100% { transform: rotate(360deg); }
}
.ellipsis { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.MuiOutlinedInput-root .MuiInputBase-input { box-sizing: border-box; align-items: center; padding: 0px 12px; line-height: 18px; display: flex; }
.MuiOutlinedInput-root.MuiInputBase-sizeLarge, .MuiOutlinedInput-root.MuiInputBase-sizeLarge .MuiInputBase-input { height: 44px; }
.MuiOutlinedInput-root .MuiSelect-select.MuiInputBase-input > * { line-height: inherit; }
.truncate-text { white-space: nowrap; text-overflow: ellipsis; width: 100%; display: block; overflow: hidden; }
span[class^="icon-"]::before, span[class*=" icon-"]::before { width: inherit; }
.w-100 { width: 100%; }
.h-100 { height: 100%; }
.fontWeightRegular { font-weight: 400; }
.flex { display: flex; }
.flex-1 { flex: 1 1 0%; }
.line-clamp-1 { -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; display: -webkit-box !important; }
.line-clamp-2 { -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; display: -webkit-box !important; }
.line-clamp-3 { -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; display: -webkit-box !important; }
.line-clamp-4 { -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; display: -webkit-box !important; }
.wrapper-img-scale > img { transition: transform 0.5s; }
.wrapper-img-scale:hover > img { transform: scale(1.2); }
.d-none { display: none !important; }
.flex-col-center { flex-direction: column; align-items: center; display: flex; }
.word-break-all { word-break: break-all; }
.m-auto { margin: auto; }
.mb-auto { margin-bottom: auto; }
.mt-auto { margin-top: auto; }
.relative { position: relative; }
.swiper-scrollbar { background: rgb(214, 214, 214); }
.swiper-container-horizontal > .swiper-scrollbar { border-radius: 2px; width: 200px; height: 5px; bottom: 0px; left: 50%; transform: translate(-50%); }
.marquee { will-change: transform; backface-visibility: hidden; transform: translate(0px, 0px); mask-image: -webkit-radial-gradient(center, rgb(255, 255, 255), rgb(0, 0, 0)); }
.__floater.__floater__open[x-placement*="top"] .__floater__body .container-tutorial { border-bottom: 1px solid rgba(255, 255, 255, 0.6); }
.__floater.__floater__open[x-placement*="bottom"] .__floater__body .container-tutorial { border-top: 1px solid rgba(255, 255, 255, 0.6); }
.__floater.__floater__open[x-placement*="left"] .__floater__body .container-tutorial { border-right: 1px solid rgba(255, 255, 255, 0.6); }
.__floater.__floater__open[x-placement*="right"] .__floater__body .container-tutorial { border-left: 1px solid rgba(255, 255, 255, 0.6); }
@media screen and (min-width: 1025px) {
  .__floater.__floater__open[x-placement*="left"] .__floater__body .__floater__arrow span { top: 0px !important; }
  #react-joyride-step-2 .__floater.__floater__open[x-placement*="left"] { top: 10px !important; }
  #react-joyride-step-2 .__floater.__floater__open[x-placement*="left"] .__floater__body .__floater__arrow span { top: 60px !important; }
  #react-joyride-step-3 .__floater.__floater__open[x-placement*="left"] { top: 10px !important; }
  #react-joyride-step-3 .__floater.__floater__open[x-placement*="left"] .__floater__body .__floater__arrow span { top: 60px !important; }
  #react-joyride-step-11 .__floater.__floater__open[x-placement*="left"] { top: 50px !important; }
}
@media screen and (max-width: 1025px) {
  #react-joyride-step-12 .__floater.__floater__open[x-placement*="bottom"] .__floater__body .__floater__arrow span { right: 100px; left: unset !important; }
}
@media screen and (min-width: 900px) and (max-width: 1280px) {
  #react-joyride-step-2 .__floater.__floater__open[x-placement*="top"] .__floater__body .__floater__arrow span { left: 60px !important; }
  #react-joyride-step-3 .__floater.__floater__open[x-placement*="top"] .__floater__body .__floater__arrow span { left: 240px !important; }
  #react-joyride-step-4 .__floater.__floater__open[x-placement*="top"] .__floater__body .__floater__arrow span { left: 40px !important; }
}
:not(body):has(> .driver-active-element) { overflow: unset !important; }
.animated__scaleUpFromBottom .animated__scaleUpFromBottom__children { transform-origin: center bottom; transition: transform 0.3s ease-in-out; }
.animated__scaleUpFromBottom .animated__scaleUpFromBottom__children .svg-main-path { transition: fill 0.3s ease-in-out; }
.animated__scaleUpFromBottom:hover .animated__scaleUpFromBottom__children { transform: scale(1.1); }
.animated__scaleUpFromBottom:hover .animated__scaleUpFromBottom__children .svg-main-path { fill: rgb(254, 226, 12); }
@keyframes fadeInUp { 
  0% { opacity: 0; transform: translateY(10px); }
  100% { opacity: 1; transform: translate(0px, 0px); }
}
.animated__fadeInUp { animation: 0.5s ease-in-out 0s 1 normal none running fadeInUp; }
@keyframes shimmer { 
  100% { mask-position: 0px center; }
}
@keyframes scaleInUp { 
  0% { opacity: 0; transform: scale(0.9); }
  100% { opacity: 1; transform: scale(1); }
}
.animated__scaleInUp { animation: 0.2s ease 0s 1 normal none running scaleInUp; }
@keyframes progressNotification { 
  0% { width: 0px; }
  100% { width: 100%; }
}
@keyframes shine { 
  0% { opacity: 0; left: -100%; }
  100% { opacity: 1; left: 100%; }
}
@keyframes bounceIn { 
  0% { opacity: 0; transform: scale(0.3); }
  50% { opacity: 1; transform: scale(1.05); }
  70% { transform: scale(0.9); }
  100% { transform: scale(1); }
}
@keyframes rowOdd { 
  0% { transform: translateY(-100%); }
}
@keyframes rowEven { 
  0% { transform: translateY(-100%); }
}
@keyframes widthOpacity { 
  0% { opacity: 0; width: 50px; }
  100% { opacity: 1; width: 158px; }
}
@keyframes rotate { 
  0% { --angle: 0deg; }
  100% { --angle: 360deg; }
}
@property --angle { syntax: "<angle>"; inherits: false; initial-value: 0deg; }
@font-face { font-family: icon-fonts; src: url("/assets/ada0d272b960-icon-fonts.ttf") format("truetype"), url("/assets/77cb56cdb126-icon-fonts.woff") format("woff"), url("/assets/48aed97e7ef0-icon-fonts.woff2") format("woff2"); }
span[class^="icon-"]::before, span[class*=" icon-"]::before { font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; font-style: normal; line-height: 1; font-family: icon-fonts !important; font-weight: 400 !important; }
.icon-account-block::before { content: ""; }
.icon-arrow-double-down::before { content: ""; }
.icon-arrow-double-up::before { content: ""; }
.icon-arrow-down::before { content: ""; }
.icon-arrow-left::before { content: ""; }
.icon-arrow-line-left::before { content: ""; }
.icon-arrow-line-right::before { content: ""; }
.icon-arrow-right::before { content: ""; }
.icon-arrow-up::before { content: ""; }
.icon-arrows::before { content: ""; }
.icon-baccarat::before { content: ""; }
.icon-betslip::before { content: ""; }
.icon-blackjack::before { content: ""; }
.icon-book::before { content: ""; }
.icon-calculator::before { content: ""; }
.icon-calendar-blank::before { content: ""; }
.icon-calendar::before { content: ""; }
.icon-card::before { content: ""; }
.icon-cashier::before { content: ""; }
.icon-change-rate::before { content: ""; }
.icon-chart-bar::before { content: ""; }
.icon-chat-info::before { content: ""; }
.icon-chat::before { content: ""; }
.icon-check-circle::before { content: ""; }
.icon-check-square-empty::before { content: ""; }
.icon-check-square::before { content: ""; }
.icon-check::before { content: ""; }
.icon-checks::before { content: ""; }
.icon-chevron-up::before { content: ""; }
.icon-clock-c-wise::before { content: ""; }
.icon-clock-clockwise::before { content: ""; }
.icon-clock::before { content: ""; }
.icon-close::before { content: ""; }
.icon-coin-vertical::before { content: ""; }
.icon-coin::before { content: ""; }
.icon-coins::before { content: ""; }
.icon-comparison::before { content: ""; }
.icon-copy-simple::before { content: ""; }
.icon-crypto-icon::before { content: ""; }
.icon-currency-circle-dollar::before { content: ""; }
.icon-currency-dollar::before { content: ""; }
.icon-daily-bonus::before { content: ""; }
.icon-deposit::before { content: ""; }
.icon-desktop::before { content: ""; }
.icon-dinosaur::before { content: ""; }
.icon-discord::before { content: ""; }
.icon-dots-horizontal::before { content: ""; }
.icon-dots-vertical::before { content: ""; }
.icon-edit::before { content: ""; }
.icon-envelope::before { content: ""; }
.icon-error-circle::before { content: ""; }
.icon-exclusive::before { content: ""; }
.icon-eye-closed::before { content: ""; }
.icon-eye::before { content: ""; }
.icon-facebook::before { content: ""; }
.icon-favorite-fill::before { content: ""; }
.icon-favorite::before { content: ""; }
.icon-filter-lines::before { content: ""; }
.icon-filter::before { content: ""; }
.icon-flag::before { content: ""; }
.icon-game-controller::before { content: ""; }
.icon-game-show::before { content: ""; }
.icon-gift::before { content: ""; }
.icon-globe::before { content: ""; }
.icon-google::before { content: ""; }
.icon-hall-of-fame::before { content: ""; }
.icon-hand::before { content: ""; }
.icon-help::before { content: ""; }
.icon-high-roller::before { content: ""; }
.icon-house::before { content: ""; }
.icon-incognito::before { content: ""; }
.icon-info::before { content: ""; }
.icon-infographic::before { content: ""; }
.icon-instagram::before { content: ""; }
.icon-instant-cashback::before { content: ""; }
.icon-link::before { content: ""; }
.icon-list-bullets::before { content: ""; }
.icon-list-checks::before { content: ""; }
.icon-list::before { content: ""; }
.icon-live-casino::before { content: ""; }
.icon-live-win::before { content: ""; }
.icon-lock-open::before { content: ""; }
.icon-lock::before { content: ""; }
.icon-maximize::before { content: ""; }
.icon-menu-1::before { content: ""; }
.icon-menu-2::before { content: ""; }
.icon-minimize::before { content: ""; }
.icon-minus::before { content: ""; }
.icon-new::before { content: ""; }
.icon-notification-active::before { content: ""; }
.icon-notification::before { content: ""; }
.icon-percent::before { content: ""; }
.icon-phone::before { content: ""; }
.icon-player-guide::before { content: ""; }
.icon-plus-2::before { content: ""; }
.icon-plus::before { content: ""; }
.icon-prestige::before { content: ""; }
.icon-promotions::before { content: ""; }
.icon-providers::before { content: ""; }
.icon-push-pin-slash::before { content: ""; }
.icon-push-pin::before { content: ""; }
.icon-redirect::before { content: ""; }
.icon-referral::before { content: ""; }
.icon-reload::before { content: ""; }
.icon-rocket::before { content: ""; }
.icon-roulette::before { content: ""; }
.icon-rows::before { content: ""; }
.icon-scan::before { content: ""; }
.icon-search::before { content: ""; }
.icon-settings::before { content: ""; }
.icon-share-network::before { content: ""; }
.icon-sign-in::before { content: ""; }
.icon-sign-out::before { content: ""; }
.icon-slide-left::before { content: ""; }
.icon-slide-right::before { content: ""; }
.icon-sliders-horizontal::before { content: ""; }
.icon-sliders::before { content: ""; }
.icon-slot::before { content: ""; }
.icon-sport::before { content: ""; }
.icon-stats::before { content: ""; }
.icon-suit::before { content: ""; }
.icon-support::before { content: ""; }
.icon-telegram::before { content: ""; }
.icon-theatre::before { content: ""; }
.icon-thunder::before { content: ""; }
.icon-timer::before { content: ""; }
.icon-tournament::before { content: ""; }
.icon-trash::before { content: ""; }
.icon-union-currency::before { content: ""; }
.icon-union::before { content: ""; }
.icon-user::before { content: ""; }
.icon-vault::before { content: ""; }
.icon-verification::before { content: ""; }
.icon-vip::before { content: ""; }
.icon-voltrush::before { content: ""; }
.icon-wallet-card::before { content: ""; }
.icon-wallet-cross::before { content: ""; }
.icon-wallet::before { content: ""; }
.icon-warning-circle::before { content: ""; }
.icon-warning::before { content: ""; }
.icon-weekly-cashback::before { content: ""; }
.icon-wheel::before { content: ""; }
.icon-x::before { content: ""; }
.odometer.odometer-auto-theme, .odometer.odometer-theme-default, .odometer.odometer-auto-theme .odometer-digit, .odometer.odometer-theme-default .odometer-digit { vertical-align: middle; display: inline-block; position: relative; }
.odometer.odometer-auto-theme .odometer-digit .odometer-digit-spacer, .odometer.odometer-theme-default .odometer-digit .odometer-digit-spacer { vertical-align: middle; visibility: hidden; display: inline-block; }
.odometer.odometer-auto-theme .odometer-digit .odometer-digit-inner, .odometer.odometer-theme-default .odometer-digit .odometer-digit-inner { text-align: left; display: block; position: absolute; inset: 0px; overflow: hidden; }
.odometer.odometer-auto-theme .odometer-digit .odometer-ribbon, .odometer.odometer-theme-default .odometer-digit .odometer-ribbon { display: block; }
.odometer.odometer-auto-theme .odometer-digit .odometer-ribbon-inner, .odometer.odometer-theme-default .odometer-digit .odometer-ribbon-inner { backface-visibility: hidden; display: block; }
.odometer.odometer-auto-theme .odometer-digit .odometer-value, .odometer.odometer-theme-default .odometer-digit .odometer-value { display: block; transform: translateZ(0px); }
.odometer.odometer-auto-theme .odometer-digit .odometer-value.odometer-last-value, .odometer.odometer-theme-default .odometer-digit .odometer-value.odometer-last-value { position: absolute; }
.odometer.odometer-auto-theme.odometer-animating-up .odometer-ribbon-inner, .odometer.odometer-theme-default.odometer-animating-up .odometer-ribbon-inner { transition: transform 2s; }
.odometer.odometer-auto-theme.odometer-animating-up.odometer-animating .odometer-ribbon-inner, .odometer.odometer-theme-default.odometer-animating-up.odometer-animating .odometer-ribbon-inner, .odometer.odometer-auto-theme.odometer-animating-down .odometer-ribbon-inner, .odometer.odometer-theme-default.odometer-animating-down .odometer-ribbon-inner { transform: translateY(-100%); }
.odometer.odometer-auto-theme.odometer-animating-down.odometer-animating .odometer-ribbon-inner, .odometer.odometer-theme-default.odometer-animating-down.odometer-animating .odometer-ribbon-inner { transition: transform 2s; transform: translateY(0px); }
.odometer.odometer-auto-theme, .odometer.odometer-theme-default { font-family: "Helvetica Neue", sans-serif; line-height: 1.1em; }
.odometer.odometer-auto-theme .odometer-value, .odometer.odometer-theme-default .odometer-value { text-align: center; }
html { -webkit-font-smoothing: antialiased; box-sizing: border-box; text-size-adjust: 100%; color-scheme: dark; }
*, ::before, ::after { box-sizing: inherit; }
strong, b { font-weight: 600; }
body { margin: 0px; color: rgb(255, 255, 255); font-family: Kanit, sans-serif; font-weight: 400; font-size: 1rem; line-height: 1.5; background-color: rgb(12, 23, 19); }
@media print {
  body { background-color: rgb(255, 255, 255); }
}
body::backdrop { background-color: rgb(12, 23, 19); }
.primary { color: rgb(0, 254, 169); }
.pt-0 { padding-top: 0px; }
.ml-auto { margin-left: auto; }
.relative { position: relative; }
.swiper-pagination-bottom .swiper-pagination { cursor: pointer; position: relative; bottom: 0px; display: flex; -webkit-box-pack: center; justify-content: center; gap: 6px; padding-top: 16px; width: 100% !important; }
.swiper-pagination-bottom .swiper-pagination > * { height: 10px; width: 10px; border-radius: 100%; }
.swiper-pagination-bottom .swiper-pagination .swiper-pagination-bullet { opacity: 1; background-color: rgb(28, 54, 45); }
.swiper-pagination-bottom .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { background-color: transparent; border: 1px solid rgb(0, 254, 169); }
.swiper-pagination-bottom .swiper-pagination-lock { display: none; }
.h-auto { height: auto; }
.h-full { height: 100%; }
.w-full { width: 100%; }
.dropdown-list-200 { width: 240px; border-width: 0px 1px 1px; border-color: rgba(255, 255, 255, 0.2); border-style: solid; background-color: rgb(21, 40, 34); border-radius: 0px 0px 6px 6px !important; }
.dropdown-list-200 ul { max-height: 340px; overflow: auto; background-color: rgb(21, 40, 34); padding: 0px 8px 8px !important; }
.dropdown-list-200 ul > li:not(:last-child) { margin-bottom: 8px; }
@media (max-width: 599.95px) {
  .dropdown-list-200 ul { padding: 0px 4px 4px !important; }
  .dropdown-list-200 ul > li:not(:last-child) { margin-bottom: 4px; }
}
.dropdown-list-200-casino { width: 240px; border-width: 0px 1px 1px; border-color: rgb(42, 80, 68); border-style: solid; border-radius: 0px 0px 6px 6px !important; background: rgb(21, 40, 34) !important; }
.dropdown-list-200-casino ul { max-height: calc(332px); width: calc(100% - 4px); overflow: auto; background-color: rgb(21, 40, 34); padding: 0px 2px 6px 6px; margin-top: 2px; }
.dropdown-list-200-casino ul > li:not(:last-child) { padding-bottom: 8px; }
@media (max-width: 599.95px) {
  .dropdown-list-200-casino ul { max-height: calc(196px); width: calc(100% - 2px); padding: 0px 2px 4px 4px; margin-top: 4px; }
  .dropdown-list-200-casino ul > li:not(:last-child) { padding-bottom: 4px; }
}
.dropdown-list-200-profile { width: 188px; border-width: 0px 1px 1px; border-color: rgba(255, 255, 255, 0.2); border-style: solid; background-color: rgb(21, 40, 34); border-radius: 0px 0px 6px 6px !important; }
.dropdown-list-200-profile ul { max-height: 340px; overflow: auto; background-color: rgb(21, 40, 34); padding: 8px !important; }
.dropdown-list-200-profile ul .Mui-selected { background-color: rgb(0, 254, 169); }
@media (hover: none) {
  .dropdown-list-200-profile ul .Mui-selected { background-color: rgb(0, 254, 169) !important; }
}
.w-fit-content { width: fit-content; }
a { color: rgb(0, 254, 169); }
.scroll-hidden { overflow: hidden; }
.scroll-x-hidden { overflow-x: hidden; }
.scroll-y-hidden { overflow-y: hidden; }
.scroll { overflow: auto; }
.scroll-x { overflow-x: auto; }
.scroll-y { overflow-y: auto; }
.scrollbar::-webkit-scrollbar, .scrollbar-2::-webkit-scrollbar, .scrollbar-3::-webkit-scrollbar { width: 4px; height: 4px; }
.scrollbar-3 { padding-bottom: 0px !important; }
.hidden-scrollbar::-webkit-scrollbar { display: none; }
.line-clamp-2 { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.opacity-5 { opacity: 0.5; }
.loading-primary::after { top: 0px; left: 0px; position: absolute; content: " "; z-index: 9999; width: 100%; height: 100%; }
.loading-primary::before { position: absolute; content: " "; width: 20px; height: 20px; box-sizing: border-box; border-width: 3px; border-style: solid; border-color: rgb(0, 254, 169) transparent transparent rgb(0, 254, 169); border-image: none; border-radius: 50%; animation: 700ms linear 0s infinite normal none running spin; left: calc(50% - 10px); z-index: 9998; top: calc(50% - 10px); }
#fasttrack-crm .title, #fasttrack-crm .preview, #fasttrack-crm .message, #fasttrack-crm .cta-button, #fasttrack-crm .no-messages *, #fasttrack-crm .message-body, #fasttrack-crm .bottom-info, #fasttrack-crm .footer-text, #fasttrack-crm .text, #fasttrack-crm .date { word-break: normal !important; overflow-wrap: break-word !important; color: rgb(255, 255, 255) !important; font-family: Kanit, sans-serif !important; }
#fasttrack-crm .is_read .title, #fasttrack-crm .is_read .date, #fasttrack-crm .is_read .text { color: rgba(255, 255, 255, 0.6) !important; }
#fasttrack-crm .image-wrapper { display: flex; -webkit-box-align: center; align-items: center; margin-right: 15px; }
#fasttrack-crm .image-wrapper img { margin: 0px !important; width: 131px !important; }
#fasttrack-crm .preview { -webkit-line-clamp: 5; -webkit-box-orient: vertical; overflow: hidden; color: rgb(255, 255, 255) !important; display: -webkit-box !important; padding-bottom: 0px !important; }
#fasttrack-crm .show-message-button, #fasttrack-crm .cta-button { -webkit-box-pack: center; justify-content: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-weight: 700; background-color: rgb(21, 40, 34) !important; box-shadow: none !important; border-width: medium !important; border-style: none !important; border-color: currentcolor !important; border-image: none !important; padding: 0px 12px !important; margin: 0px !important; height: 44px !important; vertical-align: middle !important; line-height: 44px !important; transition: 0.6s !important; text-transform: unset !important; font-size: 13px !important; display: inline-block !important; color: rgb(255, 255, 255) !important; }
#fasttrack-crm .show-message-button:hover, #fasttrack-crm .cta-button:hover { background-color: rgb(0, 254, 169) !important; }
#fasttrack-crm .show-message-button.secondary, #fasttrack-crm .cta-button.secondary { border: 1px solid rgb(0, 254, 169); background-color: rgb(0, 254, 169) !important; box-shadow: rgba(0, 254, 169, 0.9) 0px 0px 10px 0px !important; }
#fasttrack-crm .show-message-button.secondary:hover, #fasttrack-crm .cta-button.secondary:hover { background-color: rgb(238, 190, 68) !important; color: rgb(255, 255, 255) !important; }
#fasttrack-crm .close-btn { margin: 0px !important; top: 16px !important; right: 16px !important; left: unset !important; background-color: rgb(21, 40, 34) !important; box-shadow: none !important; }
#fasttrack-crm .close-btn::before, #fasttrack-crm .close-btn::after { background-color: rgb(255, 255, 255) !important; }
#fasttrack-crm .small-notifications-wrapper { z-index: 1200 !important; padding: 0px 15px 15px !important; top: 68px !important; overflow-y: auto !important; max-height: calc(-68px + 100vh) !important; }
#fasttrack-crm .small-notifications-wrapper .notification-small { background-color: rgb(28, 54, 45) !important; padding: 15px !important; }
#fasttrack-crm .small-notifications-wrapper .notification-small .show-message-button { min-width: 100px; width: calc(50% - 8px) !important; }
#fasttrack-crm .small-notifications-wrapper .notification-small .show-message-button.secondary { margin-left: 16px !important; }
#fasttrack-crm .selected-message { padding: 16px; gap: 16px; border-radius: 0px !important; background-color: rgb(21, 40, 34) !important; }
#fasttrack-crm .selected-message .image { border-radius: 21.512px; overflow: hidden; }
#fasttrack-crm .selected-message .image.loaded { width: 100%; max-width: 588px; height: 215.122px; flex-shrink: 0; background: none !important; }
#fasttrack-crm .selected-message .scroll-area { display: flex; flex-direction: column; flex: 1 1 0px; min-height: 0px; overflow: unset !important; height: fit-content !important; position: relative !important; }
#fasttrack-crm .selected-message .scroll-area .title { font-size: 16px !important; font-style: normal !important; font-weight: 600 !important; line-height: 20px !important; }
#fasttrack-crm .selected-message .bottom-info { flex-shrink: 0; }
#fasttrack-crm .selected-message .image, #fasttrack-crm .selected-message img { width: 100%; object-fit: contain; }
#fasttrack-crm .small-notifications-wrapper::-webkit-scrollbar-track, #fasttrack-crm .messages-list::-webkit-scrollbar-track { background-color: rgb(28, 54, 45) !important; }
#fasttrack-crm .small-notifications-wrapper::-webkit-scrollbar, #fasttrack-crm .messages-list::-webkit-scrollbar { width: 2px !important; background-color: rgb(28, 54, 45) !important; }
#fasttrack-crm .small-notifications-wrapper::-webkit-scrollbar-thumb, #fasttrack-crm .messages-list::-webkit-scrollbar-thumb { border-radius: 200px !important; background-color: rgb(0, 254, 169) !important; }
#fasttrack-crm .inbox-wrapper .inbox { height: 100vh; max-height: 660px; max-width: 620px; overflow: hidden auto; background-color: rgb(21, 40, 34) !important; margin: 0px !important; }
#fasttrack-crm .inbox-wrapper .inbox .inbox-navigation-bar { padding-left: 16px; padding-right: 16px; }
#fasttrack-crm .inbox-wrapper .inbox .messages-list { padding: 16px; overflow-y: auto; display: flex; flex-direction: column; gap: 16px; max-width: unset !important; }
#fasttrack-crm .inbox-wrapper .inbox .messages-list .title { text-align: left !important; }
#fasttrack-crm .inbox-wrapper .inbox .logo:not(.back-button) { display: none; }
#fasttrack-crm .inbox-wrapper .inbox .back-button { display: flex; }
#fasttrack-crm .inbox-wrapper .inbox::-webkit-scrollbar-track { background-color: rgba(0, 254, 169, 0.1) !important; }
#fasttrack-crm .inbox-wrapper .inbox::-webkit-scrollbar { width: 5px !important; background-color: rgba(0, 254, 169, 0.1) !important; }
#fasttrack-crm .inbox-wrapper .inbox::-webkit-scrollbar-thumb { border-radius: 200px !important; background-color: rgb(0, 254, 169) !important; }
#fasttrack-crm .inbox-wrapper .inbox .title { font-size: 14px; line-height: 18px; font-weight: 600; font-style: normal; text-align: center; margin: 0px !important; }
#fasttrack-crm .inbox-wrapper .inbox .bottom-info { font-weight: 400; font-size: 12px; font-style: normal; line-height: 16px; text-align: center; padding: 16px 0px 0px; border-top: 1px solid rgb(42, 80, 68); margin: 12px 0px 0px !important; color: rgba(255, 255, 255, 0.8) !important; text-decoration-line: unset !important; text-decoration-skip-ink: none !important; text-decoration-thickness: auto !important; text-underline-offset: auto !important; text-underline-position: from-font !important; }
#fasttrack-crm .inbox-wrapper .inbox .bottom-info br { display: none; }
@media (max-width: 599.95px) {
  #fasttrack-crm .inbox-wrapper .inbox .bottom-info br { display: block; }
}
#fasttrack-crm .inbox-wrapper .inbox .bottom-info a { font-weight: 400; text-decoration-line: underline; }
#fasttrack-crm .inbox-wrapper .inbox .message-body { font-size: 14px; font-style: normal; font-weight: 400; line-height: 18px; flex: 1 1 0px; min-height: 0px; overflow-y: auto; margin: 12px 0px 0px !important; color: rgba(255, 255, 255, 0.8) !important; }
#fasttrack-crm .inbox-wrapper .inbox .bottom-row { padding: 0px !important; margin: 0px !important; box-shadow: unset !important; }
#fasttrack-crm .inbox-wrapper .inbox .bottom-row .buttons-row { gap: 16px; flex-wrap: nowrap; padding: 0px !important; margin: 0px !important; }
#fasttrack-crm .inbox-wrapper .inbox .bottom-row .cta-button { flex: 1 1 0px; min-width: 0px; max-width: none; font-style: normal; font-weight: 600; display: block !important; font-size: 14px !important; line-height: 18px !important; border-radius: 6px !important; padding: 13px 24px !important; background-color: rgb(28, 54, 45) !important; }
#fasttrack-crm .inbox-wrapper .inbox .bottom-row .cta-button::before { border-radius: 6px !important; }
#fasttrack-crm .inbox-wrapper .inbox .bottom-row .cta-button:hover { background-color: rgb(42, 80, 68) !important; }
#fasttrack-crm .inbox-wrapper .inbox .bottom-row .secondary { background: linear-gradient(90deg, rgb(254, 226, 12) 0%, rgb(255, 174, 0) 100%); box-shadow: none !important; color: rgb(14, 27, 23) !important; }
#fasttrack-crm .inbox-wrapper .inbox .bottom-row .secondary:hover { background: linear-gradient(270deg, rgb(254, 226, 12) 0%, rgb(255, 174, 0) 100%); }
#fasttrack-crm .inbox-wrapper .inbox .footer-text { font-style: normal; font-weight: 600; padding: 16px 0px 0px !important; margin: 0px !important; color: rgb(0, 254, 169) !important; font-size: 14px !important; line-height: 18px !important; }
#fasttrack-crm .inbox-wrapper .inbox-navigation-bar { box-shadow: none; border-radius: 8px !important; padding-right: 45px !important; padding-top: 14px !important; }
#fasttrack-crm .inbox-wrapper .inbox-navigation-bar .contact-details { display: none; }
#fasttrack-crm .inbox-wrapper .inbox-navigation-bar .back-button { color: rgb(255, 255, 255) !important; }
#fasttrack-crm .inbox-wrapper .inbox-navigation-bar .back-button::before, #fasttrack-crm .inbox-wrapper .inbox-navigation-bar .back-button::after { background-color: rgb(255, 255, 255) !important; }
#fasttrack-crm .inbox-wrapper .message { gap: 8px; border-radius: 8px; padding: 12px; height: auto; min-height: 100px; flex-shrink: 0; }
#fasttrack-crm .inbox-wrapper .message .title { max-width: calc(100% - 16px); font-size: 14px; font-style: normal; font-weight: 600; line-height: 18px; }
#fasttrack-crm .inbox-wrapper .message.is_read .title, #fasttrack-crm .inbox-wrapper .message.is_unread .title { min-width: 0px; white-space: normal; }
#fasttrack-crm .inbox-wrapper .message.is_read .title p, #fasttrack-crm .inbox-wrapper .message.is_unread .title p { margin: 0px; }
#fasttrack-crm .inbox-wrapper .message.is_read .text, #fasttrack-crm .inbox-wrapper .message.is_unread .text { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; white-space: normal; max-height: none; font-size: 14px; font-style: normal; font-weight: 500; line-height: 22px; }
#fasttrack-crm .inbox-wrapper .message.is_read .text p, #fasttrack-crm .inbox-wrapper .message.is_unread .text p { margin: 0px; }
#fasttrack-crm .inbox-wrapper .message .date { font-weight: 400; color: rgba(255, 255, 255, 0.6) !important; font-size: 12px !important; font-style: normal !important; line-height: 16px !important; }
#fasttrack-crm .inbox-wrapper .message .unread-badge { display: none; }
#fasttrack-crm .inbox-wrapper .message:nth-of-type(2n+1) { background-color: rgb(28, 54, 45) !important; }
#fasttrack-crm .inbox-wrapper .message:nth-of-type(2n) { background-color: rgb(28, 54, 45) !important; }
#fasttrack-crm .inbox-wrapper .delete-button g { fill: rgb(255, 255, 255); }
#fasttrack-crm .inbox-wrapper .no-messages::before { content: ""; display: block; width: 160px; height: 160px; margin: 0px auto 20px; background-image: url("/assets/2ae5aaca81b0-empty-message.webp"); background-position: center center; background-repeat: no-repeat; background-size: contain; }
#fasttrack-crm .inbox-wrapper .no-messages svg { display: none !important; }
#fasttrack-crm .inbox-wrapper .no-messages span { font-size: 16px !important; line-height: 20px !important; max-width: 252px !important; font-weight: 600 !important; }
#ft-crm-inbox-badge { display: block !important; height: 0px; }
.no-messages svg { fill: rgb(255, 255, 255) !important; }
.spinner div::after { background-color: rgb(255, 255, 255) !important; }
.footer-text { margin-top: 10px !important; }
@media (max-width: 899.95px) {
  #fasttrack-crm .title, #fasttrack-crm .preview, #fasttrack-crm .message, #fasttrack-crm .cta-button, #fasttrack-crm .no-messages *, #fasttrack-crm .message-body, #fasttrack-crm .bottom-info, #fasttrack-crm .footer-text, #fasttrack-crm .text, #fasttrack-crm .date { word-break: normal !important; overflow-wrap: break-word !important; color: rgb(255, 255, 255) !important; font-family: Kanit, sans-serif !important; }
  #fasttrack-crm .image-wrapper { display: flex; -webkit-box-align: center; align-items: center; margin-right: 15px; }
  #fasttrack-crm .image-wrapper img { margin: 0px !important; width: 131px !important; }
  #fasttrack-crm .preview { -webkit-line-clamp: 5; -webkit-box-orient: vertical; overflow: hidden; color: rgb(255, 255, 255) !important; display: -webkit-box !important; padding-bottom: 0px !important; }
  #fasttrack-crm .show-message-button, #fasttrack-crm .cta-button { -webkit-box-pack: center; justify-content: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-weight: 700; background-color: rgb(21, 40, 34) !important; box-shadow: none !important; border-width: medium !important; border-style: none !important; border-color: currentcolor !important; border-image: none !important; padding: 0px 12px !important; margin: 0px !important; height: 44px !important; vertical-align: middle !important; line-height: 44px !important; transition: 0.6s !important; text-transform: unset !important; font-size: 13px !important; display: inline-block !important; color: rgb(255, 255, 255) !important; }
  #fasttrack-crm .show-message-button:hover, #fasttrack-crm .cta-button:hover { background-color: rgb(0, 254, 169) !important; }
  #fasttrack-crm .show-message-button.secondary, #fasttrack-crm .cta-button.secondary { border: 1px solid rgb(0, 254, 169); background-color: rgb(0, 254, 169) !important; box-shadow: rgba(0, 254, 169, 0.9) 0px 0px 10px 0px !important; }
  #fasttrack-crm .show-message-button.secondary:hover, #fasttrack-crm .cta-button.secondary:hover { background-color: rgb(238, 190, 68) !important; color: rgb(255, 255, 255) !important; }
  #fasttrack-crm .close-btn { margin: 0px !important; top: 5px !important; right: 5px !important; left: unset !important; background-color: rgb(21, 40, 34) !important; }
  #fasttrack-crm .close-btn::before, #fasttrack-crm .close-btn::after { background-color: rgb(255, 255, 255) !important; }
  #fasttrack-crm .small-notifications-wrapper { z-index: 1200 !important; padding: 0px 15px 15px !important; top: 68px !important; overflow-y: auto !important; max-height: calc(-68px + 100vh) !important; }
  #fasttrack-crm .small-notifications-wrapper .notification-small { background-color: rgb(28, 54, 45) !important; padding: 15px !important; }
  #fasttrack-crm .small-notifications-wrapper .notification-small .show-message-button { min-width: 100px; width: calc(50% - 8px) !important; }
  #fasttrack-crm .small-notifications-wrapper .notification-small .show-message-button.secondary { margin-left: 16px !important; }
  #fasttrack-crm .selected-message .image.loaded { border-radius: 12px; }
  #fasttrack-crm .selected-message .scroll-area { overflow: unset !important; height: fit-content !important; }
  #fasttrack-crm .messages-list { max-width: unset !important; }
  #fasttrack-crm .small-notifications-wrapper::-webkit-scrollbar-track, #fasttrack-crm .messages-list::-webkit-scrollbar-track { background-color: rgb(28, 54, 45) !important; }
  #fasttrack-crm .small-notifications-wrapper::-webkit-scrollbar, #fasttrack-crm .messages-list::-webkit-scrollbar { width: 2px !important; background-color: rgb(28, 54, 45) !important; }
  #fasttrack-crm .small-notifications-wrapper::-webkit-scrollbar-thumb, #fasttrack-crm .messages-list::-webkit-scrollbar-thumb { border-radius: 200px !important; background-color: rgb(0, 254, 169) !important; }
  #fasttrack-crm .inbox-wrapper .inbox { height: 100vh; overflow: hidden auto; background-color: rgb(21, 40, 34) !important; margin: 0px !important; }
  #fasttrack-crm .inbox-wrapper .inbox::-webkit-scrollbar-track { background-color: rgba(0, 254, 169, 0.1) !important; }
  #fasttrack-crm .inbox-wrapper .inbox::-webkit-scrollbar { width: 5px !important; background-color: rgba(0, 254, 169, 0.1) !important; }
  #fasttrack-crm .inbox-wrapper .inbox::-webkit-scrollbar-thumb { border-radius: 200px !important; background-color: rgb(0, 254, 169) !important; }
  #fasttrack-crm .inbox-wrapper .inbox .title { font-size: 16px; font-weight: 700; }
  #fasttrack-crm .inbox-wrapper .inbox-navigation-bar { border-radius: 8px !important; padding-right: 45px !important; }
  #fasttrack-crm .inbox-wrapper .inbox-navigation-bar .back-button { color: rgb(255, 255, 255) !important; }
  #fasttrack-crm .inbox-wrapper .inbox-navigation-bar .back-button::before, #fasttrack-crm .inbox-wrapper .inbox-navigation-bar .back-button::after { background-color: rgb(255, 255, 255) !important; }
  #fasttrack-crm .inbox-wrapper .message .title { padding-right: 16px; }
  #fasttrack-crm .inbox-wrapper .message .date { font-size: 12px !important; color: rgba(255, 255, 255, 0.6) !important; }
  #fasttrack-crm .inbox-wrapper .message:nth-of-type(2n+1) { background-color: rgb(28, 54, 45) !important; }
  #fasttrack-crm .inbox-wrapper .message:nth-of-type(2n) { background-color: rgb(28, 54, 45) !important; }
  #fasttrack-crm .inbox-wrapper .delete-button g { fill: rgb(255, 255, 255); }
  #fasttrack-crm .inbox-wrapper .no-messages::before { content: ""; display: block; width: 160px; height: 160px; margin: 0px auto 20px; background-image: url("/assets/2ae5aaca81b0-empty-message.webp"); background-position: center center; background-repeat: no-repeat; background-size: contain; }
  #fasttrack-crm .inbox-wrapper .no-messages svg { display: none !important; }
  #fasttrack-crm .inbox-wrapper .no-messages span { font-size: 16px !important; line-height: 20px !important; max-width: 252px !important; }
  #ft-crm-inbox-badge { display: block !important; height: 0px; }
  .no-messages svg { fill: rgb(255, 255, 255) !important; }
  .spinner div::after { background-color: rgb(255, 255, 255) !important; }
  .footer-text { margin-top: 10px !important; }
  @media (max-width: 899.95px) {
  #fasttrack-crm .small-notifications-wrapper { padding: 10px !important; }
  #fasttrack-crm .small-notifications-wrapper .notification-small { padding: 10px !important; }
  #fasttrack-crm .title { font-size: 15px !important; padding-right: 13px; }
  #fasttrack-crm .preview { font-size: 13px !important; }
  #fasttrack-crm .image-wrapper { display: flex; -webkit-box-align: center; align-items: center; margin-right: 10px; }
  #fasttrack-crm .image-wrapper img { width: 80px !important; }
}
}
@media (max-width: 599.95px) {
  #fasttrack-crm .selected-message .image.loaded { height: 120px; }
}
.driver-popover-stop-control { top: 0px; left: 0px; width: 100%; height: 100%; position: fixed; z-index: 999999999; pointer-events: visible; background-color: transparent; }
.driver-popover.driver-js-tours { min-width: 375px; min-height: 168px; grid-template-columns: 150px auto; gap: 8px; grid-template-areas: "left header" "left main" "left subMain" "left footer"; padding: 12px; border-radius: 12px; border: 1px solid transparent; background: linear-gradient(rgb(14, 27, 23), rgb(14, 27, 23)) padding-box padding-box, linear-gradient(90deg, rgb(0, 254, 169) 0%, rgb(0, 254, 169) 100%) border-box border-box; display: grid !important; overflow: unset !important; }
.driver-popover.driver-js-tours.mobile { min-width: 320px; }
.driver-popover.driver-js-tours .driver-popover-close-btn { top: 4px; right: 4px; color: rgba(255, 255, 255, 0.8); height: 24px; width: 24px; padding: 4px; border-radius: 6px; }
.driver-popover.driver-js-tours .driver-popover-close-btn > * { line-height: 24px; font-size: 24px; }
.driver-popover.driver-js-tours .driver-popover-close-btn:hover { background-color: rgba(255, 255, 255, 0.08); }
.driver-popover.driver-js-tours.driver-popover-wrapper-without-image { column-gap: 0px; grid-template-columns: auto; grid-template-areas: "header" "main" "subMain" "footer"; }
.driver-popover.driver-js-tours .driver-popover.driverjs-theme .driver-popover-title, .driver-popover.driver-js-tours .driver-popover.driverjs-theme .driver-popover-description, .driver-popover.driver-js-tours .driver-popover.driverjs-theme .driver-popover-progress-text { color: rgb(255, 255, 255); }
.driver-popover.driver-js-tours .driver-popover-arrow { border-width: 10px; border-color: rgb(0, 254, 169); width: 0px !important; height: 0px !important; }
.driver-popover.driver-js-tours .driver-popover-arrow.driver-popover-arrow-side-right { right: calc(100% + 1px); border-left-color: transparent; border-bottom-color: transparent; border-top-color: transparent; }
.driver-popover.driver-js-tours .driver-popover-arrow.driver-popover-arrow-side-bottom { bottom: calc(100% + 1px); border-left-color: transparent; border-top-color: transparent; border-right-color: transparent; }
.driver-popover.driver-js-tours .driver-popover-arrow.driver-popover-arrow-side-top { top: calc(100% + 1px); border-left-color: transparent; border-bottom-color: transparent; border-right-color: transparent; }
.driver-popover.driver-js-tours .driver-popover-arrow.driver-popover-arrow-side-left { left: calc(100% + 1px); border-right-color: transparent; border-bottom-color: transparent; border-top-color: transparent; }
.driver-popover.driver-js-tours .driver-popover-title { padding-right: 20px; text-shadow: none; grid-area: header; color: rgb(255, 255, 255); font-size: 24px; line-height: 32px; font-weight: 700; }
.driver-popover.driver-js-tours .driver-popover-description { min-width: 172px; grid-area: main; text-shadow: none; color: rgb(255, 255, 255); font-size: 14px; line-height: 18px; font-weight: 500; }
.driver-popover.driver-js-tours .driver-popover-description1 { min-width: 172px; text-shadow: none; grid-area: subMain; color: rgb(255, 255, 255); font-size: 14px; line-height: 18px; font-weight: 500; }
.driver-popover.driver-js-tours .driver-popover-footer { grid-area: footer; margin-top: 16px; }
.driver-popover.driver-js-tours .driver-popover-footer .driver-popover-navigation-btns { -webkit-box-pack: end; justify-content: end; gap: 12px; }
.driver-popover.driver-js-tours .driver-popover-footer .driver-popover-navigation-btns button { text-shadow: none; }
.driver-popover.driver-js-tours .driver-popover-footer .driver-popover-navigation-btns .driver-popover-prev-btn { border: 0px; height: 36px; font-size: 14px; font-weight: 700; line-height: 18px; background-color: transparent; color: rgb(0, 254, 169); }
.driver-popover.driver-js-tours .driver-popover-footer .driver-popover-navigation-btns .driver-popover-next-btn { min-width: fit-content; border-radius: 6px; padding: 9px 12px; background: linear-gradient(90deg, rgb(254, 226, 12) 0%, rgb(255, 174, 0) 25%, rgb(254, 226, 12) 75%, rgb(255, 174, 0) 100%) 0% 0% / 400% 400%; border: 0px; height: 36px; font-size: 14px; font-weight: 700; color: rgb(14, 27, 23); }
.driver-popover.driver-js-tours .driver-popover-footer .driver-popover-navigation-btns .driver-popover-next-btn:hover { animation: 0.7s ease 0s 1 normal forwards running animation-dofypc; }
.driver-popover.driver-js-tours .driver-popover-image { grid-area: left; margin: auto; max-width: 100%; filter: drop-shadow(rgb(0, 254, 169) 0px 0px 20px); }
@-webkit-keyframes mui-auto-fill { 
  0% { display: block; }
}
@keyframes mui-auto-fill { 
  0% { display: block; }
}
@-webkit-keyframes mui-auto-fill-cancel { 
  0% { display: block; }
}
@keyframes mui-auto-fill-cancel { 
  0% { display: block; }
}
.css-kolccp { background-color: rgb(21, 40, 34); background-image: none; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; box-shadow: none; transition: width 300ms cubic-bezier(0.4, 0, 0.2, 1), margin 300ms cubic-bezier(0.4, 0, 0.2, 1), left 300ms cubic-bezier(0.4, 0, 0.2, 1); height: calc(64px + env(safe-area-inset-top)); padding-top: env(safe-area-inset-top); }
@media (min-width: 1024px) {
  .css-kolccp { width: calc(100% - 260px); left: 260px; }
}
@media (max-width: 899.95px) {
  .css-kolccp { height: calc(56px + env(safe-area-inset-top)); z-index: 1202; }
}
.css-qe59jw { display: flex; flex-direction: column; width: 100%; box-sizing: border-box; flex-shrink: 0; position: fixed; z-index: 1100; top: 0px; left: auto; right: 0px; --AppBar-background: #00FEA9; --AppBar-color: rgba(0, 0, 0, 0.87); background-color: rgb(21, 40, 34); background-image: none; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; box-shadow: none; transition: width 300ms cubic-bezier(0.4, 0, 0.2, 1), margin 300ms cubic-bezier(0.4, 0, 0.2, 1), left 300ms cubic-bezier(0.4, 0, 0.2, 1); height: calc(64px + env(safe-area-inset-top)); padding-top: env(safe-area-inset-top); }
@media print {
  .css-qe59jw { position: absolute; }
}
@media (min-width: 1024px) {
  .css-qe59jw { width: calc(100% - 260px); left: 260px; }
}
@media (max-width: 899.95px) {
  .css-qe59jw { height: calc(56px + env(safe-area-inset-top)); z-index: 1202; }
}
.css-bb7a3w { color: rgb(255, 255, 255); display: flex; flex-direction: column; width: 100%; box-sizing: border-box; flex-shrink: 0; position: fixed; z-index: 1100; top: 0px; left: auto; right: 0px; --AppBar-background: #00FEA9; --AppBar-color: rgba(0, 0, 0, 0.87); background-color: rgb(21, 40, 34); background-image: none; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; box-shadow: none; transition: width 300ms cubic-bezier(0.4, 0, 0.2, 1), margin 300ms cubic-bezier(0.4, 0, 0.2, 1), left 300ms cubic-bezier(0.4, 0, 0.2, 1); height: calc(64px + env(safe-area-inset-top)); padding-top: env(safe-area-inset-top); }
@media print {
  .css-bb7a3w { position: absolute; }
}
@media (min-width: 1024px) {
  .css-bb7a3w { width: calc(100% - 260px); left: 260px; }
}
@media (max-width: 899.95px) {
  .css-bb7a3w { height: calc(56px + env(safe-area-inset-top)); z-index: 1202; }
}
.css-1ihe551 { display: flex; flex: 1 1 0%; transition: width 300ms cubic-bezier(0.4, 0, 0.2, 1); box-shadow: none; -webkit-box-align: center; align-items: center; -webkit-box-pack: justify; justify-content: space-between; background-color: rgb(21, 40, 34); padding: 0px 24px 0px 32px; }
@media (max-width: 599.95px) {
  .css-1ihe551 { width: 100%; padding: 0px 16px; gap: 12px; min-height: 56px; }
}
.css-aiqn3o { position: relative; min-height: 64px; display: flex; flex: 1 1 0%; transition: width 300ms cubic-bezier(0.4, 0, 0.2, 1); box-shadow: none; -webkit-box-align: center; align-items: center; -webkit-box-pack: justify; justify-content: space-between; background-color: rgb(21, 40, 34); padding: 0px 24px 0px 32px; }
@media (min-width: 0px) {
  @media (orientation: landscape) {
  .css-aiqn3o { min-height: 64px; }
}
}
@media (min-width: 600px) {
  .css-aiqn3o { min-height: 64px; }
}
@media (max-width: 599.95px) {
  .css-aiqn3o { width: 100%; padding: 0px 16px; gap: 12px; min-height: 56px; }
}
.css-vcb7ji { display: flex; flex-direction: row; -webkit-box-pack: justify; justify-content: space-between; -webkit-box-align: center; align-items: center; width: 100%; max-width: 1200px; margin: auto; gap: 24px; }
@media (max-width: 899.95px) {
  .css-vcb7ji { -webkit-box-pack: center; justify-content: center; }
}
.css-2pfb4p { display: flex; flex-direction: row; flex: 1 1 0%; gap: 24px; -webkit-box-align: center; align-items: center; }
@media (max-width: 899.95px) {
  .css-2pfb4p { flex: unset; flex-direction: column; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; gap: 10px; }
}
.css-1v2yl9d { min-width: 24px; display: flex; flex-direction: row; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; }
.css-wxrcqd { position: relative; overflow: hidden; display: flex; }
.css-1j7twow { display: flex; flex-direction: row; -webkit-box-align: center; align-items: center; gap: 12px; min-width: fit-content; }
@media (max-width: 599.95px) {
  .css-1j7twow { gap: 8px; }
}
@media (max-width: 1023.95px) {
  .css-1j7twow .search-button { display: none; }
}
.css-1j7twow .login-button { min-width: 123px; }
@media (max-width: 599.95px) {
  .css-1j7twow .login-button { min-width: 93px; }
}
.css-3yg897 { display: inline-flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; gap: 8px; flex-shrink: 0; border-radius: 6px; color: rgba(0, 0, 0, 0.8); font-size: 14px; text-transform: none; text-align: center; min-width: 123px; margin-inline: 0px 8px; }
.css-3yg897 .MuiButton-startIcon { display: inline-flex; gap: 8px; margin-right: 0px; margin-left: 0px; }
.css-3yg897 .MuiButton-endIcon { display: inline-flex; gap: 8px; margin-right: 0px; margin-left: 0px; }
.css-3yg897.MuiButton-containedPrimary { box-shadow: none; color: rgb(14, 27, 23); background: linear-gradient(90deg, rgb(254, 226, 12) 0%, rgb(255, 174, 0) 25%, rgb(254, 226, 12) 75%, rgb(255, 174, 0) 100%) 0% 0% / 400% 400%; }
.css-3yg897.MuiButton-containedPrimary:hover { color: rgb(14, 27, 23); animation: 0.7s ease 0s 1 normal forwards running animation-dofypc; }
.css-3yg897.MuiButton-containedPrimary:active { color: rgb(14, 27, 23); animation: 0.7s ease 0s 1 normal forwards running animation-i3y9un; }
.css-3yg897.MuiButton-containedPrimary:disabled { color: rgb(14, 27, 23); opacity: 0.5; }
.css-3yg897.MuiButton-containedSecondary { color: rgba(255, 255, 255, 0.8); background-color: rgb(28, 54, 45); box-shadow: none; }
.css-3yg897.MuiButton-containedSecondary:hover { background-color: rgb(28, 54, 45); opacity: 0.85; }
.css-3yg897.MuiButton-containedSecondary:active { color: rgb(255, 255, 255); background-color: rgb(28, 54, 45); opacity: 1; }
.css-3yg897.MuiButton-containedSecondary:disabled { color: rgba(255, 255, 255, 0.8); background-color: rgb(28, 54, 45); opacity: 0.4; }
.css-3yg897.MuiButton-containedSizeLarge { height: 44px; padding: 0px 12px; }
.css-3yg897.MuiButton-containedSizeMedium { height: 40px; padding: 0px 12px; }
.css-3yg897.MuiButton-containedSizeSmall { height: 36px; padding: 0px 12px; }
.css-3yg897.MuiButton-outlinedSizeLarge { height: 44px; padding: 0px 12px; }
.css-3yg897.MuiButton-outlinedSizeMedium { height: 40px; padding: 0px 12px; }
.css-3yg897.MuiButton-outlinedSizeSmall { height: 36px; padding: 0px 12px 0px 8px; }
.css-3yg897.MuiButton-text { padding: 0px 12px; color: rgb(0, 254, 169); font-size: 14px; font-weight: 600; line-height: 18px; }
.css-3yg897.MuiButton-text:hover { background: transparent; color: rgb(0, 229, 152); }
.css-3yg897.MuiButton-text:active { color: rgb(0, 229, 152); }
.css-3yg897.MuiButton-text:disabled { color: rgb(0, 254, 169); opacity: 0.4; }
.css-3yg897.MuiButton-textSecondary { color: rgba(255, 255, 255, 0.8); background: rgb(28, 54, 45); }
.css-3yg897.MuiButton-textSecondary:hover { opacity: 0.85; }
.css-3yg897.MuiButton-textSecondary:active { opacity: 1; }
.css-3yg897.MuiButton-textSecondary:disabled { opacity: 0.5; }
.css-3yg897.MuiButton-textSizeLarge { height: 44px; }
.css-3yg897.MuiButton-textSizeMedium { height: 40px; }
.css-3yg897.MuiButton-textSizeSmall { height: 36px; }
.css-3yg897.MuiButton-iconInherit { padding: 0px; }
.css-3yg897.MuiButton-iconPrimary { background: linear-gradient(90deg, rgb(254, 226, 12) 0%, rgb(255, 174, 0) 25%, rgb(254, 226, 12) 75%, rgb(255, 174, 0) 100%); box-shadow: none; }
.css-3yg897.MuiButton-iconPrimary:hover { opacity: 0.8; }
.css-3yg897.MuiButton-iconPrimary:active { opacity: 1; }
.css-3yg897.MuiButton-iconPrimary:disabled { opacity: 0.5; }
.css-3yg897.MuiButton-iconSecondary { color: rgba(255, 255, 255, 0.8); box-shadow: none; background-color: rgb(28, 54, 45); }
.css-3yg897.MuiButton-iconSecondary:hover { background-color: rgb(28, 54, 45); opacity: 0.85; }
.css-3yg897.MuiButton-iconSecondary:active { color: rgb(255, 255, 255); background-color: rgb(28, 54, 45); opacity: 1; }
.css-3yg897.MuiButton-iconSecondary:disabled { color: rgba(255, 255, 255, 0.8); background-color: rgb(28, 54, 45); opacity: 0.4; }
.css-3yg897.MuiButton-iconSuccess { background: rgb(152, 255, 22); border: 1px solid rgb(152, 255, 22); box-shadow: rgba(152, 255, 22, 0.6) 0px 0px 10px 0px; }
.css-3yg897.MuiButton-iconSuccess:hover { background-color: rgb(106, 178, 15); }
.css-3yg897.MuiButton-iconSuccess:active { background-color: rgb(106, 178, 15); }
.css-3yg897.MuiButton-iconSuccess:disabled { opacity: 0.5; box-shadow: none; }
.css-3yg897.MuiButton-iconError { background: rgb(242, 73, 50); border: 1px solid rgb(242, 73, 50); box-shadow: rgba(242, 73, 50, 0.6) 0px 0px 10px 0px; }
.css-3yg897.MuiButton-iconError:hover { background-color: rgb(169, 51, 35); }
.css-3yg897.MuiButton-iconError:active { background-color: rgb(169, 51, 35); }
.css-3yg897.MuiButton-iconError:disabled { opacity: 0.5; box-shadow: none; }
.css-3yg897.MuiButton-iconInfo { background: rgb(79, 195, 247); border: 1px solid rgb(79, 195, 247); box-shadow: rgba(79, 195, 247, 0.6) 0px 0px 10px 0px; }
.css-3yg897.MuiButton-iconInfo:hover { background-color: rgb(55, 136, 172); }
.css-3yg897.MuiButton-iconInfo:active { background-color: rgb(55, 136, 172); }
.css-3yg897.MuiButton-iconInfo:disabled { opacity: 0.5; box-shadow: none; }
.css-3yg897.MuiButton-iconWarning { background: rgb(255, 218, 22); border: 1px solid rgb(255, 218, 22); box-shadow: rgba(255, 218, 22, 0.6) 0px 0px 10px 0px; }
.css-3yg897.MuiButton-iconWarning:hover { background-color: rgb(178, 152, 15); }
.css-3yg897.MuiButton-iconWarning:active { background-color: rgb(178, 152, 15); }
.css-3yg897.MuiButton-iconWarning:disabled { opacity: 0.5; box-shadow: none; }
.css-3yg897.MuiButton-iconSizeLarge { min-width: 44px; width: 44px; height: 44px; padding: 2px; }
.css-3yg897.MuiButton-iconSizeLarge .MuiButton-startIcon { display: flex; gap: 0px; margin: 0px; color: rgba(255, 255, 255, 0.8); }
.css-3yg897.MuiButton-iconSizeMedium { min-width: 40px; width: 40px; height: 40px; padding: 2px; }
.css-3yg897.MuiButton-iconSizeMedium .MuiButton-startIcon { display: flex; gap: 0px; margin: 0px; }
.css-3yg897.MuiButton-iconSizeSmall { min-width: 36px; width: 36px; height: 36px; padding: 2px; }
.css-3yg897.MuiButton-iconSizeSmall .MuiButton-startIcon { display: flex; gap: 0px; margin: 0px; }
.css-3yg897.MuiButton-outlined { color: rgb(0, 254, 169); border: 1px solid rgb(0, 254, 169); background: rgba(14, 27, 23, 0.4); }
.css-3yg897.MuiButton-outlined:hover { border: 1px solid rgb(0, 254, 169); background: rgba(14, 27, 23, 0.4); opacity: 0.85; }
.css-3yg897.MuiButton-outlined:active { opacity: 1; }
.css-3yg897.MuiButton-outlined:disabled { color: rgb(0, 254, 169); border: 1px solid rgb(0, 254, 169); opacity: 0.4; }
.css-3yg897.MuiButton-cta { color: rgb(14, 27, 23); background-image: linear-gradient(90deg, rgb(254, 226, 12) 0%, rgb(255, 174, 0) 25%, rgb(254, 226, 12) 75%, rgb(255, 174, 0) 100%); background-size: 400% 400%; font-size: 14px; font-weight: 600; line-height: 18px; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; box-shadow: rgba(255, 255, 255, 0.6) 0px 9px 8px 0px inset, rgba(0, 254, 169, 0.2) 0px -4px 8px 0px inset, rgba(0, 254, 169, 0.24) 0px 0px 50px 0px; }
.css-3yg897.MuiButton-cta:hover { animation: 0.7s ease 0s 1 normal forwards running animation-dofypc; box-shadow: rgba(255, 255, 255, 0.6) 0px 9px 8px 0px inset, rgba(0, 254, 169, 0.2) 0px -4px 8px 0px inset, rgba(0, 254, 169, 0.8) 0px 0px 40px 0px; }
.css-3yg897.MuiButton-cta:active { animation: 0.7s ease 0s 1 normal forwards running animation-i3y9un; box-shadow: rgba(255, 255, 255, 0.6) 0px 9px 8px 0px inset, rgba(0, 254, 169, 0.2) 0px -4px 8px 0px inset, rgba(0, 254, 169, 0.24) 0px 0px 50px 0px; }
.css-3yg897.MuiButton-cta:disabled { color: rgb(14, 27, 23); opacity: 0.5; box-shadow: rgba(255, 255, 255, 0.6) 0px 9px 8px 0px inset, rgba(0, 254, 169, 0.2) 0px -4px 8px 0px inset, rgba(0, 254, 169, 0.24) 0px 0px 50px 0px; }
.css-3yg897.MuiButton-ctaSizeLarge { height: 44px; padding: 0px 12px; }
.css-3yg897.MuiButton-ctaSizeMedium { height: 40px; padding: 0px 12px; }
.css-3yg897.MuiButton-ctaSizeSmall { height: 36px; padding: 0px 12px; }
@-webkit-keyframes animation-i3y9un { 
  0% { background-position: 50% 0%; }
  100% { background-position: 0% 5%; }
}
@keyframes animation-i3y9un { 
  0% { background-position: 50% 0%; }
  100% { background-position: 0% 5%; }
}
@-webkit-keyframes animation-dofypc { 
  0% { background-position: 0% 50%; }
  100% { background-position: 50% 0%; }
}
@keyframes animation-dofypc { 
  0% { background-position: 0% 50%; }
  100% { background-position: 50% 0%; }
}
@-webkit-keyframes animation-i3y9un { 
  0% { background-position: 50% 0%; }
  100% { background-position: 0% 5%; }
}
@keyframes animation-i3y9un { 
  0% { background-position: 50% 0%; }
  100% { background-position: 0% 5%; }
}
@-webkit-keyframes animation-dofypc { 
  0% { background-position: 0% 50%; }
  100% { background-position: 50% 0%; }
}
@keyframes animation-dofypc { 
  0% { background-position: 0% 50%; }
  100% { background-position: 50% 0%; }
}
.css-d5xtjr { font-family: Kanit, sans-serif; font-weight: 500; line-height: 1.75; padding: 6px 16px; border: 0px; background-color: var(--variant-containedBg); box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 1px -2px, rgba(0, 0, 0, 0.14) 0px 2px 2px 0px, rgba(0, 0, 0, 0.12) 0px 1px 5px 0px; --variant-textColor: #2A5044; --variant-outlinedColor: #2A5044; --variant-outlinedBorder: rgba(42, 80, 68, 0.5); --variant-containedColor: #fff; --variant-containedBg: #2A5044; transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1), box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1), border-color 250ms cubic-bezier(0.4, 0, 0.2, 1); display: inline-flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; gap: 8px; flex-shrink: 0; border-radius: 6px; color: rgba(0, 0, 0, 0.8); font-size: 14px; text-transform: none; text-align: center; min-width: 123px; margin-inline: 0px 8px; }
.css-d5xtjr:hover { text-decoration: none; }
.css-d5xtjr.Mui-disabled { color: rgba(255, 255, 255, 0.3); }
.css-d5xtjr:hover { box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 4px -1px, rgba(0, 0, 0, 0.14) 0px 4px 5px 0px, rgba(0, 0, 0, 0.12) 0px 1px 10px 0px; }
@media (hover: none) {
  .css-d5xtjr:hover { box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 1px -2px, rgba(0, 0, 0, 0.14) 0px 2px 2px 0px, rgba(0, 0, 0, 0.12) 0px 1px 5px 0px; }
}
.css-d5xtjr:active { box-shadow: rgba(0, 0, 0, 0.2) 0px 5px 5px -3px, rgba(0, 0, 0, 0.14) 0px 8px 10px 1px, rgba(0, 0, 0, 0.12) 0px 3px 14px 2px; }
.css-d5xtjr.Mui-focusVisible { box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 5px -1px, rgba(0, 0, 0, 0.14) 0px 6px 10px 0px, rgba(0, 0, 0, 0.12) 0px 1px 18px 0px; }
.css-d5xtjr.Mui-disabled { color: rgba(255, 255, 255, 0.3); box-shadow: none; background-color: rgba(255, 255, 255, 0.12); }
@media (hover: hover) {
  .css-d5xtjr:hover { --variant-containedBg: rgb(29, 56, 47); --variant-textBg: rgba(42, 80, 68, 0.08); --variant-outlinedBorder: #2A5044; --variant-outlinedBg: rgba(42, 80, 68, 0.08); }
}
.css-d5xtjr.MuiButton-loading { color: transparent; }
.css-d5xtjr .MuiButton-startIcon { display: inline-flex; gap: 8px; margin-right: 0px; margin-left: 0px; }
.css-d5xtjr .MuiButton-endIcon { display: inline-flex; gap: 8px; margin-right: 0px; margin-left: 0px; }
.css-d5xtjr.MuiButton-containedPrimary { box-shadow: none; color: rgb(14, 27, 23); background: linear-gradient(90deg, rgb(254, 226, 12) 0%, rgb(255, 174, 0) 25%, rgb(254, 226, 12) 75%, rgb(255, 174, 0) 100%) 0% 0% / 400% 400%; }
.css-d5xtjr.MuiButton-containedPrimary:hover { color: rgb(14, 27, 23); animation: 0.7s ease 0s 1 normal forwards running animation-dofypc; }
.css-d5xtjr.MuiButton-containedPrimary:active { color: rgb(14, 27, 23); animation: 0.7s ease 0s 1 normal forwards running animation-i3y9un; }
.css-d5xtjr.MuiButton-containedPrimary:disabled { color: rgb(14, 27, 23); opacity: 0.5; }
.css-d5xtjr.MuiButton-containedSecondary { color: rgba(255, 255, 255, 0.8); background-color: rgb(28, 54, 45); box-shadow: none; }
.css-d5xtjr.MuiButton-containedSecondary:hover { background-color: rgb(28, 54, 45); opacity: 0.85; }
.css-d5xtjr.MuiButton-containedSecondary:active { color: rgb(255, 255, 255); background-color: rgb(28, 54, 45); opacity: 1; }
.css-d5xtjr.MuiButton-containedSecondary:disabled { color: rgba(255, 255, 255, 0.8); background-color: rgb(28, 54, 45); opacity: 0.4; }
.css-d5xtjr.MuiButton-containedSizeLarge { height: 44px; padding: 0px 12px; }
.css-d5xtjr.MuiButton-containedSizeMedium { height: 40px; padding: 0px 12px; }
.css-d5xtjr.MuiButton-containedSizeSmall { height: 36px; padding: 0px 12px; }
.css-d5xtjr.MuiButton-outlinedSizeLarge { height: 44px; padding: 0px 12px; }
.css-d5xtjr.MuiButton-outlinedSizeMedium { height: 40px; padding: 0px 12px; }
.css-d5xtjr.MuiButton-outlinedSizeSmall { height: 36px; padding: 0px 12px 0px 8px; }
.css-d5xtjr.MuiButton-text { padding: 0px 12px; color: rgb(0, 254, 169); font-size: 14px; font-weight: 600; line-height: 18px; }
.css-d5xtjr.MuiButton-text:hover { background: transparent; color: rgb(0, 229, 152); }
.css-d5xtjr.MuiButton-text:active { color: rgb(0, 229, 152); }
.css-d5xtjr.MuiButton-text:disabled { color: rgb(0, 254, 169); opacity: 0.4; }
.css-d5xtjr.MuiButton-textSecondary { color: rgba(255, 255, 255, 0.8); background: rgb(28, 54, 45); }
.css-d5xtjr.MuiButton-textSecondary:hover { opacity: 0.85; }
.css-d5xtjr.MuiButton-textSecondary:active { opacity: 1; }
.css-d5xtjr.MuiButton-textSecondary:disabled { opacity: 0.5; }
.css-d5xtjr.MuiButton-textSizeLarge { height: 44px; }
.css-d5xtjr.MuiButton-textSizeMedium { height: 40px; }
.css-d5xtjr.MuiButton-textSizeSmall { height: 36px; }
.css-d5xtjr.MuiButton-iconInherit { padding: 0px; }
.css-d5xtjr.MuiButton-iconPrimary { background: linear-gradient(90deg, rgb(254, 226, 12) 0%, rgb(255, 174, 0) 25%, rgb(254, 226, 12) 75%, rgb(255, 174, 0) 100%); box-shadow: none; }
.css-d5xtjr.MuiButton-iconPrimary:hover { opacity: 0.8; }
.css-d5xtjr.MuiButton-iconPrimary:active { opacity: 1; }
.css-d5xtjr.MuiButton-iconPrimary:disabled { opacity: 0.5; }
.css-d5xtjr.MuiButton-iconSecondary { color: rgba(255, 255, 255, 0.8); box-shadow: none; background-color: rgb(28, 54, 45); }
.css-d5xtjr.MuiButton-iconSecondary:hover { background-color: rgb(28, 54, 45); opacity: 0.85; }
.css-d5xtjr.MuiButton-iconSecondary:active { color: rgb(255, 255, 255); background-color: rgb(28, 54, 45); opacity: 1; }
.css-d5xtjr.MuiButton-iconSecondary:disabled { color: rgba(255, 255, 255, 0.8); background-color: rgb(28, 54, 45); opacity: 0.4; }
.css-d5xtjr.MuiButton-iconSuccess { background: rgb(152, 255, 22); border: 1px solid rgb(152, 255, 22); box-shadow: rgba(152, 255, 22, 0.6) 0px 0px 10px 0px; }
.css-d5xtjr.MuiButton-iconSuccess:hover { background-color: rgb(106, 178, 15); }
.css-d5xtjr.MuiButton-iconSuccess:active { background-color: rgb(106, 178, 15); }
.css-d5xtjr.MuiButton-iconSuccess:disabled { opacity: 0.5; box-shadow: none; }
.css-d5xtjr.MuiButton-iconError { background: rgb(242, 73, 50); border: 1px solid rgb(242, 73, 50); box-shadow: rgba(242, 73, 50, 0.6) 0px 0px 10px 0px; }
.css-d5xtjr.MuiButton-iconError:hover { background-color: rgb(169, 51, 35); }
.css-d5xtjr.MuiButton-iconError:active { background-color: rgb(169, 51, 35); }
.css-d5xtjr.MuiButton-iconError:disabled { opacity: 0.5; box-shadow: none; }
.css-d5xtjr.MuiButton-iconInfo { background: rgb(79, 195, 247); border: 1px solid rgb(79, 195, 247); box-shadow: rgba(79, 195, 247, 0.6) 0px 0px 10px 0px; }
.css-d5xtjr.MuiButton-iconInfo:hover { background-color: rgb(55, 136, 172); }
.css-d5xtjr.MuiButton-iconInfo:active { background-color: rgb(55, 136, 172); }
.css-d5xtjr.MuiButton-iconInfo:disabled { opacity: 0.5; box-shadow: none; }
.css-d5xtjr.MuiButton-iconWarning { background: rgb(255, 218, 22); border: 1px solid rgb(255, 218, 22); box-shadow: rgba(255, 218, 22, 0.6) 0px 0px 10px 0px; }
.css-d5xtjr.MuiButton-iconWarning:hover { background-color: rgb(178, 152, 15); }
.css-d5xtjr.MuiButton-iconWarning:active { background-color: rgb(178, 152, 15); }
.css-d5xtjr.MuiButton-iconWarning:disabled { opacity: 0.5; box-shadow: none; }
.css-d5xtjr.MuiButton-iconSizeLarge { min-width: 44px; width: 44px; height: 44px; padding: 2px; }
.css-d5xtjr.MuiButton-iconSizeLarge .MuiButton-startIcon { display: flex; gap: 0px; margin: 0px; color: rgba(255, 255, 255, 0.8); }
.css-d5xtjr.MuiButton-iconSizeMedium { min-width: 40px; width: 40px; height: 40px; padding: 2px; }
.css-d5xtjr.MuiButton-iconSizeMedium .MuiButton-startIcon { display: flex; gap: 0px; margin: 0px; }
.css-d5xtjr.MuiButton-iconSizeSmall { min-width: 36px; width: 36px; height: 36px; padding: 2px; }
.css-d5xtjr.MuiButton-iconSizeSmall .MuiButton-startIcon { display: flex; gap: 0px; margin: 0px; }
.css-d5xtjr.MuiButton-outlined { color: rgb(0, 254, 169); border: 1px solid rgb(0, 254, 169); background: rgba(14, 27, 23, 0.4); }
.css-d5xtjr.MuiButton-outlined:hover { border: 1px solid rgb(0, 254, 169); background: rgba(14, 27, 23, 0.4); opacity: 0.85; }
.css-d5xtjr.MuiButton-outlined:active { opacity: 1; }
.css-d5xtjr.MuiButton-outlined:disabled { color: rgb(0, 254, 169); border: 1px solid rgb(0, 254, 169); opacity: 0.4; }
.css-d5xtjr.MuiButton-cta { color: rgb(14, 27, 23); background-image: linear-gradient(90deg, rgb(254, 226, 12) 0%, rgb(255, 174, 0) 25%, rgb(254, 226, 12) 75%, rgb(255, 174, 0) 100%); background-size: 400% 400%; font-size: 14px; font-weight: 600; line-height: 18px; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; box-shadow: rgba(255, 255, 255, 0.6) 0px 9px 8px 0px inset, rgba(0, 254, 169, 0.2) 0px -4px 8px 0px inset, rgba(0, 254, 169, 0.24) 0px 0px 50px 0px; }
.css-d5xtjr.MuiButton-cta:hover { animation: 0.7s ease 0s 1 normal forwards running animation-dofypc; box-shadow: rgba(255, 255, 255, 0.6) 0px 9px 8px 0px inset, rgba(0, 254, 169, 0.2) 0px -4px 8px 0px inset, rgba(0, 254, 169, 0.8) 0px 0px 40px 0px; }
.css-d5xtjr.MuiButton-cta:active { animation: 0.7s ease 0s 1 normal forwards running animation-i3y9un; box-shadow: rgba(255, 255, 255, 0.6) 0px 9px 8px 0px inset, rgba(0, 254, 169, 0.2) 0px -4px 8px 0px inset, rgba(0, 254, 169, 0.24) 0px 0px 50px 0px; }
.css-d5xtjr.MuiButton-cta:disabled { color: rgb(14, 27, 23); opacity: 0.5; box-shadow: rgba(255, 255, 255, 0.6) 0px 9px 8px 0px inset, rgba(0, 254, 169, 0.2) 0px -4px 8px 0px inset, rgba(0, 254, 169, 0.24) 0px 0px 50px 0px; }
.css-d5xtjr.MuiButton-ctaSizeLarge { height: 44px; padding: 0px 12px; }
.css-d5xtjr.MuiButton-ctaSizeMedium { height: 40px; padding: 0px 12px; }
.css-d5xtjr.MuiButton-ctaSizeSmall { height: 36px; padding: 0px 12px; }
.css-b3s0sp { position: relative; box-sizing: border-box; -webkit-tap-highlight-color: transparent; outline: 0px; margin: 0px; cursor: pointer; user-select: none; vertical-align: middle; appearance: none; text-decoration: none; font-family: Kanit, sans-serif; font-weight: 500; line-height: 1.75; padding: 6px 16px; border: 0px; background-color: var(--variant-containedBg); box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 1px -2px, rgba(0, 0, 0, 0.14) 0px 2px 2px 0px, rgba(0, 0, 0, 0.12) 0px 1px 5px 0px; --variant-textColor: #2A5044; --variant-outlinedColor: #2A5044; --variant-outlinedBorder: rgba(42, 80, 68, 0.5); --variant-containedColor: #fff; --variant-containedBg: #2A5044; transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1), box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1), border-color 250ms cubic-bezier(0.4, 0, 0.2, 1); display: inline-flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; gap: 8px; flex-shrink: 0; border-radius: 6px; color: rgba(0, 0, 0, 0.8); font-size: 14px; text-transform: none; text-align: center; min-width: 123px; margin-inline: 0px 8px; }
.css-b3s0sp.Mui-disabled { pointer-events: none; cursor: default; }
@media print {
  .css-b3s0sp { print-color-adjust: exact; }
}
.css-b3s0sp:hover { text-decoration: none; }
.css-b3s0sp.Mui-disabled { color: rgba(255, 255, 255, 0.3); }
.css-b3s0sp:hover { box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 4px -1px, rgba(0, 0, 0, 0.14) 0px 4px 5px 0px, rgba(0, 0, 0, 0.12) 0px 1px 10px 0px; }
@media (hover: none) {
  .css-b3s0sp:hover { box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 1px -2px, rgba(0, 0, 0, 0.14) 0px 2px 2px 0px, rgba(0, 0, 0, 0.12) 0px 1px 5px 0px; }
}
.css-b3s0sp:active { box-shadow: rgba(0, 0, 0, 0.2) 0px 5px 5px -3px, rgba(0, 0, 0, 0.14) 0px 8px 10px 1px, rgba(0, 0, 0, 0.12) 0px 3px 14px 2px; }
.css-b3s0sp.Mui-focusVisible { box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 5px -1px, rgba(0, 0, 0, 0.14) 0px 6px 10px 0px, rgba(0, 0, 0, 0.12) 0px 1px 18px 0px; }
.css-b3s0sp.Mui-disabled { color: rgba(255, 255, 255, 0.3); box-shadow: none; background-color: rgba(255, 255, 255, 0.12); }
@media (hover: hover) {
  .css-b3s0sp:hover { --variant-containedBg: rgb(29, 56, 47); --variant-textBg: rgba(42, 80, 68, 0.08); --variant-outlinedBorder: #2A5044; --variant-outlinedBg: rgba(42, 80, 68, 0.08); }
}
.css-b3s0sp.MuiButton-loading { color: transparent; }
.css-b3s0sp .MuiButton-startIcon { display: inline-flex; gap: 8px; margin-right: 0px; margin-left: 0px; }
.css-b3s0sp .MuiButton-endIcon { display: inline-flex; gap: 8px; margin-right: 0px; margin-left: 0px; }
.css-b3s0sp.MuiButton-containedPrimary { box-shadow: none; color: rgb(14, 27, 23); background: linear-gradient(90deg, rgb(254, 226, 12) 0%, rgb(255, 174, 0) 25%, rgb(254, 226, 12) 75%, rgb(255, 174, 0) 100%) 0% 0% / 400% 400%; }
.css-b3s0sp.MuiButton-containedPrimary:hover { color: rgb(14, 27, 23); animation: 0.7s ease 0s 1 normal forwards running animation-dofypc; }
.css-b3s0sp.MuiButton-containedPrimary:active { color: rgb(14, 27, 23); animation: 0.7s ease 0s 1 normal forwards running animation-i3y9un; }
.css-b3s0sp.MuiButton-containedPrimary:disabled { color: rgb(14, 27, 23); opacity: 0.5; }
.css-b3s0sp.MuiButton-containedSecondary { color: rgba(255, 255, 255, 0.8); background-color: rgb(28, 54, 45); box-shadow: none; }
.css-b3s0sp.MuiButton-containedSecondary:hover { background-color: rgb(28, 54, 45); opacity: 0.85; }
.css-b3s0sp.MuiButton-containedSecondary:active { color: rgb(255, 255, 255); background-color: rgb(28, 54, 45); opacity: 1; }
.css-b3s0sp.MuiButton-containedSecondary:disabled { color: rgba(255, 255, 255, 0.8); background-color: rgb(28, 54, 45); opacity: 0.4; }
.css-b3s0sp.MuiButton-containedSizeLarge { height: 44px; padding: 0px 12px; }
.css-b3s0sp.MuiButton-containedSizeMedium { height: 40px; padding: 0px 12px; }
.css-b3s0sp.MuiButton-containedSizeSmall { height: 36px; padding: 0px 12px; }
.css-b3s0sp.MuiButton-outlinedSizeLarge { height: 44px; padding: 0px 12px; }
.css-b3s0sp.MuiButton-outlinedSizeMedium { height: 40px; padding: 0px 12px; }
.css-b3s0sp.MuiButton-outlinedSizeSmall { height: 36px; padding: 0px 12px 0px 8px; }
.css-b3s0sp.MuiButton-text { padding: 0px 12px; color: rgb(0, 254, 169); font-size: 14px; font-weight: 600; line-height: 18px; }
.css-b3s0sp.MuiButton-text:hover { background: transparent; color: rgb(0, 229, 152); }
.css-b3s0sp.MuiButton-text:active { color: rgb(0, 229, 152); }
.css-b3s0sp.MuiButton-text:disabled { color: rgb(0, 254, 169); opacity: 0.4; }
.css-b3s0sp.MuiButton-textSecondary { color: rgba(255, 255, 255, 0.8); background: rgb(28, 54, 45); }
.css-b3s0sp.MuiButton-textSecondary:hover { opacity: 0.85; }
.css-b3s0sp.MuiButton-textSecondary:active { opacity: 1; }
.css-b3s0sp.MuiButton-textSecondary:disabled { opacity: 0.5; }
.css-b3s0sp.MuiButton-textSizeLarge { height: 44px; }
.css-b3s0sp.MuiButton-textSizeMedium { height: 40px; }
.css-b3s0sp.MuiButton-textSizeSmall { height: 36px; }
.css-b3s0sp.MuiButton-iconInherit { padding: 0px; }
.css-b3s0sp.MuiButton-iconPrimary { background: linear-gradient(90deg, rgb(254, 226, 12) 0%, rgb(255, 174, 0) 25%, rgb(254, 226, 12) 75%, rgb(255, 174, 0) 100%); box-shadow: none; }
.css-b3s0sp.MuiButton-iconPrimary:hover { opacity: 0.8; }
.css-b3s0sp.MuiButton-iconPrimary:active { opacity: 1; }
.css-b3s0sp.MuiButton-iconPrimary:disabled { opacity: 0.5; }
.css-b3s0sp.MuiButton-iconSecondary { color: rgba(255, 255, 255, 0.8); box-shadow: none; background-color: rgb(28, 54, 45); }
.css-b3s0sp.MuiButton-iconSecondary:hover { background-color: rgb(28, 54, 45); opacity: 0.85; }
.css-b3s0sp.MuiButton-iconSecondary:active { color: rgb(255, 255, 255); background-color: rgb(28, 54, 45); opacity: 1; }
.css-b3s0sp.MuiButton-iconSecondary:disabled { color: rgba(255, 255, 255, 0.8); background-color: rgb(28, 54, 45); opacity: 0.4; }
.css-b3s0sp.MuiButton-iconSuccess { background: rgb(152, 255, 22); border: 1px solid rgb(152, 255, 22); box-shadow: rgba(152, 255, 22, 0.6) 0px 0px 10px 0px; }
.css-b3s0sp.MuiButton-iconSuccess:hover { background-color: rgb(106, 178, 15); }
.css-b3s0sp.MuiButton-iconSuccess:active { background-color: rgb(106, 178, 15); }
.css-b3s0sp.MuiButton-iconSuccess:disabled { opacity: 0.5; box-shadow: none; }
.css-b3s0sp.MuiButton-iconError { background: rgb(242, 73, 50); border: 1px solid rgb(242, 73, 50); box-shadow: rgba(242, 73, 50, 0.6) 0px 0px 10px 0px; }
.css-b3s0sp.MuiButton-iconError:hover { background-color: rgb(169, 51, 35); }
.css-b3s0sp.MuiButton-iconError:active { background-color: rgb(169, 51, 35); }
.css-b3s0sp.MuiButton-iconError:disabled { opacity: 0.5; box-shadow: none; }
.css-b3s0sp.MuiButton-iconInfo { background: rgb(79, 195, 247); border: 1px solid rgb(79, 195, 247); box-shadow: rgba(79, 195, 247, 0.6) 0px 0px 10px 0px; }
.css-b3s0sp.MuiButton-iconInfo:hover { background-color: rgb(55, 136, 172); }
.css-b3s0sp.MuiButton-iconInfo:active { background-color: rgb(55, 136, 172); }
.css-b3s0sp.MuiButton-iconInfo:disabled { opacity: 0.5; box-shadow: none; }
.css-b3s0sp.MuiButton-iconWarning { background: rgb(255, 218, 22); border: 1px solid rgb(255, 218, 22); box-shadow: rgba(255, 218, 22, 0.6) 0px 0px 10px 0px; }
.css-b3s0sp.MuiButton-iconWarning:hover { background-color: rgb(178, 152, 15); }
.css-b3s0sp.MuiButton-iconWarning:active { background-color: rgb(178, 152, 15); }
.css-b3s0sp.MuiButton-iconWarning:disabled { opacity: 0.5; box-shadow: none; }
.css-b3s0sp.MuiButton-iconSizeLarge { min-width: 44px; width: 44px; height: 44px; padding: 2px; }
.css-b3s0sp.MuiButton-iconSizeLarge .MuiButton-startIcon { display: flex; gap: 0px; margin: 0px; color: rgba(255, 255, 255, 0.8); }
.css-b3s0sp.MuiButton-iconSizeMedium { min-width: 40px; width: 40px; height: 40px; padding: 2px; }
.css-b3s0sp.MuiButton-iconSizeMedium .MuiButton-startIcon { display: flex; gap: 0px; margin: 0px; }
.css-b3s0sp.MuiButton-iconSizeSmall { min-width: 36px; width: 36px; height: 36px; padding: 2px; }
.css-b3s0sp.MuiButton-iconSizeSmall .MuiButton-startIcon { display: flex; gap: 0px; margin: 0px; }
.css-b3s0sp.MuiButton-outlined { color: rgb(0, 254, 169); border: 1px solid rgb(0, 254, 169); background: rgba(14, 27, 23, 0.4); }
.css-b3s0sp.MuiButton-outlined:hover { border: 1px solid rgb(0, 254, 169); background: rgba(14, 27, 23, 0.4); opacity: 0.85; }
.css-b3s0sp.MuiButton-outlined:active { opacity: 1; }
.css-b3s0sp.MuiButton-outlined:disabled { color: rgb(0, 254, 169); border: 1px solid rgb(0, 254, 169); opacity: 0.4; }
.css-b3s0sp.MuiButton-cta { color: rgb(14, 27, 23); background-image: linear-gradient(90deg, rgb(254, 226, 12) 0%, rgb(255, 174, 0) 25%, rgb(254, 226, 12) 75%, rgb(255, 174, 0) 100%); background-size: 400% 400%; font-size: 14px; font-weight: 600; line-height: 18px; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; box-shadow: rgba(255, 255, 255, 0.6) 0px 9px 8px 0px inset, rgba(0, 254, 169, 0.2) 0px -4px 8px 0px inset, rgba(0, 254, 169, 0.24) 0px 0px 50px 0px; }
.css-b3s0sp.MuiButton-cta:hover { animation: 0.7s ease 0s 1 normal forwards running animation-dofypc; box-shadow: rgba(255, 255, 255, 0.6) 0px 9px 8px 0px inset, rgba(0, 254, 169, 0.2) 0px -4px 8px 0px inset, rgba(0, 254, 169, 0.8) 0px 0px 40px 0px; }
.css-b3s0sp.MuiButton-cta:active { animation: 0.7s ease 0s 1 normal forwards running animation-i3y9un; box-shadow: rgba(255, 255, 255, 0.6) 0px 9px 8px 0px inset, rgba(0, 254, 169, 0.2) 0px -4px 8px 0px inset, rgba(0, 254, 169, 0.24) 0px 0px 50px 0px; }
.css-b3s0sp.MuiButton-cta:disabled { color: rgb(14, 27, 23); opacity: 0.5; box-shadow: rgba(255, 255, 255, 0.6) 0px 9px 8px 0px inset, rgba(0, 254, 169, 0.2) 0px -4px 8px 0px inset, rgba(0, 254, 169, 0.24) 0px 0px 50px 0px; }
.css-b3s0sp.MuiButton-ctaSizeLarge { height: 44px; padding: 0px 12px; }
.css-b3s0sp.MuiButton-ctaSizeMedium { height: 40px; padding: 0px 12px; }
.css-b3s0sp.MuiButton-ctaSizeSmall { height: 36px; padding: 0px 12px; }
.css-g8x35k { position: relative; overflow: hidden; min-width: 123px; margin-inline: 0px 8px; }
.css-g8x35k::after { content: ""; position: absolute; top: 0px; opacity: 0; left: -100%; height: 100%; width: 100%; background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 50%, rgba(128, 186, 232, 0) 99%, rgba(125, 185, 232, 0) 100%); transition: 0.3s; transform: skewX(20deg) translateX(0px); animation: 3s ease 0s infinite normal none running shine; }
.css-dlzmn4 { display: inline-flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; gap: 8px; flex-shrink: 0; border-radius: 6px; color: rgba(0, 0, 0, 0.8); font-size: 14px; text-transform: none; text-align: center; position: relative; overflow: hidden; min-width: 123px; margin-inline: 0px 8px; }
.css-dlzmn4 .MuiButton-startIcon { display: inline-flex; gap: 8px; margin-right: 0px; margin-left: 0px; }
.css-dlzmn4 .MuiButton-endIcon { display: inline-flex; gap: 8px; margin-right: 0px; margin-left: 0px; }
.css-dlzmn4.MuiButton-containedPrimary { box-shadow: none; color: rgb(14, 27, 23); background: linear-gradient(90deg, rgb(254, 226, 12) 0%, rgb(255, 174, 0) 25%, rgb(254, 226, 12) 75%, rgb(255, 174, 0) 100%) 0% 0% / 400% 400%; }
.css-dlzmn4.MuiButton-containedPrimary:hover { color: rgb(14, 27, 23); animation: 0.7s ease 0s 1 normal forwards running animation-dofypc; }
.css-dlzmn4.MuiButton-containedPrimary:active { color: rgb(14, 27, 23); animation: 0.7s ease 0s 1 normal forwards running animation-i3y9un; }
.css-dlzmn4.MuiButton-containedPrimary:disabled { color: rgb(14, 27, 23); opacity: 0.5; }
.css-dlzmn4.MuiButton-containedSecondary { color: rgba(255, 255, 255, 0.8); background-color: rgb(28, 54, 45); box-shadow: none; }
.css-dlzmn4.MuiButton-containedSecondary:hover { background-color: rgb(28, 54, 45); opacity: 0.85; }
.css-dlzmn4.MuiButton-containedSecondary:active { color: rgb(255, 255, 255); background-color: rgb(28, 54, 45); opacity: 1; }
.css-dlzmn4.MuiButton-containedSecondary:disabled { color: rgba(255, 255, 255, 0.8); background-color: rgb(28, 54, 45); opacity: 0.4; }
.css-dlzmn4.MuiButton-containedSizeLarge { height: 44px; padding: 0px 12px; }
.css-dlzmn4.MuiButton-containedSizeMedium { height: 40px; padding: 0px 12px; }
.css-dlzmn4.MuiButton-containedSizeSmall { height: 36px; padding: 0px 12px; }
.css-dlzmn4.MuiButton-outlinedSizeLarge { height: 44px; padding: 0px 12px; }
.css-dlzmn4.MuiButton-outlinedSizeMedium { height: 40px; padding: 0px 12px; }
.css-dlzmn4.MuiButton-outlinedSizeSmall { height: 36px; padding: 0px 12px 0px 8px; }
.css-dlzmn4.MuiButton-text { padding: 0px 12px; color: rgb(0, 254, 169); font-size: 14px; font-weight: 600; line-height: 18px; }
.css-dlzmn4.MuiButton-text:hover { background: transparent; color: rgb(0, 229, 152); }
.css-dlzmn4.MuiButton-text:active { color: rgb(0, 229, 152); }
.css-dlzmn4.MuiButton-text:disabled { color: rgb(0, 254, 169); opacity: 0.4; }
.css-dlzmn4.MuiButton-textSecondary { color: rgba(255, 255, 255, 0.8); background: rgb(28, 54, 45); }
.css-dlzmn4.MuiButton-textSecondary:hover { opacity: 0.85; }
.css-dlzmn4.MuiButton-textSecondary:active { opacity: 1; }
.css-dlzmn4.MuiButton-textSecondary:disabled { opacity: 0.5; }
.css-dlzmn4.MuiButton-textSizeLarge { height: 44px; }
.css-dlzmn4.MuiButton-textSizeMedium { height: 40px; }
.css-dlzmn4.MuiButton-textSizeSmall { height: 36px; }
.css-dlzmn4.MuiButton-iconInherit { padding: 0px; }
.css-dlzmn4.MuiButton-iconPrimary { background: linear-gradient(90deg, rgb(254, 226, 12) 0%, rgb(255, 174, 0) 25%, rgb(254, 226, 12) 75%, rgb(255, 174, 0) 100%); box-shadow: none; }
.css-dlzmn4.MuiButton-iconPrimary:hover { opacity: 0.8; }
.css-dlzmn4.MuiButton-iconPrimary:active { opacity: 1; }
.css-dlzmn4.MuiButton-iconPrimary:disabled { opacity: 0.5; }
.css-dlzmn4.MuiButton-iconSecondary { color: rgba(255, 255, 255, 0.8); box-shadow: none; background-color: rgb(28, 54, 45); }
.css-dlzmn4.MuiButton-iconSecondary:hover { background-color: rgb(28, 54, 45); opacity: 0.85; }
.css-dlzmn4.MuiButton-iconSecondary:active { color: rgb(255, 255, 255); background-color: rgb(28, 54, 45); opacity: 1; }
.css-dlzmn4.MuiButton-iconSecondary:disabled { color: rgba(255, 255, 255, 0.8); background-color: rgb(28, 54, 45); opacity: 0.4; }
.css-dlzmn4.MuiButton-iconSuccess { background: rgb(152, 255, 22); border: 1px solid rgb(152, 255, 22); box-shadow: rgba(152, 255, 22, 0.6) 0px 0px 10px 0px; }
.css-dlzmn4.MuiButton-iconSuccess:hover { background-color: rgb(106, 178, 15); }
.css-dlzmn4.MuiButton-iconSuccess:active { background-color: rgb(106, 178, 15); }
.css-dlzmn4.MuiButton-iconSuccess:disabled { opacity: 0.5; box-shadow: none; }
.css-dlzmn4.MuiButton-iconError { background: rgb(242, 73, 50); border: 1px solid rgb(242, 73, 50); box-shadow: rgba(242, 73, 50, 0.6) 0px 0px 10px 0px; }
.css-dlzmn4.MuiButton-iconError:hover { background-color: rgb(169, 51, 35); }
.css-dlzmn4.MuiButton-iconError:active { background-color: rgb(169, 51, 35); }
.css-dlzmn4.MuiButton-iconError:disabled { opacity: 0.5; box-shadow: none; }
.css-dlzmn4.MuiButton-iconInfo { background: rgb(79, 195, 247); border: 1px solid rgb(79, 195, 247); box-shadow: rgba(79, 195, 247, 0.6) 0px 0px 10px 0px; }
.css-dlzmn4.MuiButton-iconInfo:hover { background-color: rgb(55, 136, 172); }
.css-dlzmn4.MuiButton-iconInfo:active { background-color: rgb(55, 136, 172); }
.css-dlzmn4.MuiButton-iconInfo:disabled { opacity: 0.5; box-shadow: none; }
.css-dlzmn4.MuiButton-iconWarning { background: rgb(255, 218, 22); border: 1px solid rgb(255, 218, 22); box-shadow: rgba(255, 218, 22, 0.6) 0px 0px 10px 0px; }
.css-dlzmn4.MuiButton-iconWarning:hover { background-color: rgb(178, 152, 15); }
.css-dlzmn4.MuiButton-iconWarning:active { background-color: rgb(178, 152, 15); }
.css-dlzmn4.MuiButton-iconWarning:disabled { opacity: 0.5; box-shadow: none; }
.css-dlzmn4.MuiButton-iconSizeLarge { min-width: 44px; width: 44px; height: 44px; padding: 2px; }
.css-dlzmn4.MuiButton-iconSizeLarge .MuiButton-startIcon { display: flex; gap: 0px; margin: 0px; color: rgba(255, 255, 255, 0.8); }
.css-dlzmn4.MuiButton-iconSizeMedium { min-width: 40px; width: 40px; height: 40px; padding: 2px; }
.css-dlzmn4.MuiButton-iconSizeMedium .MuiButton-startIcon { display: flex; gap: 0px; margin: 0px; }
.css-dlzmn4.MuiButton-iconSizeSmall { min-width: 36px; width: 36px; height: 36px; padding: 2px; }
.css-dlzmn4.MuiButton-iconSizeSmall .MuiButton-startIcon { display: flex; gap: 0px; margin: 0px; }
.css-dlzmn4.MuiButton-outlined { color: rgb(0, 254, 169); border: 1px solid rgb(0, 254, 169); background: rgba(14, 27, 23, 0.4); }
.css-dlzmn4.MuiButton-outlined:hover { border: 1px solid rgb(0, 254, 169); background: rgba(14, 27, 23, 0.4); opacity: 0.85; }
.css-dlzmn4.MuiButton-outlined:active { opacity: 1; }
.css-dlzmn4.MuiButton-outlined:disabled { color: rgb(0, 254, 169); border: 1px solid rgb(0, 254, 169); opacity: 0.4; }
.css-dlzmn4.MuiButton-cta { color: rgb(14, 27, 23); background-image: linear-gradient(90deg, rgb(254, 226, 12) 0%, rgb(255, 174, 0) 25%, rgb(254, 226, 12) 75%, rgb(255, 174, 0) 100%); background-size: 400% 400%; font-size: 14px; font-weight: 600; line-height: 18px; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; box-shadow: rgba(255, 255, 255, 0.6) 0px 9px 8px 0px inset, rgba(0, 254, 169, 0.2) 0px -4px 8px 0px inset, rgba(0, 254, 169, 0.24) 0px 0px 50px 0px; }
.css-dlzmn4.MuiButton-cta:hover { animation: 0.7s ease 0s 1 normal forwards running animation-dofypc; box-shadow: rgba(255, 255, 255, 0.6) 0px 9px 8px 0px inset, rgba(0, 254, 169, 0.2) 0px -4px 8px 0px inset, rgba(0, 254, 169, 0.8) 0px 0px 40px 0px; }
.css-dlzmn4.MuiButton-cta:active { animation: 0.7s ease 0s 1 normal forwards running animation-i3y9un; box-shadow: rgba(255, 255, 255, 0.6) 0px 9px 8px 0px inset, rgba(0, 254, 169, 0.2) 0px -4px 8px 0px inset, rgba(0, 254, 169, 0.24) 0px 0px 50px 0px; }
.css-dlzmn4.MuiButton-cta:disabled { color: rgb(14, 27, 23); opacity: 0.5; box-shadow: rgba(255, 255, 255, 0.6) 0px 9px 8px 0px inset, rgba(0, 254, 169, 0.2) 0px -4px 8px 0px inset, rgba(0, 254, 169, 0.24) 0px 0px 50px 0px; }
.css-dlzmn4.MuiButton-ctaSizeLarge { height: 44px; padding: 0px 12px; }
.css-dlzmn4.MuiButton-ctaSizeMedium { height: 40px; padding: 0px 12px; }
.css-dlzmn4.MuiButton-ctaSizeSmall { height: 36px; padding: 0px 12px; }
.css-dlzmn4::after { content: ""; position: absolute; top: 0px; opacity: 0; left: -100%; height: 100%; width: 100%; background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 50%, rgba(128, 186, 232, 0) 99%, rgba(125, 185, 232, 0) 100%); transition: 0.3s; transform: skewX(20deg) translateX(0px); animation: 3s ease 0s infinite normal none running shine; }
@-webkit-keyframes animation-i3y9un { 
  0% { background-position: 50% 0%; }
  100% { background-position: 0% 5%; }
}
@keyframes animation-i3y9un { 
  0% { background-position: 50% 0%; }
  100% { background-position: 0% 5%; }
}
@-webkit-keyframes animation-dofypc { 
  0% { background-position: 0% 50%; }
  100% { background-position: 50% 0%; }
}
@keyframes animation-dofypc { 
  0% { background-position: 0% 50%; }
  100% { background-position: 50% 0%; }
}
@-webkit-keyframes animation-i3y9un { 
  0% { background-position: 50% 0%; }
  100% { background-position: 0% 5%; }
}
@keyframes animation-i3y9un { 
  0% { background-position: 50% 0%; }
  100% { background-position: 0% 5%; }
}
@-webkit-keyframes animation-dofypc { 
  0% { background-position: 0% 50%; }
  100% { background-position: 50% 0%; }
}
@keyframes animation-dofypc { 
  0% { background-position: 0% 50%; }
  100% { background-position: 50% 0%; }
}
.css-1jkhwon { font-family: Kanit, sans-serif; font-weight: 500; line-height: 1.75; padding: 6px 16px; border: 0px; background-color: var(--variant-containedBg); box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 1px -2px, rgba(0, 0, 0, 0.14) 0px 2px 2px 0px, rgba(0, 0, 0, 0.12) 0px 1px 5px 0px; --variant-textColor: #00FEA9; --variant-outlinedColor: #00FEA9; --variant-outlinedBorder: rgba(0, 254, 169, 0.5); --variant-containedColor: rgba(0, 0, 0, 0.87); --variant-containedBg: #00FEA9; transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1), box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1), border-color 250ms cubic-bezier(0.4, 0, 0.2, 1); display: inline-flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; gap: 8px; flex-shrink: 0; border-radius: 6px; color: rgba(0, 0, 0, 0.8); font-size: 14px; text-transform: none; text-align: center; position: relative; overflow: hidden; min-width: 123px; margin-inline: 0px 8px; }
.css-1jkhwon:hover { text-decoration: none; }
.css-1jkhwon.Mui-disabled { color: rgba(255, 255, 255, 0.3); }
.css-1jkhwon:hover { box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 4px -1px, rgba(0, 0, 0, 0.14) 0px 4px 5px 0px, rgba(0, 0, 0, 0.12) 0px 1px 10px 0px; }
@media (hover: none) {
  .css-1jkhwon:hover { box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 1px -2px, rgba(0, 0, 0, 0.14) 0px 2px 2px 0px, rgba(0, 0, 0, 0.12) 0px 1px 5px 0px; }
}
.css-1jkhwon:active { box-shadow: rgba(0, 0, 0, 0.2) 0px 5px 5px -3px, rgba(0, 0, 0, 0.14) 0px 8px 10px 1px, rgba(0, 0, 0, 0.12) 0px 3px 14px 2px; }
.css-1jkhwon.Mui-focusVisible { box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 5px -1px, rgba(0, 0, 0, 0.14) 0px 6px 10px 0px, rgba(0, 0, 0, 0.12) 0px 1px 18px 0px; }
.css-1jkhwon.Mui-disabled { color: rgba(255, 255, 255, 0.3); box-shadow: none; background-color: rgba(255, 255, 255, 0.12); }
@media (hover: hover) {
  .css-1jkhwon:hover { --variant-containedBg: rgb(0, 177, 118); --variant-textBg: rgba(0, 254, 169, 0.08); --variant-outlinedBorder: #00FEA9; --variant-outlinedBg: rgba(0, 254, 169, 0.08); }
}
.css-1jkhwon.MuiButton-loading { color: transparent; }
.css-1jkhwon .MuiButton-startIcon { display: inline-flex; gap: 8px; margin-right: 0px; margin-left: 0px; }
.css-1jkhwon .MuiButton-endIcon { display: inline-flex; gap: 8px; margin-right: 0px; margin-left: 0px; }
.css-1jkhwon.MuiButton-containedPrimary { box-shadow: none; color: rgb(14, 27, 23); background: linear-gradient(90deg, rgb(254, 226, 12) 0%, rgb(255, 174, 0) 25%, rgb(254, 226, 12) 75%, rgb(255, 174, 0) 100%) 0% 0% / 400% 400%; }
.css-1jkhwon.MuiButton-containedPrimary:hover { color: rgb(14, 27, 23); animation: 0.7s ease 0s 1 normal forwards running animation-dofypc; }
.css-1jkhwon.MuiButton-containedPrimary:active { color: rgb(14, 27, 23); animation: 0.7s ease 0s 1 normal forwards running animation-i3y9un; }
.css-1jkhwon.MuiButton-containedPrimary:disabled { color: rgb(14, 27, 23); opacity: 0.5; }
.css-1jkhwon.MuiButton-containedSecondary { color: rgba(255, 255, 255, 0.8); background-color: rgb(28, 54, 45); box-shadow: none; }
.css-1jkhwon.MuiButton-containedSecondary:hover { background-color: rgb(28, 54, 45); opacity: 0.85; }
.css-1jkhwon.MuiButton-containedSecondary:active { color: rgb(255, 255, 255); background-color: rgb(28, 54, 45); opacity: 1; }
.css-1jkhwon.MuiButton-containedSecondary:disabled { color: rgba(255, 255, 255, 0.8); background-color: rgb(28, 54, 45); opacity: 0.4; }
.css-1jkhwon.MuiButton-containedSizeLarge { height: 44px; padding: 0px 12px; }
.css-1jkhwon.MuiButton-containedSizeMedium { height: 40px; padding: 0px 12px; }
.css-1jkhwon.MuiButton-containedSizeSmall { height: 36px; padding: 0px 12px; }
.css-1jkhwon.MuiButton-outlinedSizeLarge { height: 44px; padding: 0px 12px; }
.css-1jkhwon.MuiButton-outlinedSizeMedium { height: 40px; padding: 0px 12px; }
.css-1jkhwon.MuiButton-outlinedSizeSmall { height: 36px; padding: 0px 12px 0px 8px; }
.css-1jkhwon.MuiButton-text { padding: 0px 12px; color: rgb(0, 254, 169); font-size: 14px; font-weight: 600; line-height: 18px; }
.css-1jkhwon.MuiButton-text:hover { background: transparent; color: rgb(0, 229, 152); }
.css-1jkhwon.MuiButton-text:active { color: rgb(0, 229, 152); }
.css-1jkhwon.MuiButton-text:disabled { color: rgb(0, 254, 169); opacity: 0.4; }
.css-1jkhwon.MuiButton-textSecondary { color: rgba(255, 255, 255, 0.8); background: rgb(28, 54, 45); }
.css-1jkhwon.MuiButton-textSecondary:hover { opacity: 0.85; }
.css-1jkhwon.MuiButton-textSecondary:active { opacity: 1; }
.css-1jkhwon.MuiButton-textSecondary:disabled { opacity: 0.5; }
.css-1jkhwon.MuiButton-textSizeLarge { height: 44px; }
.css-1jkhwon.MuiButton-textSizeMedium { height: 40px; }
.css-1jkhwon.MuiButton-textSizeSmall { height: 36px; }
.css-1jkhwon.MuiButton-iconInherit { padding: 0px; }
.css-1jkhwon.MuiButton-iconPrimary { background: linear-gradient(90deg, rgb(254, 226, 12) 0%, rgb(255, 174, 0) 25%, rgb(254, 226, 12) 75%, rgb(255, 174, 0) 100%); box-shadow: none; }
.css-1jkhwon.MuiButton-iconPrimary:hover { opacity: 0.8; }
.css-1jkhwon.MuiButton-iconPrimary:active { opacity: 1; }
.css-1jkhwon.MuiButton-iconPrimary:disabled { opacity: 0.5; }
.css-1jkhwon.MuiButton-iconSecondary { color: rgba(255, 255, 255, 0.8); box-shadow: none; background-color: rgb(28, 54, 45); }
.css-1jkhwon.MuiButton-iconSecondary:hover { background-color: rgb(28, 54, 45); opacity: 0.85; }
.css-1jkhwon.MuiButton-iconSecondary:active { color: rgb(255, 255, 255); background-color: rgb(28, 54, 45); opacity: 1; }
.css-1jkhwon.MuiButton-iconSecondary:disabled { color: rgba(255, 255, 255, 0.8); background-color: rgb(28, 54, 45); opacity: 0.4; }
.css-1jkhwon.MuiButton-iconSuccess { background: rgb(152, 255, 22); border: 1px solid rgb(152, 255, 22); box-shadow: rgba(152, 255, 22, 0.6) 0px 0px 10px 0px; }
.css-1jkhwon.MuiButton-iconSuccess:hover { background-color: rgb(106, 178, 15); }
.css-1jkhwon.MuiButton-iconSuccess:active { background-color: rgb(106, 178, 15); }
.css-1jkhwon.MuiButton-iconSuccess:disabled { opacity: 0.5; box-shadow: none; }
.css-1jkhwon.MuiButton-iconError { background: rgb(242, 73, 50); border: 1px solid rgb(242, 73, 50); box-shadow: rgba(242, 73, 50, 0.6) 0px 0px 10px 0px; }
.css-1jkhwon.MuiButton-iconError:hover { background-color: rgb(169, 51, 35); }
.css-1jkhwon.MuiButton-iconError:active { background-color: rgb(169, 51, 35); }
.css-1jkhwon.MuiButton-iconError:disabled { opacity: 0.5; box-shadow: none; }
.css-1jkhwon.MuiButton-iconInfo { background: rgb(79, 195, 247); border: 1px solid rgb(79, 195, 247); box-shadow: rgba(79, 195, 247, 0.6) 0px 0px 10px 0px; }
.css-1jkhwon.MuiButton-iconInfo:hover { background-color: rgb(55, 136, 172); }
.css-1jkhwon.MuiButton-iconInfo:active { background-color: rgb(55, 136, 172); }
.css-1jkhwon.MuiButton-iconInfo:disabled { opacity: 0.5; box-shadow: none; }
.css-1jkhwon.MuiButton-iconWarning { background: rgb(255, 218, 22); border: 1px solid rgb(255, 218, 22); box-shadow: rgba(255, 218, 22, 0.6) 0px 0px 10px 0px; }
.css-1jkhwon.MuiButton-iconWarning:hover { background-color: rgb(178, 152, 15); }
.css-1jkhwon.MuiButton-iconWarning:active { background-color: rgb(178, 152, 15); }
.css-1jkhwon.MuiButton-iconWarning:disabled { opacity: 0.5; box-shadow: none; }
.css-1jkhwon.MuiButton-iconSizeLarge { min-width: 44px; width: 44px; height: 44px; padding: 2px; }
.css-1jkhwon.MuiButton-iconSizeLarge .MuiButton-startIcon { display: flex; gap: 0px; margin: 0px; color: rgba(255, 255, 255, 0.8); }
.css-1jkhwon.MuiButton-iconSizeMedium { min-width: 40px; width: 40px; height: 40px; padding: 2px; }
.css-1jkhwon.MuiButton-iconSizeMedium .MuiButton-startIcon { display: flex; gap: 0px; margin: 0px; }
.css-1jkhwon.MuiButton-iconSizeSmall { min-width: 36px; width: 36px; height: 36px; padding: 2px; }
.css-1jkhwon.MuiButton-iconSizeSmall .MuiButton-startIcon { display: flex; gap: 0px; margin: 0px; }
.css-1jkhwon.MuiButton-outlined { color: rgb(0, 254, 169); border: 1px solid rgb(0, 254, 169); background: rgba(14, 27, 23, 0.4); }
.css-1jkhwon.MuiButton-outlined:hover { border: 1px solid rgb(0, 254, 169); background: rgba(14, 27, 23, 0.4); opacity: 0.85; }
.css-1jkhwon.MuiButton-outlined:active { opacity: 1; }
.css-1jkhwon.MuiButton-outlined:disabled { color: rgb(0, 254, 169); border: 1px solid rgb(0, 254, 169); opacity: 0.4; }
.css-1jkhwon.MuiButton-cta { color: rgb(14, 27, 23); background-image: linear-gradient(90deg, rgb(254, 226, 12) 0%, rgb(255, 174, 0) 25%, rgb(254, 226, 12) 75%, rgb(255, 174, 0) 100%); background-size: 400% 400%; font-size: 14px; font-weight: 600; line-height: 18px; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; box-shadow: rgba(255, 255, 255, 0.6) 0px 9px 8px 0px inset, rgba(0, 254, 169, 0.2) 0px -4px 8px 0px inset, rgba(0, 254, 169, 0.24) 0px 0px 50px 0px; }
.css-1jkhwon.MuiButton-cta:hover { animation: 0.7s ease 0s 1 normal forwards running animation-dofypc; box-shadow: rgba(255, 255, 255, 0.6) 0px 9px 8px 0px inset, rgba(0, 254, 169, 0.2) 0px -4px 8px 0px inset, rgba(0, 254, 169, 0.8) 0px 0px 40px 0px; }
.css-1jkhwon.MuiButton-cta:active { animation: 0.7s ease 0s 1 normal forwards running animation-i3y9un; box-shadow: rgba(255, 255, 255, 0.6) 0px 9px 8px 0px inset, rgba(0, 254, 169, 0.2) 0px -4px 8px 0px inset, rgba(0, 254, 169, 0.24) 0px 0px 50px 0px; }
.css-1jkhwon.MuiButton-cta:disabled { color: rgb(14, 27, 23); opacity: 0.5; box-shadow: rgba(255, 255, 255, 0.6) 0px 9px 8px 0px inset, rgba(0, 254, 169, 0.2) 0px -4px 8px 0px inset, rgba(0, 254, 169, 0.24) 0px 0px 50px 0px; }
.css-1jkhwon.MuiButton-ctaSizeLarge { height: 44px; padding: 0px 12px; }
.css-1jkhwon.MuiButton-ctaSizeMedium { height: 40px; padding: 0px 12px; }
.css-1jkhwon.MuiButton-ctaSizeSmall { height: 36px; padding: 0px 12px; }
.css-1jkhwon::after { content: ""; position: absolute; top: 0px; opacity: 0; left: -100%; height: 100%; width: 100%; background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 50%, rgba(128, 186, 232, 0) 99%, rgba(125, 185, 232, 0) 100%); transition: 0.3s; transform: skewX(20deg) translateX(0px); animation: 3s ease 0s infinite normal none running shine; }
.css-n0lu9k { box-sizing: border-box; -webkit-tap-highlight-color: transparent; outline: 0px; margin: 0px; cursor: pointer; user-select: none; vertical-align: middle; appearance: none; text-decoration: none; font-family: Kanit, sans-serif; font-weight: 500; line-height: 1.75; padding: 6px 16px; border: 0px; background-color: var(--variant-containedBg); box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 1px -2px, rgba(0, 0, 0, 0.14) 0px 2px 2px 0px, rgba(0, 0, 0, 0.12) 0px 1px 5px 0px; --variant-textColor: #00FEA9; --variant-outlinedColor: #00FEA9; --variant-outlinedBorder: rgba(0, 254, 169, 0.5); --variant-containedColor: rgba(0, 0, 0, 0.87); --variant-containedBg: #00FEA9; transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1), box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1), border-color 250ms cubic-bezier(0.4, 0, 0.2, 1); display: inline-flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; gap: 8px; flex-shrink: 0; border-radius: 6px; color: rgba(0, 0, 0, 0.8); font-size: 14px; text-transform: none; text-align: center; position: relative; overflow: hidden; min-width: 123px; margin-inline: 0px 8px; }
.css-n0lu9k.Mui-disabled { pointer-events: none; cursor: default; }
@media print {
  .css-n0lu9k { print-color-adjust: exact; }
}
.css-n0lu9k:hover { text-decoration: none; }
.css-n0lu9k.Mui-disabled { color: rgba(255, 255, 255, 0.3); }
.css-n0lu9k:hover { box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 4px -1px, rgba(0, 0, 0, 0.14) 0px 4px 5px 0px, rgba(0, 0, 0, 0.12) 0px 1px 10px 0px; }
@media (hover: none) {
  .css-n0lu9k:hover { box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 1px -2px, rgba(0, 0, 0, 0.14) 0px 2px 2px 0px, rgba(0, 0, 0, 0.12) 0px 1px 5px 0px; }
}
.css-n0lu9k:active { box-shadow: rgba(0, 0, 0, 0.2) 0px 5px 5px -3px, rgba(0, 0, 0, 0.14) 0px 8px 10px 1px, rgba(0, 0, 0, 0.12) 0px 3px 14px 2px; }
.css-n0lu9k.Mui-focusVisible { box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 5px -1px, rgba(0, 0, 0, 0.14) 0px 6px 10px 0px, rgba(0, 0, 0, 0.12) 0px 1px 18px 0px; }
.css-n0lu9k.Mui-disabled { color: rgba(255, 255, 255, 0.3); box-shadow: none; background-color: rgba(255, 255, 255, 0.12); }
@media (hover: hover) {
  .css-n0lu9k:hover { --variant-containedBg: rgb(0, 177, 118); --variant-textBg: rgba(0, 254, 169, 0.08); --variant-outlinedBorder: #00FEA9; --variant-outlinedBg: rgba(0, 254, 169, 0.08); }
}
.css-n0lu9k.MuiButton-loading { color: transparent; }
.css-n0lu9k .MuiButton-startIcon { display: inline-flex; gap: 8px; margin-right: 0px; margin-left: 0px; }
.css-n0lu9k .MuiButton-endIcon { display: inline-flex; gap: 8px; margin-right: 0px; margin-left: 0px; }
.css-n0lu9k.MuiButton-containedPrimary { box-shadow: none; color: rgb(14, 27, 23); background: linear-gradient(90deg, rgb(254, 226, 12) 0%, rgb(255, 174, 0) 25%, rgb(254, 226, 12) 75%, rgb(255, 174, 0) 100%) 0% 0% / 400% 400%; }
.css-n0lu9k.MuiButton-containedPrimary:hover { color: rgb(14, 27, 23); animation: 0.7s ease 0s 1 normal forwards running animation-dofypc; }
.css-n0lu9k.MuiButton-containedPrimary:active { color: rgb(14, 27, 23); animation: 0.7s ease 0s 1 normal forwards running animation-i3y9un; }
.css-n0lu9k.MuiButton-containedPrimary:disabled { color: rgb(14, 27, 23); opacity: 0.5; }
.css-n0lu9k.MuiButton-containedSecondary { color: rgba(255, 255, 255, 0.8); background-color: rgb(28, 54, 45); box-shadow: none; }
.css-n0lu9k.MuiButton-containedSecondary:hover { background-color: rgb(28, 54, 45); opacity: 0.85; }
.css-n0lu9k.MuiButton-containedSecondary:active { color: rgb(255, 255, 255); background-color: rgb(28, 54, 45); opacity: 1; }
.css-n0lu9k.MuiButton-containedSecondary:disabled { color: rgba(255, 255, 255, 0.8); background-color: rgb(28, 54, 45); opacity: 0.4; }
.css-n0lu9k.MuiButton-containedSizeLarge { height: 44px; padding: 0px 12px; }
.css-n0lu9k.MuiButton-containedSizeMedium { height: 40px; padding: 0px 12px; }
.css-n0lu9k.MuiButton-containedSizeSmall { height: 36px; padding: 0px 12px; }
.css-n0lu9k.MuiButton-outlinedSizeLarge { height: 44px; padding: 0px 12px; }
.css-n0lu9k.MuiButton-outlinedSizeMedium { height: 40px; padding: 0px 12px; }
.css-n0lu9k.MuiButton-outlinedSizeSmall { height: 36px; padding: 0px 12px 0px 8px; }
.css-n0lu9k.MuiButton-text { padding: 0px 12px; color: rgb(0, 254, 169); font-size: 14px; font-weight: 600; line-height: 18px; }
.css-n0lu9k.MuiButton-text:hover { background: transparent; color: rgb(0, 229, 152); }
.css-n0lu9k.MuiButton-text:active { color: rgb(0, 229, 152); }
.css-n0lu9k.MuiButton-text:disabled { color: rgb(0, 254, 169); opacity: 0.4; }
.css-n0lu9k.MuiButton-textSecondary { color: rgba(255, 255, 255, 0.8); background: rgb(28, 54, 45); }
.css-n0lu9k.MuiButton-textSecondary:hover { opacity: 0.85; }
.css-n0lu9k.MuiButton-textSecondary:active { opacity: 1; }
.css-n0lu9k.MuiButton-textSecondary:disabled { opacity: 0.5; }
.css-n0lu9k.MuiButton-textSizeLarge { height: 44px; }
.css-n0lu9k.MuiButton-textSizeMedium { height: 40px; }
.css-n0lu9k.MuiButton-textSizeSmall { height: 36px; }
.css-n0lu9k.MuiButton-iconInherit { padding: 0px; }
.css-n0lu9k.MuiButton-iconPrimary { background: linear-gradient(90deg, rgb(254, 226, 12) 0%, rgb(255, 174, 0) 25%, rgb(254, 226, 12) 75%, rgb(255, 174, 0) 100%); box-shadow: none; }
.css-n0lu9k.MuiButton-iconPrimary:hover { opacity: 0.8; }
.css-n0lu9k.MuiButton-iconPrimary:active { opacity: 1; }
.css-n0lu9k.MuiButton-iconPrimary:disabled { opacity: 0.5; }
.css-n0lu9k.MuiButton-iconSecondary { color: rgba(255, 255, 255, 0.8); box-shadow: none; background-color: rgb(28, 54, 45); }
.css-n0lu9k.MuiButton-iconSecondary:hover { background-color: rgb(28, 54, 45); opacity: 0.85; }
.css-n0lu9k.MuiButton-iconSecondary:active { color: rgb(255, 255, 255); background-color: rgb(28, 54, 45); opacity: 1; }
.css-n0lu9k.MuiButton-iconSecondary:disabled { color: rgba(255, 255, 255, 0.8); background-color: rgb(28, 54, 45); opacity: 0.4; }
.css-n0lu9k.MuiButton-iconSuccess { background: rgb(152, 255, 22); border: 1px solid rgb(152, 255, 22); box-shadow: rgba(152, 255, 22, 0.6) 0px 0px 10px 0px; }
.css-n0lu9k.MuiButton-iconSuccess:hover { background-color: rgb(106, 178, 15); }
.css-n0lu9k.MuiButton-iconSuccess:active { background-color: rgb(106, 178, 15); }
.css-n0lu9k.MuiButton-iconSuccess:disabled { opacity: 0.5; box-shadow: none; }
.css-n0lu9k.MuiButton-iconError { background: rgb(242, 73, 50); border: 1px solid rgb(242, 73, 50); box-shadow: rgba(242, 73, 50, 0.6) 0px 0px 10px 0px; }
.css-n0lu9k.MuiButton-iconError:hover { background-color: rgb(169, 51, 35); }
.css-n0lu9k.MuiButton-iconError:active { background-color: rgb(169, 51, 35); }
.css-n0lu9k.MuiButton-iconError:disabled { opacity: 0.5; box-shadow: none; }
.css-n0lu9k.MuiButton-iconInfo { background: rgb(79, 195, 247); border: 1px solid rgb(79, 195, 247); box-shadow: rgba(79, 195, 247, 0.6) 0px 0px 10px 0px; }
.css-n0lu9k.MuiButton-iconInfo:hover { background-color: rgb(55, 136, 172); }
.css-n0lu9k.MuiButton-iconInfo:active { background-color: rgb(55, 136, 172); }
.css-n0lu9k.MuiButton-iconInfo:disabled { opacity: 0.5; box-shadow: none; }
.css-n0lu9k.MuiButton-iconWarning { background: rgb(255, 218, 22); border: 1px solid rgb(255, 218, 22); box-shadow: rgba(255, 218, 22, 0.6) 0px 0px 10px 0px; }
.css-n0lu9k.MuiButton-iconWarning:hover { background-color: rgb(178, 152, 15); }
.css-n0lu9k.MuiButton-iconWarning:active { background-color: rgb(178, 152, 15); }
.css-n0lu9k.MuiButton-iconWarning:disabled { opacity: 0.5; box-shadow: none; }
.css-n0lu9k.MuiButton-iconSizeLarge { min-width: 44px; width: 44px; height: 44px; padding: 2px; }
.css-n0lu9k.MuiButton-iconSizeLarge .MuiButton-startIcon { display: flex; gap: 0px; margin: 0px; color: rgba(255, 255, 255, 0.8); }
.css-n0lu9k.MuiButton-iconSizeMedium { min-width: 40px; width: 40px; height: 40px; padding: 2px; }
.css-n0lu9k.MuiButton-iconSizeMedium .MuiButton-startIcon { display: flex; gap: 0px; margin: 0px; }
.css-n0lu9k.MuiButton-iconSizeSmall { min-width: 36px; width: 36px; height: 36px; padding: 2px; }
.css-n0lu9k.MuiButton-iconSizeSmall .MuiButton-startIcon { display: flex; gap: 0px; margin: 0px; }
.css-n0lu9k.MuiButton-outlined { color: rgb(0, 254, 169); border: 1px solid rgb(0, 254, 169); background: rgba(14, 27, 23, 0.4); }
.css-n0lu9k.MuiButton-outlined:hover { border: 1px solid rgb(0, 254, 169); background: rgba(14, 27, 23, 0.4); opacity: 0.85; }
.css-n0lu9k.MuiButton-outlined:active { opacity: 1; }
.css-n0lu9k.MuiButton-outlined:disabled { color: rgb(0, 254, 169); border: 1px solid rgb(0, 254, 169); opacity: 0.4; }
.css-n0lu9k.MuiButton-cta { color: rgb(14, 27, 23); background-image: linear-gradient(90deg, rgb(254, 226, 12) 0%, rgb(255, 174, 0) 25%, rgb(254, 226, 12) 75%, rgb(255, 174, 0) 100%); background-size: 400% 400%; font-size: 14px; font-weight: 600; line-height: 18px; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; box-shadow: rgba(255, 255, 255, 0.6) 0px 9px 8px 0px inset, rgba(0, 254, 169, 0.2) 0px -4px 8px 0px inset, rgba(0, 254, 169, 0.24) 0px 0px 50px 0px; }
.css-n0lu9k.MuiButton-cta:hover { animation: 0.7s ease 0s 1 normal forwards running animation-dofypc; box-shadow: rgba(255, 255, 255, 0.6) 0px 9px 8px 0px inset, rgba(0, 254, 169, 0.2) 0px -4px 8px 0px inset, rgba(0, 254, 169, 0.8) 0px 0px 40px 0px; }
.css-n0lu9k.MuiButton-cta:active { animation: 0.7s ease 0s 1 normal forwards running animation-i3y9un; box-shadow: rgba(255, 255, 255, 0.6) 0px 9px 8px 0px inset, rgba(0, 254, 169, 0.2) 0px -4px 8px 0px inset, rgba(0, 254, 169, 0.24) 0px 0px 50px 0px; }
.css-n0lu9k.MuiButton-cta:disabled { color: rgb(14, 27, 23); opacity: 0.5; box-shadow: rgba(255, 255, 255, 0.6) 0px 9px 8px 0px inset, rgba(0, 254, 169, 0.2) 0px -4px 8px 0px inset, rgba(0, 254, 169, 0.24) 0px 0px 50px 0px; }
.css-n0lu9k.MuiButton-ctaSizeLarge { height: 44px; padding: 0px 12px; }
.css-n0lu9k.MuiButton-ctaSizeMedium { height: 40px; padding: 0px 12px; }
.css-n0lu9k.MuiButton-ctaSizeSmall { height: 36px; padding: 0px 12px; }
.css-n0lu9k::after { content: ""; position: absolute; top: 0px; opacity: 0; left: -100%; height: 100%; width: 100%; background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 50%, rgba(128, 186, 232, 0) 99%, rgba(125, 185, 232, 0) 100%); transition: 0.3s; transform: skewX(20deg) translateX(0px); animation: 3s ease 0s infinite normal none running shine; }
.css-1qb4fop { display: inline-flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; gap: 8px; flex-shrink: 0; border-radius: 6px; color: rgba(0, 0, 0, 0.8); font-size: 14px; text-transform: none; text-align: center; }
.css-1qb4fop .MuiButton-startIcon { display: inline-flex; gap: 8px; margin-right: 0px; margin-left: 0px; }
.css-1qb4fop .MuiButton-endIcon { display: inline-flex; gap: 8px; margin-right: 0px; margin-left: 0px; }
.css-1qb4fop.MuiButton-containedPrimary { box-shadow: none; color: rgb(14, 27, 23); background: linear-gradient(90deg, rgb(254, 226, 12) 0%, rgb(255, 174, 0) 25%, rgb(254, 226, 12) 75%, rgb(255, 174, 0) 100%) 0% 0% / 400% 400%; }
.css-1qb4fop.MuiButton-containedPrimary:hover { color: rgb(14, 27, 23); animation: 0.7s ease 0s 1 normal forwards running animation-dofypc; }
.css-1qb4fop.MuiButton-containedPrimary:active { color: rgb(14, 27, 23); animation: 0.7s ease 0s 1 normal forwards running animation-i3y9un; }
.css-1qb4fop.MuiButton-containedPrimary:disabled { color: rgb(14, 27, 23); opacity: 0.5; }
.css-1qb4fop.MuiButton-containedSecondary { color: rgba(255, 255, 255, 0.8); background-color: rgb(28, 54, 45); box-shadow: none; }
.css-1qb4fop.MuiButton-containedSecondary:hover { background-color: rgb(28, 54, 45); opacity: 0.85; }
.css-1qb4fop.MuiButton-containedSecondary:active { color: rgb(255, 255, 255); background-color: rgb(28, 54, 45); opacity: 1; }
.css-1qb4fop.MuiButton-containedSecondary:disabled { color: rgba(255, 255, 255, 0.8); background-color: rgb(28, 54, 45); opacity: 0.4; }
.css-1qb4fop.MuiButton-containedSizeLarge { height: 44px; padding: 0px 12px; }
.css-1qb4fop.MuiButton-containedSizeMedium { height: 40px; padding: 0px 12px; }
.css-1qb4fop.MuiButton-containedSizeSmall { height: 36px; padding: 0px 12px; }
.css-1qb4fop.MuiButton-outlinedSizeLarge { height: 44px; padding: 0px 12px; }
.css-1qb4fop.MuiButton-outlinedSizeMedium { height: 40px; padding: 0px 12px; }
.css-1qb4fop.MuiButton-outlinedSizeSmall { height: 36px; padding: 0px 12px 0px 8px; }
.css-1qb4fop.MuiButton-text { padding: 0px 12px; color: rgb(0, 254, 169); font-size: 14px; font-weight: 600; line-height: 18px; }
.css-1qb4fop.MuiButton-text:hover { background: transparent; color: rgb(0, 229, 152); }
.css-1qb4fop.MuiButton-text:active { color: rgb(0, 229, 152); }
.css-1qb4fop.MuiButton-text:disabled { color: rgb(0, 254, 169); opacity: 0.4; }
.css-1qb4fop.MuiButton-textSecondary { color: rgba(255, 255, 255, 0.8); background: rgb(28, 54, 45); }
.css-1qb4fop.MuiButton-textSecondary:hover { opacity: 0.85; }
.css-1qb4fop.MuiButton-textSecondary:active { opacity: 1; }
.css-1qb4fop.MuiButton-textSecondary:disabled { opacity: 0.5; }
.css-1qb4fop.MuiButton-textSizeLarge { height: 44px; }
.css-1qb4fop.MuiButton-textSizeMedium { height: 40px; }
.css-1qb4fop.MuiButton-textSizeSmall { height: 36px; }
.css-1qb4fop.MuiButton-iconInherit { padding: 0px; }
.css-1qb4fop.MuiButton-iconPrimary { background: linear-gradient(90deg, rgb(254, 226, 12) 0%, rgb(255, 174, 0) 25%, rgb(254, 226, 12) 75%, rgb(255, 174, 0) 100%); box-shadow: none; }
.css-1qb4fop.MuiButton-iconPrimary:hover { opacity: 0.8; }
.css-1qb4fop.MuiButton-iconPrimary:active { opacity: 1; }
.css-1qb4fop.MuiButton-iconPrimary:disabled { opacity: 0.5; }
.css-1qb4fop.MuiButton-iconSecondary { color: rgba(255, 255, 255, 0.8); box-shadow: none; background-color: rgb(28, 54, 45); }
.css-1qb4fop.MuiButton-iconSecondary:hover { background-color: rgb(28, 54, 45); opacity: 0.85; }
.css-1qb4fop.MuiButton-iconSecondary:active { color: rgb(255, 255, 255); background-color: rgb(28, 54, 45); opacity: 1; }
.css-1qb4fop.MuiButton-iconSecondary:disabled { color: rgba(255, 255, 255, 0.8); background-color: rgb(28, 54, 45); opacity: 0.4; }
.css-1qb4fop.MuiButton-iconSuccess { background: rgb(152, 255, 22); border: 1px solid rgb(152, 255, 22); box-shadow: rgba(152, 255, 22, 0.6) 0px 0px 10px 0px; }
.css-1qb4fop.MuiButton-iconSuccess:hover { background-color: rgb(106, 178, 15); }
.css-1qb4fop.MuiButton-iconSuccess:active { background-color: rgb(106, 178, 15); }
.css-1qb4fop.MuiButton-iconSuccess:disabled { opacity: 0.5; box-shadow: none; }
.css-1qb4fop.MuiButton-iconError { background: rgb(242, 73, 50); border: 1px solid rgb(242, 73, 50); box-shadow: rgba(242, 73, 50, 0.6) 0px 0px 10px 0px; }
.css-1qb4fop.MuiButton-iconError:hover { background-color: rgb(169, 51, 35); }
.css-1qb4fop.MuiButton-iconError:active { background-color: rgb(169, 51, 35); }
.css-1qb4fop.MuiButton-iconError:disabled { opacity: 0.5; box-shadow: none; }
.css-1qb4fop.MuiButton-iconInfo { background: rgb(79, 195, 247); border: 1px solid rgb(79, 195, 247); box-shadow: rgba(79, 195, 247, 0.6) 0px 0px 10px 0px; }
.css-1qb4fop.MuiButton-iconInfo:hover { background-color: rgb(55, 136, 172); }
.css-1qb4fop.MuiButton-iconInfo:active { background-color: rgb(55, 136, 172); }
.css-1qb4fop.MuiButton-iconInfo:disabled { opacity: 0.5; box-shadow: none; }
.css-1qb4fop.MuiButton-iconWarning { background: rgb(255, 218, 22); border: 1px solid rgb(255, 218, 22); box-shadow: rgba(255, 218, 22, 0.6) 0px 0px 10px 0px; }
.css-1qb4fop.MuiButton-iconWarning:hover { background-color: rgb(178, 152, 15); }
.css-1qb4fop.MuiButton-iconWarning:active { background-color: rgb(178, 152, 15); }
.css-1qb4fop.MuiButton-iconWarning:disabled { opacity: 0.5; box-shadow: none; }
.css-1qb4fop.MuiButton-iconSizeLarge { min-width: 44px; width: 44px; height: 44px; padding: 2px; }
.css-1qb4fop.MuiButton-iconSizeLarge .MuiButton-startIcon { display: flex; gap: 0px; margin: 0px; color: rgba(255, 255, 255, 0.8); }
.css-1qb4fop.MuiButton-iconSizeMedium { min-width: 40px; width: 40px; height: 40px; padding: 2px; }
.css-1qb4fop.MuiButton-iconSizeMedium .MuiButton-startIcon { display: flex; gap: 0px; margin: 0px; }
.css-1qb4fop.MuiButton-iconSizeSmall { min-width: 36px; width: 36px; height: 36px; padding: 2px; }
.css-1qb4fop.MuiButton-iconSizeSmall .MuiButton-startIcon { display: flex; gap: 0px; margin: 0px; }
.css-1qb4fop.MuiButton-outlined { color: rgb(0, 254, 169); border: 1px solid rgb(0, 254, 169); background: rgba(14, 27, 23, 0.4); }
.css-1qb4fop.MuiButton-outlined:hover { border: 1px solid rgb(0, 254, 169); background: rgba(14, 27, 23, 0.4); opacity: 0.85; }
.css-1qb4fop.MuiButton-outlined:active { opacity: 1; }
.css-1qb4fop.MuiButton-outlined:disabled { color: rgb(0, 254, 169); border: 1px solid rgb(0, 254, 169); opacity: 0.4; }
.css-1qb4fop.MuiButton-cta { color: rgb(14, 27, 23); background-image: linear-gradient(90deg, rgb(254, 226, 12) 0%, rgb(255, 174, 0) 25%, rgb(254, 226, 12) 75%, rgb(255, 174, 0) 100%); background-size: 400% 400%; font-size: 14px; font-weight: 600; line-height: 18px; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; box-shadow: rgba(255, 255, 255, 0.6) 0px 9px 8px 0px inset, rgba(0, 254, 169, 0.2) 0px -4px 8px 0px inset, rgba(0, 254, 169, 0.24) 0px 0px 50px 0px; }
.css-1qb4fop.MuiButton-cta:hover { animation: 0.7s ease 0s 1 normal forwards running animation-dofypc; box-shadow: rgba(255, 255, 255, 0.6) 0px 9px 8px 0px inset, rgba(0, 254, 169, 0.2) 0px -4px 8px 0px inset, rgba(0, 254, 169, 0.8) 0px 0px 40px 0px; }
.css-1qb4fop.MuiButton-cta:active { animation: 0.7s ease 0s 1 normal forwards running animation-i3y9un; box-shadow: rgba(255, 255, 255, 0.6) 0px 9px 8px 0px inset, rgba(0, 254, 169, 0.2) 0px -4px 8px 0px inset, rgba(0, 254, 169, 0.24) 0px 0px 50px 0px; }
.css-1qb4fop.MuiButton-cta:disabled { color: rgb(14, 27, 23); opacity: 0.5; box-shadow: rgba(255, 255, 255, 0.6) 0px 9px 8px 0px inset, rgba(0, 254, 169, 0.2) 0px -4px 8px 0px inset, rgba(0, 254, 169, 0.24) 0px 0px 50px 0px; }
.css-1qb4fop.MuiButton-ctaSizeLarge { height: 44px; padding: 0px 12px; }
.css-1qb4fop.MuiButton-ctaSizeMedium { height: 40px; padding: 0px 12px; }
.css-1qb4fop.MuiButton-ctaSizeSmall { height: 36px; padding: 0px 12px; }
@media (min-width: 600px) {
  .css-1qb4fop { display: none; }
}
@-webkit-keyframes animation-i3y9un { 
  0% { background-position: 50% 0%; }
  100% { background-position: 0% 5%; }
}
@keyframes animation-i3y9un { 
  0% { background-position: 50% 0%; }
  100% { background-position: 0% 5%; }
}
@-webkit-keyframes animation-dofypc { 
  0% { background-position: 0% 50%; }
  100% { background-position: 50% 0%; }
}
@keyframes animation-dofypc { 
  0% { background-position: 0% 50%; }
  100% { background-position: 50% 0%; }
}
@-webkit-keyframes animation-i3y9un { 
  0% { background-position: 50% 0%; }
  100% { background-position: 0% 5%; }
}
@keyframes animation-i3y9un { 
  0% { background-position: 50% 0%; }
  100% { background-position: 0% 5%; }
}
@-webkit-keyframes animation-dofypc { 
  0% { background-position: 0% 50%; }
  100% { background-position: 50% 0%; }
}
@keyframes animation-dofypc { 
  0% { background-position: 0% 50%; }
  100% { background-position: 50% 0%; }
}
.css-cdpur { font-family: Kanit, sans-serif; font-weight: 500; line-height: 1.75; min-width: 64px; padding: 6px 16px; border: 0px; --variant-textColor: #2A5044; --variant-outlinedColor: #2A5044; --variant-outlinedBorder: rgba(42, 80, 68, 0.5); --variant-containedColor: #fff; --variant-containedBg: #2A5044; transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1), box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1), border-color 250ms cubic-bezier(0.4, 0, 0.2, 1); display: inline-flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; gap: 8px; flex-shrink: 0; border-radius: 6px; color: rgba(0, 0, 0, 0.8); font-size: 14px; text-transform: none; text-align: center; }
.css-cdpur:hover { text-decoration: none; }
.css-cdpur.Mui-disabled { color: rgba(255, 255, 255, 0.3); }
@media (hover: hover) {
  .css-cdpur:hover { --variant-containedBg: rgb(29, 56, 47); --variant-textBg: rgba(42, 80, 68, 0.08); --variant-outlinedBorder: #2A5044; --variant-outlinedBg: rgba(42, 80, 68, 0.08); }
}
.css-cdpur.MuiButton-loading { color: transparent; }
.css-cdpur .MuiButton-startIcon { display: inline-flex; gap: 8px; margin-right: 0px; margin-left: 0px; }
.css-cdpur .MuiButton-endIcon { display: inline-flex; gap: 8px; margin-right: 0px; margin-left: 0px; }
.css-cdpur.MuiButton-containedPrimary { box-shadow: none; color: rgb(14, 27, 23); background: linear-gradient(90deg, rgb(254, 226, 12) 0%, rgb(255, 174, 0) 25%, rgb(254, 226, 12) 75%, rgb(255, 174, 0) 100%) 0% 0% / 400% 400%; }
.css-cdpur.MuiButton-containedPrimary:hover { color: rgb(14, 27, 23); animation: 0.7s ease 0s 1 normal forwards running animation-dofypc; }
.css-cdpur.MuiButton-containedPrimary:active { color: rgb(14, 27, 23); animation: 0.7s ease 0s 1 normal forwards running animation-i3y9un; }
.css-cdpur.MuiButton-containedPrimary:disabled { color: rgb(14, 27, 23); opacity: 0.5; }
.css-cdpur.MuiButton-containedSecondary { color: rgba(255, 255, 255, 0.8); background-color: rgb(28, 54, 45); box-shadow: none; }
.css-cdpur.MuiButton-containedSecondary:hover { background-color: rgb(28, 54, 45); opacity: 0.85; }
.css-cdpur.MuiButton-containedSecondary:active { color: rgb(255, 255, 255); background-color: rgb(28, 54, 45); opacity: 1; }
.css-cdpur.MuiButton-containedSecondary:disabled { color: rgba(255, 255, 255, 0.8); background-color: rgb(28, 54, 45); opacity: 0.4; }
.css-cdpur.MuiButton-containedSizeLarge { height: 44px; padding: 0px 12px; }
.css-cdpur.MuiButton-containedSizeMedium { height: 40px; padding: 0px 12px; }
.css-cdpur.MuiButton-containedSizeSmall { height: 36px; padding: 0px 12px; }
.css-cdpur.MuiButton-outlinedSizeLarge { height: 44px; padding: 0px 12px; }
.css-cdpur.MuiButton-outlinedSizeMedium { height: 40px; padding: 0px 12px; }
.css-cdpur.MuiButton-outlinedSizeSmall { height: 36px; padding: 0px 12px 0px 8px; }
.css-cdpur.MuiButton-text { padding: 0px 12px; color: rgb(0, 254, 169); font-size: 14px; font-weight: 600; line-height: 18px; }
.css-cdpur.MuiButton-text:hover { background: transparent; color: rgb(0, 229, 152); }
.css-cdpur.MuiButton-text:active { color: rgb(0, 229, 152); }
.css-cdpur.MuiButton-text:disabled { color: rgb(0, 254, 169); opacity: 0.4; }
.css-cdpur.MuiButton-textSecondary { color: rgba(255, 255, 255, 0.8); background: rgb(28, 54, 45); }
.css-cdpur.MuiButton-textSecondary:hover { opacity: 0.85; }
.css-cdpur.MuiButton-textSecondary:active { opacity: 1; }
.css-cdpur.MuiButton-textSecondary:disabled { opacity: 0.5; }
.css-cdpur.MuiButton-textSizeLarge { height: 44px; }
.css-cdpur.MuiButton-textSizeMedium { height: 40px; }
.css-cdpur.MuiButton-textSizeSmall { height: 36px; }
.css-cdpur.MuiButton-iconInherit { padding: 0px; }
.css-cdpur.MuiButton-iconPrimary { background: linear-gradient(90deg, rgb(254, 226, 12) 0%, rgb(255, 174, 0) 25%, rgb(254, 226, 12) 75%, rgb(255, 174, 0) 100%); box-shadow: none; }
.css-cdpur.MuiButton-iconPrimary:hover { opacity: 0.8; }
.css-cdpur.MuiButton-iconPrimary:active { opacity: 1; }
.css-cdpur.MuiButton-iconPrimary:disabled { opacity: 0.5; }
.css-cdpur.MuiButton-iconSecondary { color: rgba(255, 255, 255, 0.8); box-shadow: none; background-color: rgb(28, 54, 45); }
.css-cdpur.MuiButton-iconSecondary:hover { background-color: rgb(28, 54, 45); opacity: 0.85; }
.css-cdpur.MuiButton-iconSecondary:active { color: rgb(255, 255, 255); background-color: rgb(28, 54, 45); opacity: 1; }
.css-cdpur.MuiButton-iconSecondary:disabled { color: rgba(255, 255, 255, 0.8); background-color: rgb(28, 54, 45); opacity: 0.4; }
.css-cdpur.MuiButton-iconSuccess { background: rgb(152, 255, 22); border: 1px solid rgb(152, 255, 22); box-shadow: rgba(152, 255, 22, 0.6) 0px 0px 10px 0px; }
.css-cdpur.MuiButton-iconSuccess:hover { background-color: rgb(106, 178, 15); }
.css-cdpur.MuiButton-iconSuccess:active { background-color: rgb(106, 178, 15); }
.css-cdpur.MuiButton-iconSuccess:disabled { opacity: 0.5; box-shadow: none; }
.css-cdpur.MuiButton-iconError { background: rgb(242, 73, 50); border: 1px solid rgb(242, 73, 50); box-shadow: rgba(242, 73, 50, 0.6) 0px 0px 10px 0px; }
.css-cdpur.MuiButton-iconError:hover { background-color: rgb(169, 51, 35); }
.css-cdpur.MuiButton-iconError:active { background-color: rgb(169, 51, 35); }
.css-cdpur.MuiButton-iconError:disabled { opacity: 0.5; box-shadow: none; }
.css-cdpur.MuiButton-iconInfo { background: rgb(79, 195, 247); border: 1px solid rgb(79, 195, 247); box-shadow: rgba(79, 195, 247, 0.6) 0px 0px 10px 0px; }
.css-cdpur.MuiButton-iconInfo:hover { background-color: rgb(55, 136, 172); }
.css-cdpur.MuiButton-iconInfo:active { background-color: rgb(55, 136, 172); }
.css-cdpur.MuiButton-iconInfo:disabled { opacity: 0.5; box-shadow: none; }
.css-cdpur.MuiButton-iconWarning { background: rgb(255, 218, 22); border: 1px solid rgb(255, 218, 22); box-shadow: rgba(255, 218, 22, 0.6) 0px 0px 10px 0px; }
.css-cdpur.MuiButton-iconWarning:hover { background-color: rgb(178, 152, 15); }
.css-cdpur.MuiButton-iconWarning:active { background-color: rgb(178, 152, 15); }
.css-cdpur.MuiButton-iconWarning:disabled { opacity: 0.5; box-shadow: none; }
.css-cdpur.MuiButton-iconSizeLarge { min-width: 44px; width: 44px; height: 44px; padding: 2px; }
.css-cdpur.MuiButton-iconSizeLarge .MuiButton-startIcon { display: flex; gap: 0px; margin: 0px; color: rgba(255, 255, 255, 0.8); }
.css-cdpur.MuiButton-iconSizeMedium { min-width: 40px; width: 40px; height: 40px; padding: 2px; }
.css-cdpur.MuiButton-iconSizeMedium .MuiButton-startIcon { display: flex; gap: 0px; margin: 0px; }
.css-cdpur.MuiButton-iconSizeSmall { min-width: 36px; width: 36px; height: 36px; padding: 2px; }
.css-cdpur.MuiButton-iconSizeSmall .MuiButton-startIcon { display: flex; gap: 0px; margin: 0px; }
.css-cdpur.MuiButton-outlined { color: rgb(0, 254, 169); border: 1px solid rgb(0, 254, 169); background: rgba(14, 27, 23, 0.4); }
.css-cdpur.MuiButton-outlined:hover { border: 1px solid rgb(0, 254, 169); background: rgba(14, 27, 23, 0.4); opacity: 0.85; }
.css-cdpur.MuiButton-outlined:active { opacity: 1; }
.css-cdpur.MuiButton-outlined:disabled { color: rgb(0, 254, 169); border: 1px solid rgb(0, 254, 169); opacity: 0.4; }
.css-cdpur.MuiButton-cta { color: rgb(14, 27, 23); background-image: linear-gradient(90deg, rgb(254, 226, 12) 0%, rgb(255, 174, 0) 25%, rgb(254, 226, 12) 75%, rgb(255, 174, 0) 100%); background-size: 400% 400%; font-size: 14px; font-weight: 600; line-height: 18px; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; box-shadow: rgba(255, 255, 255, 0.6) 0px 9px 8px 0px inset, rgba(0, 254, 169, 0.2) 0px -4px 8px 0px inset, rgba(0, 254, 169, 0.24) 0px 0px 50px 0px; }
.css-cdpur.MuiButton-cta:hover { animation: 0.7s ease 0s 1 normal forwards running animation-dofypc; box-shadow: rgba(255, 255, 255, 0.6) 0px 9px 8px 0px inset, rgba(0, 254, 169, 0.2) 0px -4px 8px 0px inset, rgba(0, 254, 169, 0.8) 0px 0px 40px 0px; }
.css-cdpur.MuiButton-cta:active { animation: 0.7s ease 0s 1 normal forwards running animation-i3y9un; box-shadow: rgba(255, 255, 255, 0.6) 0px 9px 8px 0px inset, rgba(0, 254, 169, 0.2) 0px -4px 8px 0px inset, rgba(0, 254, 169, 0.24) 0px 0px 50px 0px; }
.css-cdpur.MuiButton-cta:disabled { color: rgb(14, 27, 23); opacity: 0.5; box-shadow: rgba(255, 255, 255, 0.6) 0px 9px 8px 0px inset, rgba(0, 254, 169, 0.2) 0px -4px 8px 0px inset, rgba(0, 254, 169, 0.24) 0px 0px 50px 0px; }
.css-cdpur.MuiButton-ctaSizeLarge { height: 44px; padding: 0px 12px; }
.css-cdpur.MuiButton-ctaSizeMedium { height: 40px; padding: 0px 12px; }
.css-cdpur.MuiButton-ctaSizeSmall { height: 36px; padding: 0px 12px; }
@media (min-width: 600px) {
  .css-cdpur { display: none; }
}
.css-1mumaix { position: relative; box-sizing: border-box; -webkit-tap-highlight-color: transparent; background-color: transparent; outline: 0px; margin: 0px; cursor: pointer; user-select: none; vertical-align: middle; appearance: none; text-decoration: none; font-family: Kanit, sans-serif; font-weight: 500; line-height: 1.75; min-width: 64px; padding: 6px 16px; border: 0px; --variant-textColor: #2A5044; --variant-outlinedColor: #2A5044; --variant-outlinedBorder: rgba(42, 80, 68, 0.5); --variant-containedColor: #fff; --variant-containedBg: #2A5044; transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1), box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1), border-color 250ms cubic-bezier(0.4, 0, 0.2, 1); display: inline-flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; gap: 8px; flex-shrink: 0; border-radius: 6px; color: rgba(0, 0, 0, 0.8); font-size: 14px; text-transform: none; text-align: center; }
.css-1mumaix.Mui-disabled { pointer-events: none; cursor: default; }
@media print {
  .css-1mumaix { print-color-adjust: exact; }
}
.css-1mumaix:hover { text-decoration: none; }
.css-1mumaix.Mui-disabled { color: rgba(255, 255, 255, 0.3); }
@media (hover: hover) {
  .css-1mumaix:hover { --variant-containedBg: rgb(29, 56, 47); --variant-textBg: rgba(42, 80, 68, 0.08); --variant-outlinedBorder: #2A5044; --variant-outlinedBg: rgba(42, 80, 68, 0.08); }
}
.css-1mumaix.MuiButton-loading { color: transparent; }
.css-1mumaix .MuiButton-startIcon { display: inline-flex; gap: 8px; margin-right: 0px; margin-left: 0px; }
.css-1mumaix .MuiButton-endIcon { display: inline-flex; gap: 8px; margin-right: 0px; margin-left: 0px; }
.css-1mumaix.MuiButton-containedPrimary { box-shadow: none; color: rgb(14, 27, 23); background: linear-gradient(90deg, rgb(254, 226, 12) 0%, rgb(255, 174, 0) 25%, rgb(254, 226, 12) 75%, rgb(255, 174, 0) 100%) 0% 0% / 400% 400%; }
.css-1mumaix.MuiButton-containedPrimary:hover { color: rgb(14, 27, 23); animation: 0.7s ease 0s 1 normal forwards running animation-dofypc; }
.css-1mumaix.MuiButton-containedPrimary:active { color: rgb(14, 27, 23); animation: 0.7s ease 0s 1 normal forwards running animation-i3y9un; }
.css-1mumaix.MuiButton-containedPrimary:disabled { color: rgb(14, 27, 23); opacity: 0.5; }
.css-1mumaix.MuiButton-containedSecondary { color: rgba(255, 255, 255, 0.8); background-color: rgb(28, 54, 45); box-shadow: none; }
.css-1mumaix.MuiButton-containedSecondary:hover { background-color: rgb(28, 54, 45); opacity: 0.85; }
.css-1mumaix.MuiButton-containedSecondary:active { color: rgb(255, 255, 255); background-color: rgb(28, 54, 45); opacity: 1; }
.css-1mumaix.MuiButton-containedSecondary:disabled { color: rgba(255, 255, 255, 0.8); background-color: rgb(28, 54, 45); opacity: 0.4; }
.css-1mumaix.MuiButton-containedSizeLarge { height: 44px; padding: 0px 12px; }
.css-1mumaix.MuiButton-containedSizeMedium { height: 40px; padding: 0px 12px; }
.css-1mumaix.MuiButton-containedSizeSmall { height: 36px; padding: 0px 12px; }
.css-1mumaix.MuiButton-outlinedSizeLarge { height: 44px; padding: 0px 12px; }
.css-1mumaix.MuiButton-outlinedSizeMedium { height: 40px; padding: 0px 12px; }
.css-1mumaix.MuiButton-outlinedSizeSmall { height: 36px; padding: 0px 12px 0px 8px; }
.css-1mumaix.MuiButton-text { padding: 0px 12px; color: rgb(0, 254, 169); font-size: 14px; font-weight: 600; line-height: 18px; }
.css-1mumaix.MuiButton-text:hover { background: transparent; color: rgb(0, 229, 152); }
.css-1mumaix.MuiButton-text:active { color: rgb(0, 229, 152); }
.css-1mumaix.MuiButton-text:disabled { color: rgb(0, 254, 169); opacity: 0.4; }
.css-1mumaix.MuiButton-textSecondary { color: rgba(255, 255, 255, 0.8); background: rgb(28, 54, 45); }
.css-1mumaix.MuiButton-textSecondary:hover { opacity: 0.85; }
.css-1mumaix.MuiButton-textSecondary:active { opacity: 1; }
.css-1mumaix.MuiButton-textSecondary:disabled { opacity: 0.5; }
.css-1mumaix.MuiButton-textSizeLarge { height: 44px; }
.css-1mumaix.MuiButton-textSizeMedium { height: 40px; }
.css-1mumaix.MuiButton-textSizeSmall { height: 36px; }
.css-1mumaix.MuiButton-iconInherit { padding: 0px; }
.css-1mumaix.MuiButton-iconPrimary { background: linear-gradient(90deg, rgb(254, 226, 12) 0%, rgb(255, 174, 0) 25%, rgb(254, 226, 12) 75%, rgb(255, 174, 0) 100%); box-shadow: none; }
.css-1mumaix.MuiButton-iconPrimary:hover { opacity: 0.8; }
.css-1mumaix.MuiButton-iconPrimary:active { opacity: 1; }
.css-1mumaix.MuiButton-iconPrimary:disabled { opacity: 0.5; }
.css-1mumaix.MuiButton-iconSecondary { color: rgba(255, 255, 255, 0.8); box-shadow: none; background-color: rgb(28, 54, 45); }
.css-1mumaix.MuiButton-iconSecondary:hover { background-color: rgb(28, 54, 45); opacity: 0.85; }
.css-1mumaix.MuiButton-iconSecondary:active { color: rgb(255, 255, 255); background-color: rgb(28, 54, 45); opacity: 1; }
.css-1mumaix.MuiButton-iconSecondary:disabled { color: rgba(255, 255, 255, 0.8); background-color: rgb(28, 54, 45); opacity: 0.4; }
.css-1mumaix.MuiButton-iconSuccess { background: rgb(152, 255, 22); border: 1px solid rgb(152, 255, 22); box-shadow: rgba(152, 255, 22, 0.6) 0px 0px 10px 0px; }
.css-1mumaix.MuiButton-iconSuccess:hover { background-color: rgb(106, 178, 15); }
.css-1mumaix.MuiButton-iconSuccess:active { background-color: rgb(106, 178, 15); }
.css-1mumaix.MuiButton-iconSuccess:disabled { opacity: 0.5; box-shadow: none; }
.css-1mumaix.MuiButton-iconError { background: rgb(242, 73, 50); border: 1px solid rgb(242, 73, 50); box-shadow: rgba(242, 73, 50, 0.6) 0px 0px 10px 0px; }
.css-1mumaix.MuiButton-iconError:hover { background-color: rgb(169, 51, 35); }
.css-1mumaix.MuiButton-iconError:active { background-color: rgb(169, 51, 35); }
.css-1mumaix.MuiButton-iconError:disabled { opacity: 0.5; box-shadow: none; }
.css-1mumaix.MuiButton-iconInfo { background: rgb(79, 195, 247); border: 1px solid rgb(79, 195, 247); box-shadow: rgba(79, 195, 247, 0.6) 0px 0px 10px 0px; }
.css-1mumaix.MuiButton-iconInfo:hover { background-color: rgb(55, 136, 172); }
.css-1mumaix.MuiButton-iconInfo:active { background-color: rgb(55, 136, 172); }
.css-1mumaix.MuiButton-iconInfo:disabled { opacity: 0.5; box-shadow: none; }
.css-1mumaix.MuiButton-iconWarning { background: rgb(255, 218, 22); border: 1px solid rgb(255, 218, 22); box-shadow: rgba(255, 218, 22, 0.6) 0px 0px 10px 0px; }
.css-1mumaix.MuiButton-iconWarning:hover { background-color: rgb(178, 152, 15); }
.css-1mumaix.MuiButton-iconWarning:active { background-color: rgb(178, 152, 15); }
.css-1mumaix.MuiButton-iconWarning:disabled { opacity: 0.5; box-shadow: none; }
.css-1mumaix.MuiButton-iconSizeLarge { min-width: 44px; width: 44px; height: 44px; padding: 2px; }
.css-1mumaix.MuiButton-iconSizeLarge .MuiButton-startIcon { display: flex; gap: 0px; margin: 0px; color: rgba(255, 255, 255, 0.8); }
.css-1mumaix.MuiButton-iconSizeMedium { min-width: 40px; width: 40px; height: 40px; padding: 2px; }
.css-1mumaix.MuiButton-iconSizeMedium .MuiButton-startIcon { display: flex; gap: 0px; margin: 0px; }
.css-1mumaix.MuiButton-iconSizeSmall { min-width: 36px; width: 36px; height: 36px; padding: 2px; }
.css-1mumaix.MuiButton-iconSizeSmall .MuiButton-startIcon { display: flex; gap: 0px; margin: 0px; }
.css-1mumaix.MuiButton-outlined { color: rgb(0, 254, 169); border: 1px solid rgb(0, 254, 169); background: rgba(14, 27, 23, 0.4); }
.css-1mumaix.MuiButton-outlined:hover { border: 1px solid rgb(0, 254, 169); background: rgba(14, 27, 23, 0.4); opacity: 0.85; }
.css-1mumaix.MuiButton-outlined:active { opacity: 1; }
.css-1mumaix.MuiButton-outlined:disabled { color: rgb(0, 254, 169); border: 1px solid rgb(0, 254, 169); opacity: 0.4; }
.css-1mumaix.MuiButton-cta { color: rgb(14, 27, 23); background-image: linear-gradient(90deg, rgb(254, 226, 12) 0%, rgb(255, 174, 0) 25%, rgb(254, 226, 12) 75%, rgb(255, 174, 0) 100%); background-size: 400% 400%; font-size: 14px; font-weight: 600; line-height: 18px; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; box-shadow: rgba(255, 255, 255, 0.6) 0px 9px 8px 0px inset, rgba(0, 254, 169, 0.2) 0px -4px 8px 0px inset, rgba(0, 254, 169, 0.24) 0px 0px 50px 0px; }
.css-1mumaix.MuiButton-cta:hover { animation: 0.7s ease 0s 1 normal forwards running animation-dofypc; box-shadow: rgba(255, 255, 255, 0.6) 0px 9px 8px 0px inset, rgba(0, 254, 169, 0.2) 0px -4px 8px 0px inset, rgba(0, 254, 169, 0.8) 0px 0px 40px 0px; }
.css-1mumaix.MuiButton-cta:active { animation: 0.7s ease 0s 1 normal forwards running animation-i3y9un; box-shadow: rgba(255, 255, 255, 0.6) 0px 9px 8px 0px inset, rgba(0, 254, 169, 0.2) 0px -4px 8px 0px inset, rgba(0, 254, 169, 0.24) 0px 0px 50px 0px; }
.css-1mumaix.MuiButton-cta:disabled { color: rgb(14, 27, 23); opacity: 0.5; box-shadow: rgba(255, 255, 255, 0.6) 0px 9px 8px 0px inset, rgba(0, 254, 169, 0.2) 0px -4px 8px 0px inset, rgba(0, 254, 169, 0.24) 0px 0px 50px 0px; }
.css-1mumaix.MuiButton-ctaSizeLarge { height: 44px; padding: 0px 12px; }
.css-1mumaix.MuiButton-ctaSizeMedium { height: 40px; padding: 0px 12px; }
.css-1mumaix.MuiButton-ctaSizeSmall { height: 36px; padding: 0px 12px; }
@media (min-width: 600px) {
  .css-1mumaix { display: none; }
}
.css-1qfx30c { display: inherit; margin-right: 8px; margin-left: -2px; }
.css-1qfx30c > :nth-of-type(1) { font-size: 18px; }
.css-w1aohp { transform: unset; }
.css-w1aohp.MuiIcon-root { display: flex; width: 20px !important; height: 20px !important; font-size: 20px !important; line-height: 20px !important; }
.css-w1aohp.MuiIcon-root.MuiIcon-colorTxt\.textWhite100 { color: rgb(255, 255, 255); }
.css-w1aohp.MuiIcon-root.MuiIcon-colorTxt\.textWhite80 { color: rgba(255, 255, 255, 0.8); }
.css-w1aohp.MuiIcon-root.MuiIcon-colorTxt\.textWhite40 { color: rgba(255, 255, 255, 0.4); }
.css-w1aohp.MuiIcon-root.MuiIcon-colorTxt\.secondary { color: rgba(255, 255, 255, 0.8); }
.css-w1aohp.MuiIcon-root.MuiIcon-colorAccent\.main { color: rgb(0, 254, 169); }
.css-w1aohp.MuiIcon-root.MuiIcon-colorAccent\.gradient { background: linear-gradient(90deg, rgb(254, 226, 12) 0%, rgb(255, 174, 0) 100%) text; -webkit-text-fill-color: transparent; }
.css-w1aohp.MuiIcon-root.MuiIcon-colorEvent\.bg { color: rgb(21, 40, 34); }
.css-w1aohp.MuiIcon-root.MuiIcon-colorEvent\.bgHover { color: rgb(28, 54, 45); }
.css-w1aohp.MuiIcon-root.MuiIcon-colorEvent\.bg2 { color: rgb(0, 254, 169); }
.css-w1aohp.MuiIcon-root.MuiIcon-colorFilter\.bg { color: rgb(21, 40, 34); }
.css-w1aohp.MuiIcon-root.MuiIcon-colorFilter\.bgHover { color: rgb(28, 54, 45); }
.css-w1aohp.MuiIcon-root.MuiIcon-colorFilter\.bg2 { color: rgb(0, 254, 169); }
.css-w1aohp.MuiIcon-root.MuiIcon-colorFixedColor\.success { color: rgb(152, 255, 22); }
.css-w1aohp.MuiIcon-root.MuiIcon-colorFixedColor\.warning { color: rgb(255, 218, 22); }
.css-w1aohp.MuiIcon-root.MuiIcon-colorFixedColor\.error { color: rgb(242, 73, 50); }
.css-w1aohp.MuiIcon-root.MuiIcon-colorHeader\.bg { color: rgb(28, 54, 45); }
.css-w1aohp.MuiIcon-root.MuiIcon-colorInputDropDown\.bg { color: rgb(21, 40, 34); }
.css-w1aohp.MuiIcon-root.MuiIcon-colorInputDropDown\.bgHover { color: rgb(28, 54, 45); }
.css-w1aohp.MuiIcon-root.MuiIcon-colorInputDropDown\.bg2 { color: rgb(0, 254, 169); }
.css-w1aohp.MuiIcon-root.MuiIcon-colorMenu1\.bg { color: rgb(14, 27, 23); }
.css-w1aohp.MuiIcon-root.MuiIcon-colorOdd\.bg { color: rgb(21, 40, 34); }
.css-w1aohp.MuiIcon-root.MuiIcon-colorOdd\.bg2 { color: rgb(28, 54, 45); }
.css-w1aohp.MuiIcon-root.MuiIcon-colorVip\.blackDiamond { color: rgb(240, 230, 215); }
.css-w1aohp.MuiIcon-root.MuiIcon-colorVip\.bronze { color: rgb(202, 128, 86); }
.css-w1aohp.MuiIcon-root.MuiIcon-colorVip\.gold { color: rgb(238, 190, 68); }
.css-w1aohp.MuiIcon-root.MuiIcon-colorVip\.sliver { color: rgb(221, 221, 221); }
.css-w1aohp.MuiIcon-root.MuiIcon-colorDark\.dark1 { color: rgb(14, 27, 23); }
.css-w1aohp.MuiIcon-root.MuiIcon-colorFixedColor\.info { color: rgb(79, 195, 247); }
.css-w1aohp.MuiIcon-fontSizeSmall { width: 16px !important; height: 16px !important; font-size: 16px !important; line-height: 16px !important; }
.css-w1aohp.MuiIcon-fontSizeLarge { width: 24px !important; height: 24px !important; font-size: 24px !important; line-height: 24px !important; }
.css-w1aohp.MuiIcon-fontSizeLarge80 { width: 80px !important; height: 80px !important; font-size: 80px !important; line-height: 80px !important; }
.css-w1aohp.MuiIcon-fontSizeLarge40 { width: 40px !important; height: 40px !important; font-size: 40px !important; line-height: 40px !important; }
.css-w1aohp.MuiIcon-fontSizeLarge64 { width: 64px !important; height: 64px !important; font-size: 64px !important; line-height: 64px !important; }
.css-w1aohp.MuiIcon-fontSizeLarge44 { width: 44px !important; height: 44px !important; font-size: 44px !important; line-height: 44px !important; }
.css-w1aohp.MuiIcon-fontSizeExtraSmall { width: 14px !important; height: 14px !important; font-size: 14px !important; line-height: 14px !important; }
.css-w1aohp.MuiIcon-fontSizeExtLarge { width: 32px !important; height: 32px !important; font-size: 32px !important; line-height: 32px !important; }
.css-w1aohp.MuiIcon-colorWhite { color: rgb(255, 255, 255); }
.css-1s8kkba { user-select: none; width: 1em; height: 1em; overflow: hidden; display: inline-block; text-align: center; flex-shrink: 0; font-size: 1.5rem; transform: unset; }
.css-1s8kkba.MuiIcon-root { display: flex; width: 20px !important; height: 20px !important; font-size: 20px !important; line-height: 20px !important; }
.css-1s8kkba.MuiIcon-root.MuiIcon-colorTxt\.textWhite100 { color: rgb(255, 255, 255); }
.css-1s8kkba.MuiIcon-root.MuiIcon-colorTxt\.textWhite80 { color: rgba(255, 255, 255, 0.8); }
.css-1s8kkba.MuiIcon-root.MuiIcon-colorTxt\.textWhite40 { color: rgba(255, 255, 255, 0.4); }
.css-1s8kkba.MuiIcon-root.MuiIcon-colorTxt\.secondary { color: rgba(255, 255, 255, 0.8); }
.css-1s8kkba.MuiIcon-root.MuiIcon-colorAccent\.main { color: rgb(0, 254, 169); }
.css-1s8kkba.MuiIcon-root.MuiIcon-colorAccent\.gradient { background: linear-gradient(90deg, rgb(254, 226, 12) 0%, rgb(255, 174, 0) 100%) text; -webkit-text-fill-color: transparent; }
.css-1s8kkba.MuiIcon-root.MuiIcon-colorEvent\.bg { color: rgb(21, 40, 34); }
.css-1s8kkba.MuiIcon-root.MuiIcon-colorEvent\.bgHover { color: rgb(28, 54, 45); }
.css-1s8kkba.MuiIcon-root.MuiIcon-colorEvent\.bg2 { color: rgb(0, 254, 169); }
.css-1s8kkba.MuiIcon-root.MuiIcon-colorFilter\.bg { color: rgb(21, 40, 34); }
.css-1s8kkba.MuiIcon-root.MuiIcon-colorFilter\.bgHover { color: rgb(28, 54, 45); }
.css-1s8kkba.MuiIcon-root.MuiIcon-colorFilter\.bg2 { color: rgb(0, 254, 169); }
.css-1s8kkba.MuiIcon-root.MuiIcon-colorFixedColor\.success { color: rgb(152, 255, 22); }
.css-1s8kkba.MuiIcon-root.MuiIcon-colorFixedColor\.warning { color: rgb(255, 218, 22); }
.css-1s8kkba.MuiIcon-root.MuiIcon-colorFixedColor\.error { color: rgb(242, 73, 50); }
.css-1s8kkba.MuiIcon-root.MuiIcon-colorHeader\.bg { color: rgb(28, 54, 45); }
.css-1s8kkba.MuiIcon-root.MuiIcon-colorInputDropDown\.bg { color: rgb(21, 40, 34); }
.css-1s8kkba.MuiIcon-root.MuiIcon-colorInputDropDown\.bgHover { color: rgb(28, 54, 45); }
.css-1s8kkba.MuiIcon-root.MuiIcon-colorInputDropDown\.bg2 { color: rgb(0, 254, 169); }
.css-1s8kkba.MuiIcon-root.MuiIcon-colorMenu1\.bg { color: rgb(14, 27, 23); }
.css-1s8kkba.MuiIcon-root.MuiIcon-colorOdd\.bg { color: rgb(21, 40, 34); }
.css-1s8kkba.MuiIcon-root.MuiIcon-colorOdd\.bg2 { color: rgb(28, 54, 45); }
.css-1s8kkba.MuiIcon-root.MuiIcon-colorVip\.blackDiamond { color: rgb(240, 230, 215); }
.css-1s8kkba.MuiIcon-root.MuiIcon-colorVip\.bronze { color: rgb(202, 128, 86); }
.css-1s8kkba.MuiIcon-root.MuiIcon-colorVip\.gold { color: rgb(238, 190, 68); }
.css-1s8kkba.MuiIcon-root.MuiIcon-colorVip\.sliver { color: rgb(221, 221, 221); }
.css-1s8kkba.MuiIcon-root.MuiIcon-colorDark\.dark1 { color: rgb(14, 27, 23); }
.css-1s8kkba.MuiIcon-root.MuiIcon-colorFixedColor\.info { color: rgb(79, 195, 247); }
.css-1s8kkba.MuiIcon-fontSizeSmall { width: 16px !important; height: 16px !important; font-size: 16px !important; line-height: 16px !important; }
.css-1s8kkba.MuiIcon-fontSizeLarge { width: 24px !important; height: 24px !important; font-size: 24px !important; line-height: 24px !important; }
.css-1s8kkba.MuiIcon-fontSizeLarge80 { width: 80px !important; height: 80px !important; font-size: 80px !important; line-height: 80px !important; }
.css-1s8kkba.MuiIcon-fontSizeLarge40 { width: 40px !important; height: 40px !important; font-size: 40px !important; line-height: 40px !important; }
.css-1s8kkba.MuiIcon-fontSizeLarge64 { width: 64px !important; height: 64px !important; font-size: 64px !important; line-height: 64px !important; }
.css-1s8kkba.MuiIcon-fontSizeLarge44 { width: 44px !important; height: 44px !important; font-size: 44px !important; line-height: 44px !important; }
.css-1s8kkba.MuiIcon-fontSizeExtraSmall { width: 14px !important; height: 14px !important; font-size: 14px !important; line-height: 14px !important; }
.css-1s8kkba.MuiIcon-fontSizeExtLarge { width: 32px !important; height: 32px !important; font-size: 32px !important; line-height: 32px !important; }
.css-1s8kkba.MuiIcon-colorWhite { color: rgb(255, 255, 255); }
.css-3c137b { width: 260px; position: relative; will-change: width; transition: width 225ms cubic-bezier(0.4, 0, 0.6, 1); }
.css-3c137b > .MuiButtonBase-root { z-index: 2000; }
.css-h1kjcs { flex-shrink: 0; z-index: 1201; white-space: nowrap; box-sizing: border-box; margin-right: 32px; padding-top: env(safe-area-inset-top); padding-bottom: env(safe-area-inset-bottom); border-width: medium !important; border-style: none !important; border-color: currentcolor !important; border-image: none !important; }
.css-h1kjcs.MuiDrawer-root .MuiPaper-root { overflow-x: hidden; border-right: 0px; padding-bottom: env(safe-area-inset-bottom); scrollbar-width: none; background: rgb(14, 27, 23); }
.css-h1kjcs.MuiDrawer-root .MuiPaper-root::-webkit-scrollbar { display: none; }
.css-h1kjcs .sidebar-scroll-container { overflow: hidden auto; height: 100%; width: 100%; scrollbar-width: none; }
.css-h1kjcs .sidebar-scroll-container::-webkit-scrollbar { display: none; }
.css-h1kjcs .sidebar-header-sticky { position: sticky; top: 0px; z-index: 2; background: rgb(14, 27, 23); }
.css-h1kjcs .MuiDrawer-paper { width: 260px; padding-top: env(safe-area-inset-top); transform: translateZ(0px); will-change: width; transition: width 225ms cubic-bezier(0.4, 0, 0.6, 1); }
.css-1kr276d { flex: 0 0 auto; z-index: 1201; white-space: nowrap; box-sizing: border-box; margin-right: 32px; padding-top: env(safe-area-inset-top); padding-bottom: env(safe-area-inset-bottom); border-width: medium !important; border-style: none !important; border-color: currentcolor !important; border-image: none !important; }
.css-1kr276d.MuiDrawer-root .MuiPaper-root { overflow-x: hidden; border-right: 0px; padding-bottom: env(safe-area-inset-bottom); scrollbar-width: none; background: rgb(14, 27, 23); }
.css-1kr276d.MuiDrawer-root .MuiPaper-root::-webkit-scrollbar { display: none; }
.css-1kr276d .sidebar-scroll-container { overflow: hidden auto; height: 100%; width: 100%; scrollbar-width: none; }
.css-1kr276d .sidebar-scroll-container::-webkit-scrollbar { display: none; }
.css-1kr276d .sidebar-header-sticky { position: sticky; top: 0px; z-index: 2; background: rgb(14, 27, 23); }
.css-1kr276d .MuiDrawer-paper { width: 260px; padding-top: env(safe-area-inset-top); transform: translateZ(0px); will-change: width; transition: width 225ms cubic-bezier(0.4, 0, 0.6, 1); }
.css-1vp7xt1 { overflow-y: auto; display: flex; flex-direction: column; height: 100%; flex: 1 0 auto; z-index: 1200; position: fixed; top: 0px; outline: 0px; left: 0px; border-right: 1px solid rgba(255, 255, 255, 0.12); }
.css-uni3em { background-color: rgb(21, 40, 34); color: rgb(255, 255, 255); transition: box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1); box-shadow: var(--Paper-shadow); background-image: var(--Paper-overlay); overflow-y: auto; display: flex; flex-direction: column; height: 100%; flex: 1 0 auto; z-index: 1200; position: fixed; top: 0px; outline: 0px; left: 0px; border-right: 1px solid rgba(255, 255, 255, 0.12); }
.css-x0w6iy { display: flex; flex-direction: column; position: relative; min-height: 100vh; padding-right: 16px; padding-left: 16px; padding-top: calc(16px + env(safe-area-inset-top)); padding-bottom: env(safe-area-inset-top); }
.css-x0w6iy .remove-padding-layout { margin-left: -16px; margin-right: -16px; width: calc(100% + 32px); }
.css-x0w6iy .add-padding-layout { margin-left: 16px; margin-right: 16px; }
.css-x0w6iy #dynamic-page-game_launcher { width: 100%; }
@media (min-width: 1024px) {
  .css-x0w6iy { padding: 32px 32px 0px; width: calc(100% - 260px); margin-bottom: 0px; transition: width 300ms cubic-bezier(0.4, 0, 0.2, 1), margin 300ms cubic-bezier(0.4, 0, 0.2, 1); margin-left: 260px; }
  .css-x0w6iy .add-padding-layout { margin-left: 32px; margin-right: 32px; }
  .css-x0w6iy .remove-padding-layout { margin-left: -32px; margin-right: -32px; width: calc(100% + 64px); }
}
.css-x0w6iy.casino-game-slug-page .content { transition: max-width 0.5s, margin 0.5s; }
@media (min-width: 1200px) {
  .css-x0w6iy.casino-game-slug-page.game-expanded #swiper-slide_section_vendor, .css-x0w6iy.casino-game-slug-page.game-expanded #swiper-slide_section_game { margin: 0px auto; max-width: 1200px !important; }
}
@media (min-width: 1440px) {
  .css-x0w6iy.casino-game-slug-page.game-expanded #swiper-slide_section_vendor, .css-x0w6iy.casino-game-slug-page.game-expanded #swiper-slide_section_game { margin: 0px auto; max-width: 1200px !important; }
}
.css-x0w6iy.casino-game-slug-page.game-expanded .content { padding-left: 0px; padding-right: 0px; max-width: 100% !important; width: 100% !important; }
@media (max-width: 1023.95px) {
  .css-x0w6iy.casino-game-slug-page.game-expanded .content .bets-section { padding-left: 16px; padding-right: 16px; }
}
@media (max-width: 1199.95px) {
  .css-x0w6iy.casino-game-slug-page #swiper-slide_section_vendor, .css-x0w6iy.casino-game-slug-page #swiper-slide_section_game { max-width: calc(-32px + 100vw); }
}
.css-x0w6iy .bets-section .bets-data-available { position: relative; }
.css-x0w6iy .bets-section .bets-data-available::after { content: ""; position: absolute; bottom: 0px; left: 0px; height: 25%; width: 100%; pointer-events: none; }
.css-x0w6iy.casino-game-launch-slug-page { margin-top: 64px; margin-bottom: 58px; min-height: calc(100dvh - 64px - 58px - env(safe-area-inset-bottom, 0)); overflow: hidden; z-index: 4; }
.css-x0w6iy.casino-game-launch-slug-page .game-frame { z-index: 4; height: calc(100dvh - 64px - 58px - env(safe-area-inset-bottom, 0)); padding-top: unset; position: fixed; top: 0px; bottom: calc(env(safe-area-inset-bottom, 0) + 58px); right: 0px; left: 0px; overflow: hidden; }
@media (max-width: 1022.95px) {
  .css-x0w6iy.casino-game-launch-slug-page .game-frame { top: 56px; bottom: 58px; }
}
@media (max-width: 1022.95px) {
  .css-x0w6iy.casino-game-launch-slug-page { margin-top: 56px; min-height: calc(-122px + 100vh); }
}
.css-x0w6iy.casino-game-launch-slug-page .bets-section { display: none; }
.css-x0w6iy.casino-game-launch-slug-page footer { display: none; }
.css-x0w6iy.referral-page { background: rgb(12, 23, 19); }
.css-1l745iy { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: end; justify-content: flex-end; padding: 0px; min-height: 64px; }
@media (min-width: 0px) {
  @media (orientation: landscape) {
  .css-1l745iy { min-height: 64px; }
}
}
@media (min-width: 600px) {
  .css-1l745iy { min-height: 64px; }
}
@media (max-width: 599.95px) {
  .css-1l745iy { min-height: 56px; }
}
.css-1i5y1da { display: flex; flex-direction: column; gap: 16px; flex: 1 1 0%; margin-bottom: 32px; }
.css-1i5y1da .slider-deposit-banner { transition: margin-top 0.3s ease-in-out; }
@media (min-width: 1024px) {
  .css-1i5y1da .slider-deposit-banner { margin-top: -32px; }
}
@media (max-width: 1023.95px) {
  .css-1i5y1da .slider-deposit-banner { margin-top: -16px; }
}
.css-1i5y1da #swiper-slide_section_vendor .horizontal-slider-header { margin-bottom: 0px; }
.css-184wbm9 { width: 100%; }
.css-184wbm9 .swiper-pagination { bottom: 16px; z-index: 10; gap: 6px; position: absolute; padding-top: 0px; }
.css-184wbm9 .swiper-pagination-bottom .swiper-pagination .swiper-pagination-bullet { width: 8px; height: 8px; border-radius: 50%; background-color: rgba(255, 255, 255, 0.4); opacity: 1; border: unset; transition: width 0.25s, background-color 0.25s; }
.css-184wbm9 .swiper-pagination-bottom .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { width: 32px; height: 8px; background-color: rgb(0, 254, 169); border-radius: 4px; }
@media (max-width: 899.95px) {
  .css-184wbm9 .swiper-pagination { display: none; }
}
.css-1z85h6 { width: 100%; }
.css-1z85h6 .swiper-pagination { bottom: 16px; z-index: 10; gap: 6px; position: absolute; padding-top: 0px; }
.css-1z85h6 .swiper-pagination-bottom .swiper-pagination .swiper-pagination-bullet { width: 8px; height: 8px; border-radius: 50%; background-color: rgba(255, 255, 255, 0.4); opacity: 1; border: unset; transition: width 0.25s, background-color 0.25s; }
.css-1z85h6 .swiper-pagination-bottom .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { width: 32px; height: 8px; background-color: rgb(0, 254, 169); border-radius: 4px; }
@media (max-width: 899.95px) {
  .css-1z85h6 .swiper-pagination { display: none; }
}
.css-dpf5r7 { width: 100%; }
.css-dpf5r7 .banner-item-slider-item-image { border-radius: 12px; }
.css-dpf5r7.promotion-banner-slider .swiper-slide { overflow: visible; }
@media (max-width: 766.98px) {
  .css-dpf5r7.promotion-banner-slider .swiper-slide { width: calc(100% - 32px); }
}
@media (min-width: 1200px) {
  .css-dpf5r7.promotion-banner-slider .swiper-slide { width: 392px; }
}
.css-dpf5r7 .swiper-wrapper .swiper-slide-section_game { width: 158px; }
.css-dpf5r7 .swiper-wrapper .swiper-slide-section_game_search { width: 158px; }
.css-dpf5r7 .swiper-wrapper .swiper-slide-section_vendor { width: 195px; }
.css-10rcz56.swiper { padding-top: 0px; overflow-y: inherit; }
.css-10rcz56 .swiper-slide { overflow: hidden; }
.css-pdy8xz { display: flex; position: relative; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; margin: auto; padding-top: calc(27.8169%); background-size: cover; background-position: right center; }
.css-pdy8xz .deposit-banner-container { position: absolute; inset: 0px; width: 100%; height: 100%; background: radial-gradient(circle at 48% 156%, rgb(42, 80, 68) 0%, rgb(14, 27, 23) 100%); }
.css-pdy8xz .deposit-banner-container::before { content: ""; position: absolute; inset: 0px; background: linear-gradient(rgb(14, 27, 23) 0%, rgba(25, 48, 41, 0) 100%); pointer-events: none; }
.css-pdy8xz .deposit-banner-image { width: 100%; height: 100%; object-fit: cover; display: block; position: relative; z-index: 1; }
@media (max-width: 1023.95px) {
  .css-pdy8xz { padding-top: calc(31.338%); }
}
@media (max-width: 899.95px) {
  .css-pdy8xz { min-height: 545px; padding-top: 0px; background-position: inherit; border-radius: 0px 0px 16px 16px; }
}
.css-wxrcqd { position: relative; overflow: hidden; display: flex; }
.css-1jct47b { display: flex; flex-direction: column; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; position: absolute; top: 50%; left: 50%; width: 100%; max-width: 580px; gap: 32px; transform: translate(-50%, -50%); z-index: 2; }
.css-1jct47b .hero-animate { opacity: 0; transform: translateY(16px); }
.swiper-slide-active .css-1jct47b .hero-animate { opacity: 1; transform: translateY(0px); }
@media (max-width: 1023.95px) {
  .css-1jct47b { padding-left: 24px; padding-right: 24px; width: calc(100% - 48px); }
}
@media (max-width: 899.95px) {
  .css-1jct47b { gap: 24px; width: calc(100% - 48px); padding-left: 24px; padding-right: 24px; padding-bottom: 24px; position: unset; transform: unset; }
}
.css-hs9vht { display: flex; flex-direction: column; -webkit-box-align: center; align-items: center; align-self: stretch; gap: 16px; }
.css-yfqr4a { display: flex; flex-direction: column; -webkit-box-align: center; align-items: center; text-align: center; gap: 8px; }
.css-yfqr4a .hero-mobile-only { display: none; }
@media (max-width: 899.95px) {
  .css-yfqr4a .hero-desktop-only { display: none; }
  .css-yfqr4a .hero-mobile-only { display: block; }
}
.css-5ktmlq { display: inline-flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; gap: 8px; flex-shrink: 0; border-radius: 6px; color: rgba(0, 0, 0, 0.8); font-size: 14px; text-transform: none; text-align: center; width: 400px; max-width: 100%; padding: 0px 32px; }
.css-5ktmlq .MuiButton-startIcon { display: inline-flex; gap: 8px; margin-right: 0px; margin-left: 0px; }
.css-5ktmlq .MuiButton-endIcon { display: inline-flex; gap: 8px; margin-right: 0px; margin-left: 0px; }
.css-5ktmlq.MuiButton-containedPrimary { box-shadow: none; color: rgb(14, 27, 23); background: linear-gradient(90deg, rgb(254, 226, 12) 0%, rgb(255, 174, 0) 25%, rgb(254, 226, 12) 75%, rgb(255, 174, 0) 100%) 0% 0% / 400% 400%; }
.css-5ktmlq.MuiButton-containedPrimary:hover { color: rgb(14, 27, 23); animation: 0.7s ease 0s 1 normal forwards running animation-dofypc; }
.css-5ktmlq.MuiButton-containedPrimary:active { color: rgb(14, 27, 23); animation: 0.7s ease 0s 1 normal forwards running animation-i3y9un; }
.css-5ktmlq.MuiButton-containedPrimary:disabled { color: rgb(14, 27, 23); opacity: 0.5; }
.css-5ktmlq.MuiButton-containedSecondary { color: rgba(255, 255, 255, 0.8); background-color: rgb(28, 54, 45); box-shadow: none; }
.css-5ktmlq.MuiButton-containedSecondary:hover { background-color: rgb(28, 54, 45); opacity: 0.85; }
.css-5ktmlq.MuiButton-containedSecondary:active { color: rgb(255, 255, 255); background-color: rgb(28, 54, 45); opacity: 1; }
.css-5ktmlq.MuiButton-containedSecondary:disabled { color: rgba(255, 255, 255, 0.8); background-color: rgb(28, 54, 45); opacity: 0.4; }
.css-5ktmlq.MuiButton-containedSizeLarge { height: 44px; padding: 0px 12px; }
.css-5ktmlq.MuiButton-containedSizeMedium { height: 40px; padding: 0px 12px; }
.css-5ktmlq.MuiButton-containedSizeSmall { height: 36px; padding: 0px 12px; }
.css-5ktmlq.MuiButton-outlinedSizeLarge { height: 44px; padding: 0px 12px; }
.css-5ktmlq.MuiButton-outlinedSizeMedium { height: 40px; padding: 0px 12px; }
.css-5ktmlq.MuiButton-outlinedSizeSmall { height: 36px; padding: 0px 12px 0px 8px; }
.css-5ktmlq.MuiButton-text { padding: 0px 12px; color: rgb(0, 254, 169); font-size: 14px; font-weight: 600; line-height: 18px; }
.css-5ktmlq.MuiButton-text:hover { background: transparent; color: rgb(0, 229, 152); }
.css-5ktmlq.MuiButton-text:active { color: rgb(0, 229, 152); }
.css-5ktmlq.MuiButton-text:disabled { color: rgb(0, 254, 169); opacity: 0.4; }
.css-5ktmlq.MuiButton-textSecondary { color: rgba(255, 255, 255, 0.8); background: rgb(28, 54, 45); }
.css-5ktmlq.MuiButton-textSecondary:hover { opacity: 0.85; }
.css-5ktmlq.MuiButton-textSecondary:active { opacity: 1; }
.css-5ktmlq.MuiButton-textSecondary:disabled { opacity: 0.5; }
.css-5ktmlq.MuiButton-textSizeLarge { height: 44px; }
.css-5ktmlq.MuiButton-textSizeMedium { height: 40px; }
.css-5ktmlq.MuiButton-textSizeSmall { height: 36px; }
.css-5ktmlq.MuiButton-iconInherit { padding: 0px; }
.css-5ktmlq.MuiButton-iconPrimary { background: linear-gradient(90deg, rgb(254, 226, 12) 0%, rgb(255, 174, 0) 25%, rgb(254, 226, 12) 75%, rgb(255, 174, 0) 100%); box-shadow: none; }
.css-5ktmlq.MuiButton-iconPrimary:hover { opacity: 0.8; }
.css-5ktmlq.MuiButton-iconPrimary:active { opacity: 1; }
.css-5ktmlq.MuiButton-iconPrimary:disabled { opacity: 0.5; }
.css-5ktmlq.MuiButton-iconSecondary { color: rgba(255, 255, 255, 0.8); box-shadow: none; background-color: rgb(28, 54, 45); }
.css-5ktmlq.MuiButton-iconSecondary:hover { background-color: rgb(28, 54, 45); opacity: 0.85; }
.css-5ktmlq.MuiButton-iconSecondary:active { color: rgb(255, 255, 255); background-color: rgb(28, 54, 45); opacity: 1; }
.css-5ktmlq.MuiButton-iconSecondary:disabled { color: rgba(255, 255, 255, 0.8); background-color: rgb(28, 54, 45); opacity: 0.4; }
.css-5ktmlq.MuiButton-iconSuccess { background: rgb(152, 255, 22); border: 1px solid rgb(152, 255, 22); box-shadow: rgba(152, 255, 22, 0.6) 0px 0px 10px 0px; }
.css-5ktmlq.MuiButton-iconSuccess:hover { background-color: rgb(106, 178, 15); }
.css-5ktmlq.MuiButton-iconSuccess:active { background-color: rgb(106, 178, 15); }
.css-5ktmlq.MuiButton-iconSuccess:disabled { opacity: 0.5; box-shadow: none; }
.css-5ktmlq.MuiButton-iconError { background: rgb(242, 73, 50); border: 1px solid rgb(242, 73, 50); box-shadow: rgba(242, 73, 50, 0.6) 0px 0px 10px 0px; }
.css-5ktmlq.MuiButton-iconError:hover { background-color: rgb(169, 51, 35); }
.css-5ktmlq.MuiButton-iconError:active { background-color: rgb(169, 51, 35); }
.css-5ktmlq.MuiButton-iconError:disabled { opacity: 0.5; box-shadow: none; }
.css-5ktmlq.MuiButton-iconInfo { background: rgb(79, 195, 247); border: 1px solid rgb(79, 195, 247); box-shadow: rgba(79, 195, 247, 0.6) 0px 0px 10px 0px; }
.css-5ktmlq.MuiButton-iconInfo:hover { background-color: rgb(55, 136, 172); }
.css-5ktmlq.MuiButton-iconInfo:active { background-color: rgb(55, 136, 172); }
.css-5ktmlq.MuiButton-iconInfo:disabled { opacity: 0.5; box-shadow: none; }
.css-5ktmlq.MuiButton-iconWarning { background: rgb(255, 218, 22); border: 1px solid rgb(255, 218, 22); box-shadow: rgba(255, 218, 22, 0.6) 0px 0px 10px 0px; }
.css-5ktmlq.MuiButton-iconWarning:hover { background-color: rgb(178, 152, 15); }
.css-5ktmlq.MuiButton-iconWarning:active { background-color: rgb(178, 152, 15); }
.css-5ktmlq.MuiButton-iconWarning:disabled { opacity: 0.5; box-shadow: none; }
.css-5ktmlq.MuiButton-iconSizeLarge { min-width: 44px; width: 44px; height: 44px; padding: 2px; }
.css-5ktmlq.MuiButton-iconSizeLarge .MuiButton-startIcon { display: flex; gap: 0px; margin: 0px; color: rgba(255, 255, 255, 0.8); }
.css-5ktmlq.MuiButton-iconSizeMedium { min-width: 40px; width: 40px; height: 40px; padding: 2px; }
.css-5ktmlq.MuiButton-iconSizeMedium .MuiButton-startIcon { display: flex; gap: 0px; margin: 0px; }
.css-5ktmlq.MuiButton-iconSizeSmall { min-width: 36px; width: 36px; height: 36px; padding: 2px; }
.css-5ktmlq.MuiButton-iconSizeSmall .MuiButton-startIcon { display: flex; gap: 0px; margin: 0px; }
.css-5ktmlq.MuiButton-outlined { color: rgb(0, 254, 169); border: 1px solid rgb(0, 254, 169); background: rgba(14, 27, 23, 0.4); }
.css-5ktmlq.MuiButton-outlined:hover { border: 1px solid rgb(0, 254, 169); background: rgba(14, 27, 23, 0.4); opacity: 0.85; }
.css-5ktmlq.MuiButton-outlined:active { opacity: 1; }
.css-5ktmlq.MuiButton-outlined:disabled { color: rgb(0, 254, 169); border: 1px solid rgb(0, 254, 169); opacity: 0.4; }
.css-5ktmlq.MuiButton-cta { color: rgb(14, 27, 23); background-image: linear-gradient(90deg, rgb(254, 226, 12) 0%, rgb(255, 174, 0) 25%, rgb(254, 226, 12) 75%, rgb(255, 174, 0) 100%); background-size: 400% 400%; font-size: 14px; font-weight: 600; line-height: 18px; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; box-shadow: rgba(255, 255, 255, 0.6) 0px 9px 8px 0px inset, rgba(0, 254, 169, 0.2) 0px -4px 8px 0px inset, rgba(0, 254, 169, 0.24) 0px 0px 50px 0px; }
.css-5ktmlq.MuiButton-cta:hover { animation: 0.7s ease 0s 1 normal forwards running animation-dofypc; box-shadow: rgba(255, 255, 255, 0.6) 0px 9px 8px 0px inset, rgba(0, 254, 169, 0.2) 0px -4px 8px 0px inset, rgba(0, 254, 169, 0.8) 0px 0px 40px 0px; }
.css-5ktmlq.MuiButton-cta:active { animation: 0.7s ease 0s 1 normal forwards running animation-i3y9un; box-shadow: rgba(255, 255, 255, 0.6) 0px 9px 8px 0px inset, rgba(0, 254, 169, 0.2) 0px -4px 8px 0px inset, rgba(0, 254, 169, 0.24) 0px 0px 50px 0px; }
.css-5ktmlq.MuiButton-cta:disabled { color: rgb(14, 27, 23); opacity: 0.5; box-shadow: rgba(255, 255, 255, 0.6) 0px 9px 8px 0px inset, rgba(0, 254, 169, 0.2) 0px -4px 8px 0px inset, rgba(0, 254, 169, 0.24) 0px 0px 50px 0px; }
.css-5ktmlq.MuiButton-ctaSizeLarge { height: 44px; padding: 0px 12px; }
.css-5ktmlq.MuiButton-ctaSizeMedium { height: 40px; padding: 0px 12px; }
.css-5ktmlq.MuiButton-ctaSizeSmall { height: 36px; padding: 0px 12px; }
@-webkit-keyframes animation-i3y9un { 
  0% { background-position: 50% 0%; }
  100% { background-position: 0% 5%; }
}
@keyframes animation-i3y9un { 
  0% { background-position: 50% 0%; }
  100% { background-position: 0% 5%; }
}
@-webkit-keyframes animation-dofypc { 
  0% { background-position: 0% 50%; }
  100% { background-position: 50% 0%; }
}
@keyframes animation-dofypc { 
  0% { background-position: 0% 50%; }
  100% { background-position: 50% 0%; }
}
@-webkit-keyframes animation-i3y9un { 
  0% { background-position: 50% 0%; }
  100% { background-position: 0% 5%; }
}
@keyframes animation-i3y9un { 
  0% { background-position: 50% 0%; }
  100% { background-position: 0% 5%; }
}
@-webkit-keyframes animation-dofypc { 
  0% { background-position: 0% 50%; }
  100% { background-position: 50% 0%; }
}
@keyframes animation-dofypc { 
  0% { background-position: 0% 50%; }
  100% { background-position: 50% 0%; }
}
.css-58bktp { font-family: Kanit, sans-serif; font-weight: 500; line-height: 1.75; min-width: 64px; border: 0px; --variant-textColor: #00FEA9; --variant-outlinedColor: #00FEA9; --variant-outlinedBorder: rgba(0, 254, 169, 0.5); --variant-containedColor: rgba(0, 0, 0, 0.87); --variant-containedBg: #00FEA9; transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1), box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1), border-color 250ms cubic-bezier(0.4, 0, 0.2, 1); display: inline-flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; gap: 8px; flex-shrink: 0; border-radius: 6px; color: rgba(0, 0, 0, 0.8); font-size: 14px; text-transform: none; text-align: center; width: 400px; max-width: 100%; padding: 0px 32px; }
.css-58bktp:hover { text-decoration: none; }
.css-58bktp.Mui-disabled { color: rgba(255, 255, 255, 0.3); }
@media (hover: hover) {
  .css-58bktp:hover { --variant-containedBg: rgb(0, 177, 118); --variant-textBg: rgba(0, 254, 169, 0.08); --variant-outlinedBorder: #00FEA9; --variant-outlinedBg: rgba(0, 254, 169, 0.08); }
}
.css-58bktp.MuiButton-loading { color: transparent; }
.css-58bktp .MuiButton-startIcon { display: inline-flex; gap: 8px; margin-right: 0px; margin-left: 0px; }
.css-58bktp .MuiButton-endIcon { display: inline-flex; gap: 8px; margin-right: 0px; margin-left: 0px; }
.css-58bktp.MuiButton-containedPrimary { box-shadow: none; color: rgb(14, 27, 23); background: linear-gradient(90deg, rgb(254, 226, 12) 0%, rgb(255, 174, 0) 25%, rgb(254, 226, 12) 75%, rgb(255, 174, 0) 100%) 0% 0% / 400% 400%; }
.css-58bktp.MuiButton-containedPrimary:hover { color: rgb(14, 27, 23); animation: 0.7s ease 0s 1 normal forwards running animation-dofypc; }
.css-58bktp.MuiButton-containedPrimary:active { color: rgb(14, 27, 23); animation: 0.7s ease 0s 1 normal forwards running animation-i3y9un; }
.css-58bktp.MuiButton-containedPrimary:disabled { color: rgb(14, 27, 23); opacity: 0.5; }
.css-58bktp.MuiButton-containedSecondary { color: rgba(255, 255, 255, 0.8); background-color: rgb(28, 54, 45); box-shadow: none; }
.css-58bktp.MuiButton-containedSecondary:hover { background-color: rgb(28, 54, 45); opacity: 0.85; }
.css-58bktp.MuiButton-containedSecondary:active { color: rgb(255, 255, 255); background-color: rgb(28, 54, 45); opacity: 1; }
.css-58bktp.MuiButton-containedSecondary:disabled { color: rgba(255, 255, 255, 0.8); background-color: rgb(28, 54, 45); opacity: 0.4; }
.css-58bktp.MuiButton-containedSizeLarge { height: 44px; padding: 0px 12px; }
.css-58bktp.MuiButton-containedSizeMedium { height: 40px; padding: 0px 12px; }
.css-58bktp.MuiButton-containedSizeSmall { height: 36px; padding: 0px 12px; }
.css-58bktp.MuiButton-outlinedSizeLarge { height: 44px; padding: 0px 12px; }
.css-58bktp.MuiButton-outlinedSizeMedium { height: 40px; padding: 0px 12px; }
.css-58bktp.MuiButton-outlinedSizeSmall { height: 36px; padding: 0px 12px 0px 8px; }
.css-58bktp.MuiButton-text { padding: 0px 12px; color: rgb(0, 254, 169); font-size: 14px; font-weight: 600; line-height: 18px; }
.css-58bktp.MuiButton-text:hover { background: transparent; color: rgb(0, 229, 152); }
.css-58bktp.MuiButton-text:active { color: rgb(0, 229, 152); }
.css-58bktp.MuiButton-text:disabled { color: rgb(0, 254, 169); opacity: 0.4; }
.css-58bktp.MuiButton-textSecondary { color: rgba(255, 255, 255, 0.8); background: rgb(28, 54, 45); }
.css-58bktp.MuiButton-textSecondary:hover { opacity: 0.85; }
.css-58bktp.MuiButton-textSecondary:active { opacity: 1; }
.css-58bktp.MuiButton-textSecondary:disabled { opacity: 0.5; }
.css-58bktp.MuiButton-textSizeLarge { height: 44px; }
.css-58bktp.MuiButton-textSizeMedium { height: 40px; }
.css-58bktp.MuiButton-textSizeSmall { height: 36px; }
.css-58bktp.MuiButton-iconInherit { padding: 0px; }
.css-58bktp.MuiButton-iconPrimary { background: linear-gradient(90deg, rgb(254, 226, 12) 0%, rgb(255, 174, 0) 25%, rgb(254, 226, 12) 75%, rgb(255, 174, 0) 100%); box-shadow: none; }
.css-58bktp.MuiButton-iconPrimary:hover { opacity: 0.8; }
.css-58bktp.MuiButton-iconPrimary:active { opacity: 1; }
.css-58bktp.MuiButton-iconPrimary:disabled { opacity: 0.5; }
.css-58bktp.MuiButton-iconSecondary { color: rgba(255, 255, 255, 0.8); box-shadow: none; background-color: rgb(28, 54, 45); }
.css-58bktp.MuiButton-iconSecondary:hover { background-color: rgb(28, 54, 45); opacity: 0.85; }
.css-58bktp.MuiButton-iconSecondary:active { color: rgb(255, 255, 255); background-color: rgb(28, 54, 45); opacity: 1; }
.css-58bktp.MuiButton-iconSecondary:disabled { color: rgba(255, 255, 255, 0.8); background-color: rgb(28, 54, 45); opacity: 0.4; }
.css-58bktp.MuiButton-iconSuccess { background: rgb(152, 255, 22); border: 1px solid rgb(152, 255, 22); box-shadow: rgba(152, 255, 22, 0.6) 0px 0px 10px 0px; }
.css-58bktp.MuiButton-iconSuccess:hover { background-color: rgb(106, 178, 15); }
.css-58bktp.MuiButton-iconSuccess:active { background-color: rgb(106, 178, 15); }
.css-58bktp.MuiButton-iconSuccess:disabled { opacity: 0.5; box-shadow: none; }
.css-58bktp.MuiButton-iconError { background: rgb(242, 73, 50); border: 1px solid rgb(242, 73, 50); box-shadow: rgba(242, 73, 50, 0.6) 0px 0px 10px 0px; }
.css-58bktp.MuiButton-iconError:hover { background-color: rgb(169, 51, 35); }
.css-58bktp.MuiButton-iconError:active { background-color: rgb(169, 51, 35); }
.css-58bktp.MuiButton-iconError:disabled { opacity: 0.5; box-shadow: none; }
.css-58bktp.MuiButton-iconInfo { background: rgb(79, 195, 247); border: 1px solid rgb(79, 195, 247); box-shadow: rgba(79, 195, 247, 0.6) 0px 0px 10px 0px; }
.css-58bktp.MuiButton-iconInfo:hover { background-color: rgb(55, 136, 172); }
.css-58bktp.MuiButton-iconInfo:active { background-color: rgb(55, 136, 172); }
.css-58bktp.MuiButton-iconInfo:disabled { opacity: 0.5; box-shadow: none; }
.css-58bktp.MuiButton-iconWarning { background: rgb(255, 218, 22); border: 1px solid rgb(255, 218, 22); box-shadow: rgba(255, 218, 22, 0.6) 0px 0px 10px 0px; }
.css-58bktp.MuiButton-iconWarning:hover { background-color: rgb(178, 152, 15); }
.css-58bktp.MuiButton-iconWarning:active { background-color: rgb(178, 152, 15); }
.css-58bktp.MuiButton-iconWarning:disabled { opacity: 0.5; box-shadow: none; }
.css-58bktp.MuiButton-iconSizeLarge { min-width: 44px; width: 44px; height: 44px; padding: 2px; }
.css-58bktp.MuiButton-iconSizeLarge .MuiButton-startIcon { display: flex; gap: 0px; margin: 0px; color: rgba(255, 255, 255, 0.8); }
.css-58bktp.MuiButton-iconSizeMedium { min-width: 40px; width: 40px; height: 40px; padding: 2px; }
.css-58bktp.MuiButton-iconSizeMedium .MuiButton-startIcon { display: flex; gap: 0px; margin: 0px; }
.css-58bktp.MuiButton-iconSizeSmall { min-width: 36px; width: 36px; height: 36px; padding: 2px; }
.css-58bktp.MuiButton-iconSizeSmall .MuiButton-startIcon { display: flex; gap: 0px; margin: 0px; }
.css-58bktp.MuiButton-outlined { color: rgb(0, 254, 169); border: 1px solid rgb(0, 254, 169); background: rgba(14, 27, 23, 0.4); }
.css-58bktp.MuiButton-outlined:hover { border: 1px solid rgb(0, 254, 169); background: rgba(14, 27, 23, 0.4); opacity: 0.85; }
.css-58bktp.MuiButton-outlined:active { opacity: 1; }
.css-58bktp.MuiButton-outlined:disabled { color: rgb(0, 254, 169); border: 1px solid rgb(0, 254, 169); opacity: 0.4; }
.css-58bktp.MuiButton-cta { color: rgb(14, 27, 23); background-image: linear-gradient(90deg, rgb(254, 226, 12) 0%, rgb(255, 174, 0) 25%, rgb(254, 226, 12) 75%, rgb(255, 174, 0) 100%); background-size: 400% 400%; font-size: 14px; font-weight: 600; line-height: 18px; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; box-shadow: rgba(255, 255, 255, 0.6) 0px 9px 8px 0px inset, rgba(0, 254, 169, 0.2) 0px -4px 8px 0px inset, rgba(0, 254, 169, 0.24) 0px 0px 50px 0px; }
.css-58bktp.MuiButton-cta:hover { animation: 0.7s ease 0s 1 normal forwards running animation-dofypc; box-shadow: rgba(255, 255, 255, 0.6) 0px 9px 8px 0px inset, rgba(0, 254, 169, 0.2) 0px -4px 8px 0px inset, rgba(0, 254, 169, 0.8) 0px 0px 40px 0px; }
.css-58bktp.MuiButton-cta:active { animation: 0.7s ease 0s 1 normal forwards running animation-i3y9un; box-shadow: rgba(255, 255, 255, 0.6) 0px 9px 8px 0px inset, rgba(0, 254, 169, 0.2) 0px -4px 8px 0px inset, rgba(0, 254, 169, 0.24) 0px 0px 50px 0px; }
.css-58bktp.MuiButton-cta:disabled { color: rgb(14, 27, 23); opacity: 0.5; box-shadow: rgba(255, 255, 255, 0.6) 0px 9px 8px 0px inset, rgba(0, 254, 169, 0.2) 0px -4px 8px 0px inset, rgba(0, 254, 169, 0.24) 0px 0px 50px 0px; }
.css-58bktp.MuiButton-ctaSizeLarge { height: 44px; padding: 0px 12px; }
.css-58bktp.MuiButton-ctaSizeMedium { height: 40px; padding: 0px 12px; }
.css-58bktp.MuiButton-ctaSizeSmall { height: 36px; padding: 0px 12px; }
.css-vftgj6 { position: relative; box-sizing: border-box; -webkit-tap-highlight-color: transparent; background-color: transparent; outline: 0px; margin: 0px; cursor: pointer; user-select: none; vertical-align: middle; appearance: none; text-decoration: none; font-family: Kanit, sans-serif; font-weight: 500; line-height: 1.75; min-width: 64px; border: 0px; --variant-textColor: #00FEA9; --variant-outlinedColor: #00FEA9; --variant-outlinedBorder: rgba(0, 254, 169, 0.5); --variant-containedColor: rgba(0, 0, 0, 0.87); --variant-containedBg: #00FEA9; transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1), box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1), border-color 250ms cubic-bezier(0.4, 0, 0.2, 1); display: inline-flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; gap: 8px; flex-shrink: 0; border-radius: 6px; color: rgba(0, 0, 0, 0.8); font-size: 14px; text-transform: none; text-align: center; width: 400px; max-width: 100%; padding: 0px 32px; }
.css-vftgj6.Mui-disabled { pointer-events: none; cursor: default; }
@media print {
  .css-vftgj6 { print-color-adjust: exact; }
}
.css-vftgj6:hover { text-decoration: none; }
.css-vftgj6.Mui-disabled { color: rgba(255, 255, 255, 0.3); }
@media (hover: hover) {
  .css-vftgj6:hover { --variant-containedBg: rgb(0, 177, 118); --variant-textBg: rgba(0, 254, 169, 0.08); --variant-outlinedBorder: #00FEA9; --variant-outlinedBg: rgba(0, 254, 169, 0.08); }
}
.css-vftgj6.MuiButton-loading { color: transparent; }
.css-vftgj6 .MuiButton-startIcon { display: inline-flex; gap: 8px; margin-right: 0px; margin-left: 0px; }
.css-vftgj6 .MuiButton-endIcon { display: inline-flex; gap: 8px; margin-right: 0px; margin-left: 0px; }
.css-vftgj6.MuiButton-containedPrimary { box-shadow: none; color: rgb(14, 27, 23); background: linear-gradient(90deg, rgb(254, 226, 12) 0%, rgb(255, 174, 0) 25%, rgb(254, 226, 12) 75%, rgb(255, 174, 0) 100%) 0% 0% / 400% 400%; }
.css-vftgj6.MuiButton-containedPrimary:hover { color: rgb(14, 27, 23); animation: 0.7s ease 0s 1 normal forwards running animation-dofypc; }
.css-vftgj6.MuiButton-containedPrimary:active { color: rgb(14, 27, 23); animation: 0.7s ease 0s 1 normal forwards running animation-i3y9un; }
.css-vftgj6.MuiButton-containedPrimary:disabled { color: rgb(14, 27, 23); opacity: 0.5; }
.css-vftgj6.MuiButton-containedSecondary { color: rgba(255, 255, 255, 0.8); background-color: rgb(28, 54, 45); box-shadow: none; }
.css-vftgj6.MuiButton-containedSecondary:hover { background-color: rgb(28, 54, 45); opacity: 0.85; }
.css-vftgj6.MuiButton-containedSecondary:active { color: rgb(255, 255, 255); background-color: rgb(28, 54, 45); opacity: 1; }
.css-vftgj6.MuiButton-containedSecondary:disabled { color: rgba(255, 255, 255, 0.8); background-color: rgb(28, 54, 45); opacity: 0.4; }
.css-vftgj6.MuiButton-containedSizeLarge { height: 44px; padding: 0px 12px; }
.css-vftgj6.MuiButton-containedSizeMedium { height: 40px; padding: 0px 12px; }
.css-vftgj6.MuiButton-containedSizeSmall { height: 36px; padding: 0px 12px; }
.css-vftgj6.MuiButton-outlinedSizeLarge { height: 44px; padding: 0px 12px; }
.css-vftgj6.MuiButton-outlinedSizeMedium { height: 40px; padding: 0px 12px; }
.css-vftgj6.MuiButton-outlinedSizeSmall { height: 36px; padding: 0px 12px 0px 8px; }
.css-vftgj6.MuiButton-text { padding: 0px 12px; color: rgb(0, 254, 169); font-size: 14px; font-weight: 600; line-height: 18px; }
.css-vftgj6.MuiButton-text:hover { background: transparent; color: rgb(0, 229, 152); }
.css-vftgj6.MuiButton-text:active { color: rgb(0, 229, 152); }
.css-vftgj6.MuiButton-text:disabled { color: rgb(0, 254, 169); opacity: 0.4; }
.css-vftgj6.MuiButton-textSecondary { color: rgba(255, 255, 255, 0.8); background: rgb(28, 54, 45); }
.css-vftgj6.MuiButton-textSecondary:hover { opacity: 0.85; }
.css-vftgj6.MuiButton-textSecondary:active { opacity: 1; }
.css-vftgj6.MuiButton-textSecondary:disabled { opacity: 0.5; }
.css-vftgj6.MuiButton-textSizeLarge { height: 44px; }
.css-vftgj6.MuiButton-textSizeMedium { height: 40px; }
.css-vftgj6.MuiButton-textSizeSmall { height: 36px; }
.css-vftgj6.MuiButton-iconInherit { padding: 0px; }
.css-vftgj6.MuiButton-iconPrimary { background: linear-gradient(90deg, rgb(254, 226, 12) 0%, rgb(255, 174, 0) 25%, rgb(254, 226, 12) 75%, rgb(255, 174, 0) 100%); box-shadow: none; }
.css-vftgj6.MuiButton-iconPrimary:hover { opacity: 0.8; }
.css-vftgj6.MuiButton-iconPrimary:active { opacity: 1; }
.css-vftgj6.MuiButton-iconPrimary:disabled { opacity: 0.5; }
.css-vftgj6.MuiButton-iconSecondary { color: rgba(255, 255, 255, 0.8); box-shadow: none; background-color: rgb(28, 54, 45); }
.css-vftgj6.MuiButton-iconSecondary:hover { background-color: rgb(28, 54, 45); opacity: 0.85; }
.css-vftgj6.MuiButton-iconSecondary:active { color: rgb(255, 255, 255); background-color: rgb(28, 54, 45); opacity: 1; }
.css-vftgj6.MuiButton-iconSecondary:disabled { color: rgba(255, 255, 255, 0.8); background-color: rgb(28, 54, 45); opacity: 0.4; }
.css-vftgj6.MuiButton-iconSuccess { background: rgb(152, 255, 22); border: 1px solid rgb(152, 255, 22); box-shadow: rgba(152, 255, 22, 0.6) 0px 0px 10px 0px; }
.css-vftgj6.MuiButton-iconSuccess:hover { background-color: rgb(106, 178, 15); }
.css-vftgj6.MuiButton-iconSuccess:active { background-color: rgb(106, 178, 15); }
.css-vftgj6.MuiButton-iconSuccess:disabled { opacity: 0.5; box-shadow: none; }
.css-vftgj6.MuiButton-iconError { background: rgb(242, 73, 50); border: 1px solid rgb(242, 73, 50); box-shadow: rgba(242, 73, 50, 0.6) 0px 0px 10px 0px; }
.css-vftgj6.MuiButton-iconError:hover { background-color: rgb(169, 51, 35); }
.css-vftgj6.MuiButton-iconError:active { background-color: rgb(169, 51, 35); }
.css-vftgj6.MuiButton-iconError:disabled { opacity: 0.5; box-shadow: none; }
.css-vftgj6.MuiButton-iconInfo { background: rgb(79, 195, 247); border: 1px solid rgb(79, 195, 247); box-shadow: rgba(79, 195, 247, 0.6) 0px 0px 10px 0px; }
.css-vftgj6.MuiButton-iconInfo:hover { background-color: rgb(55, 136, 172); }
.css-vftgj6.MuiButton-iconInfo:active { background-color: rgb(55, 136, 172); }
.css-vftgj6.MuiButton-iconInfo:disabled { opacity: 0.5; box-shadow: none; }
.css-vftgj6.MuiButton-iconWarning { background: rgb(255, 218, 22); border: 1px solid rgb(255, 218, 22); box-shadow: rgba(255, 218, 22, 0.6) 0px 0px 10px 0px; }
.css-vftgj6.MuiButton-iconWarning:hover { background-color: rgb(178, 152, 15); }
.css-vftgj6.MuiButton-iconWarning:active { background-color: rgb(178, 152, 15); }
.css-vftgj6.MuiButton-iconWarning:disabled { opacity: 0.5; box-shadow: none; }
.css-vftgj6.MuiButton-iconSizeLarge { min-width: 44px; width: 44px; height: 44px; padding: 2px; }
.css-vftgj6.MuiButton-iconSizeLarge .MuiButton-startIcon { display: flex; gap: 0px; margin: 0px; color: rgba(255, 255, 255, 0.8); }
.css-vftgj6.MuiButton-iconSizeMedium { min-width: 40px; width: 40px; height: 40px; padding: 2px; }
.css-vftgj6.MuiButton-iconSizeMedium .MuiButton-startIcon { display: flex; gap: 0px; margin: 0px; }
.css-vftgj6.MuiButton-iconSizeSmall { min-width: 36px; width: 36px; height: 36px; padding: 2px; }
.css-vftgj6.MuiButton-iconSizeSmall .MuiButton-startIcon { display: flex; gap: 0px; margin: 0px; }
.css-vftgj6.MuiButton-outlined { color: rgb(0, 254, 169); border: 1px solid rgb(0, 254, 169); background: rgba(14, 27, 23, 0.4); }
.css-vftgj6.MuiButton-outlined:hover { border: 1px solid rgb(0, 254, 169); background: rgba(14, 27, 23, 0.4); opacity: 0.85; }
.css-vftgj6.MuiButton-outlined:active { opacity: 1; }
.css-vftgj6.MuiButton-outlined:disabled { color: rgb(0, 254, 169); border: 1px solid rgb(0, 254, 169); opacity: 0.4; }
.css-vftgj6.MuiButton-cta { color: rgb(14, 27, 23); background-image: linear-gradient(90deg, rgb(254, 226, 12) 0%, rgb(255, 174, 0) 25%, rgb(254, 226, 12) 75%, rgb(255, 174, 0) 100%); background-size: 400% 400%; font-size: 14px; font-weight: 600; line-height: 18px; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; box-shadow: rgba(255, 255, 255, 0.6) 0px 9px 8px 0px inset, rgba(0, 254, 169, 0.2) 0px -4px 8px 0px inset, rgba(0, 254, 169, 0.24) 0px 0px 50px 0px; }
.css-vftgj6.MuiButton-cta:hover { animation: 0.7s ease 0s 1 normal forwards running animation-dofypc; box-shadow: rgba(255, 255, 255, 0.6) 0px 9px 8px 0px inset, rgba(0, 254, 169, 0.2) 0px -4px 8px 0px inset, rgba(0, 254, 169, 0.8) 0px 0px 40px 0px; }
.css-vftgj6.MuiButton-cta:active { animation: 0.7s ease 0s 1 normal forwards running animation-i3y9un; box-shadow: rgba(255, 255, 255, 0.6) 0px 9px 8px 0px inset, rgba(0, 254, 169, 0.2) 0px -4px 8px 0px inset, rgba(0, 254, 169, 0.24) 0px 0px 50px 0px; }
.css-vftgj6.MuiButton-cta:disabled { color: rgb(14, 27, 23); opacity: 0.5; box-shadow: rgba(255, 255, 255, 0.6) 0px 9px 8px 0px inset, rgba(0, 254, 169, 0.2) 0px -4px 8px 0px inset, rgba(0, 254, 169, 0.24) 0px 0px 50px 0px; }
.css-vftgj6.MuiButton-ctaSizeLarge { height: 44px; padding: 0px 12px; }
.css-vftgj6.MuiButton-ctaSizeMedium { height: 40px; padding: 0px 12px; }
.css-vftgj6.MuiButton-ctaSizeSmall { height: 36px; padding: 0px 12px; }
.css-1pzr6wk { display: flex; flex-direction: row; -webkit-box-pack: justify; justify-content: space-between; -webkit-box-align: center; align-items: center; width: 400px; max-width: 100%; gap: 16px; }
.css-1pzr6wk img { max-height: 24px; width: auto; object-fit: contain; }
.css-1s0dcb6 { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: justify; justify-content: space-between; gap: 8px; width: 100%; }
.css-1s0dcb6 button { flex: 1 1 0%; }
.css-1od93p9 { margin-top: 16px; position: relative; }
.css-l14ux4 { width: 100%; margin-left: auto; box-sizing: border-box; margin-right: auto; margin-top: 16px; position: relative; }
@media (min-width: 1200px) {
  .css-l14ux4 { max-width: 1200px; }
}
.css-qsgzyh { display: flex; flex-direction: column; width: 100%; padding: 24px 0px 12px; -webkit-box-align: center; align-items: center; position: relative; border-radius: 12px; height: 105px; background: none right top no-repeat rgb(28, 54, 45); }
.css-1h926wd { display: flex; padding: 2px; -webkit-box-pack: center; justify-content: center; gap: 2px; position: absolute; left: 12px; top: -15px; border-radius: 6px; background: rgb(21, 40, 34); z-index: 4; }
@media (max-width: 599.95px) {
  .css-1h926wd { left: 8px; }
}
.css-1539l9h { display: flex; padding: 6px 8px; -webkit-box-align: center; align-items: center; gap: 6px; border-radius: 24px; cursor: pointer; }
.css-1539l9h span { font-weight: 700; }
.css-1539l9h.active { background: linear-gradient(90deg, rgb(254, 226, 12) 0%, rgb(255, 174, 0) 100%) text; -webkit-text-fill-color: transparent; }
.css-v6ys0n.MuiIcon-root { display: flex; width: 20px !important; height: 20px !important; font-size: 20px !important; line-height: 20px !important; }
.css-v6ys0n.MuiIcon-root.MuiIcon-colorTxt\.textWhite100 { color: rgb(255, 255, 255); }
.css-v6ys0n.MuiIcon-root.MuiIcon-colorTxt\.textWhite80 { color: rgba(255, 255, 255, 0.8); }
.css-v6ys0n.MuiIcon-root.MuiIcon-colorTxt\.textWhite40 { color: rgba(255, 255, 255, 0.4); }
.css-v6ys0n.MuiIcon-root.MuiIcon-colorTxt\.secondary { color: rgba(255, 255, 255, 0.8); }
.css-v6ys0n.MuiIcon-root.MuiIcon-colorAccent\.main { color: rgb(0, 254, 169); }
.css-v6ys0n.MuiIcon-root.MuiIcon-colorAccent\.gradient { background: linear-gradient(90deg, rgb(254, 226, 12) 0%, rgb(255, 174, 0) 100%) text; -webkit-text-fill-color: transparent; }
.css-v6ys0n.MuiIcon-root.MuiIcon-colorEvent\.bg { color: rgb(21, 40, 34); }
.css-v6ys0n.MuiIcon-root.MuiIcon-colorEvent\.bgHover { color: rgb(28, 54, 45); }
.css-v6ys0n.MuiIcon-root.MuiIcon-colorEvent\.bg2 { color: rgb(0, 254, 169); }
.css-v6ys0n.MuiIcon-root.MuiIcon-colorFilter\.bg { color: rgb(21, 40, 34); }
.css-v6ys0n.MuiIcon-root.MuiIcon-colorFilter\.bgHover { color: rgb(28, 54, 45); }
.css-v6ys0n.MuiIcon-root.MuiIcon-colorFilter\.bg2 { color: rgb(0, 254, 169); }
.css-v6ys0n.MuiIcon-root.MuiIcon-colorFixedColor\.success { color: rgb(152, 255, 22); }
.css-v6ys0n.MuiIcon-root.MuiIcon-colorFixedColor\.warning { color: rgb(255, 218, 22); }
.css-v6ys0n.MuiIcon-root.MuiIcon-colorFixedColor\.error { color: rgb(242, 73, 50); }
.css-v6ys0n.MuiIcon-root.MuiIcon-colorHeader\.bg { color: rgb(28, 54, 45); }
.css-v6ys0n.MuiIcon-root.MuiIcon-colorInputDropDown\.bg { color: rgb(21, 40, 34); }
.css-v6ys0n.MuiIcon-root.MuiIcon-colorInputDropDown\.bgHover { color: rgb(28, 54, 45); }
.css-v6ys0n.MuiIcon-root.MuiIcon-colorInputDropDown\.bg2 { color: rgb(0, 254, 169); }
.css-v6ys0n.MuiIcon-root.MuiIcon-colorMenu1\.bg { color: rgb(14, 27, 23); }
.css-v6ys0n.MuiIcon-root.MuiIcon-colorOdd\.bg { color: rgb(21, 40, 34); }
.css-v6ys0n.MuiIcon-root.MuiIcon-colorOdd\.bg2 { color: rgb(28, 54, 45); }
.css-v6ys0n.MuiIcon-root.MuiIcon-colorVip\.blackDiamond { color: rgb(240, 230, 215); }
.css-v6ys0n.MuiIcon-root.MuiIcon-colorVip\.bronze { color: rgb(202, 128, 86); }
.css-v6ys0n.MuiIcon-root.MuiIcon-colorVip\.gold { color: rgb(238, 190, 68); }
.css-v6ys0n.MuiIcon-root.MuiIcon-colorVip\.sliver { color: rgb(221, 221, 221); }
.css-v6ys0n.MuiIcon-root.MuiIcon-colorDark\.dark1 { color: rgb(14, 27, 23); }
.css-v6ys0n.MuiIcon-root.MuiIcon-colorFixedColor\.info { color: rgb(79, 195, 247); }
.css-v6ys0n.MuiIcon-fontSizeSmall { width: 16px !important; height: 16px !important; font-size: 16px !important; line-height: 16px !important; }
.css-v6ys0n.MuiIcon-fontSizeLarge { width: 24px !important; height: 24px !important; font-size: 24px !important; line-height: 24px !important; }
.css-v6ys0n.MuiIcon-fontSizeLarge80 { width: 80px !important; height: 80px !important; font-size: 80px !important; line-height: 80px !important; }
.css-v6ys0n.MuiIcon-fontSizeLarge40 { width: 40px !important; height: 40px !important; font-size: 40px !important; line-height: 40px !important; }
.css-v6ys0n.MuiIcon-fontSizeLarge64 { width: 64px !important; height: 64px !important; font-size: 64px !important; line-height: 64px !important; }
.css-v6ys0n.MuiIcon-fontSizeLarge44 { width: 44px !important; height: 44px !important; font-size: 44px !important; line-height: 44px !important; }
.css-v6ys0n.MuiIcon-fontSizeExtraSmall { width: 14px !important; height: 14px !important; font-size: 14px !important; line-height: 14px !important; }
.css-v6ys0n.MuiIcon-fontSizeExtLarge { width: 32px !important; height: 32px !important; font-size: 32px !important; line-height: 32px !important; }
.css-v6ys0n.MuiIcon-colorWhite { color: rgb(255, 255, 255); }
.css-1hvkaa4 { user-select: none; width: 1em; height: 1em; overflow: hidden; display: inline-block; text-align: center; flex-shrink: 0; font-size: 1.25rem; }
.css-1hvkaa4.MuiIcon-root { display: flex; width: 20px !important; height: 20px !important; font-size: 20px !important; line-height: 20px !important; }
.css-1hvkaa4.MuiIcon-root.MuiIcon-colorTxt\.textWhite100 { color: rgb(255, 255, 255); }
.css-1hvkaa4.MuiIcon-root.MuiIcon-colorTxt\.textWhite80 { color: rgba(255, 255, 255, 0.8); }
.css-1hvkaa4.MuiIcon-root.MuiIcon-colorTxt\.textWhite40 { color: rgba(255, 255, 255, 0.4); }
.css-1hvkaa4.MuiIcon-root.MuiIcon-colorTxt\.secondary { color: rgba(255, 255, 255, 0.8); }
.css-1hvkaa4.MuiIcon-root.MuiIcon-colorAccent\.main { color: rgb(0, 254, 169); }
.css-1hvkaa4.MuiIcon-root.MuiIcon-colorAccent\.gradient { background: linear-gradient(90deg, rgb(254, 226, 12) 0%, rgb(255, 174, 0) 100%) text; -webkit-text-fill-color: transparent; }
.css-1hvkaa4.MuiIcon-root.MuiIcon-colorEvent\.bg { color: rgb(21, 40, 34); }
.css-1hvkaa4.MuiIcon-root.MuiIcon-colorEvent\.bgHover { color: rgb(28, 54, 45); }
.css-1hvkaa4.MuiIcon-root.MuiIcon-colorEvent\.bg2 { color: rgb(0, 254, 169); }
.css-1hvkaa4.MuiIcon-root.MuiIcon-colorFilter\.bg { color: rgb(21, 40, 34); }
.css-1hvkaa4.MuiIcon-root.MuiIcon-colorFilter\.bgHover { color: rgb(28, 54, 45); }
.css-1hvkaa4.MuiIcon-root.MuiIcon-colorFilter\.bg2 { color: rgb(0, 254, 169); }
.css-1hvkaa4.MuiIcon-root.MuiIcon-colorFixedColor\.success { color: rgb(152, 255, 22); }
.css-1hvkaa4.MuiIcon-root.MuiIcon-colorFixedColor\.warning { color: rgb(255, 218, 22); }
.css-1hvkaa4.MuiIcon-root.MuiIcon-colorFixedColor\.error { color: rgb(242, 73, 50); }
.css-1hvkaa4.MuiIcon-root.MuiIcon-colorHeader\.bg { color: rgb(28, 54, 45); }
.css-1hvkaa4.MuiIcon-root.MuiIcon-colorInputDropDown\.bg { color: rgb(21, 40, 34); }
.css-1hvkaa4.MuiIcon-root.MuiIcon-colorInputDropDown\.bgHover { color: rgb(28, 54, 45); }
.css-1hvkaa4.MuiIcon-root.MuiIcon-colorInputDropDown\.bg2 { color: rgb(0, 254, 169); }
.css-1hvkaa4.MuiIcon-root.MuiIcon-colorMenu1\.bg { color: rgb(14, 27, 23); }
.css-1hvkaa4.MuiIcon-root.MuiIcon-colorOdd\.bg { color: rgb(21, 40, 34); }
.css-1hvkaa4.MuiIcon-root.MuiIcon-colorOdd\.bg2 { color: rgb(28, 54, 45); }
.css-1hvkaa4.MuiIcon-root.MuiIcon-colorVip\.blackDiamond { color: rgb(240, 230, 215); }
.css-1hvkaa4.MuiIcon-root.MuiIcon-colorVip\.bronze { color: rgb(202, 128, 86); }
.css-1hvkaa4.MuiIcon-root.MuiIcon-colorVip\.gold { color: rgb(238, 190, 68); }
.css-1hvkaa4.MuiIcon-root.MuiIcon-colorVip\.sliver { color: rgb(221, 221, 221); }
.css-1hvkaa4.MuiIcon-root.MuiIcon-colorDark\.dark1 { color: rgb(14, 27, 23); }
.css-1hvkaa4.MuiIcon-root.MuiIcon-colorFixedColor\.info { color: rgb(79, 195, 247); }
.css-1hvkaa4.MuiIcon-fontSizeSmall { width: 16px !important; height: 16px !important; font-size: 16px !important; line-height: 16px !important; }
.css-1hvkaa4.MuiIcon-fontSizeLarge { width: 24px !important; height: 24px !important; font-size: 24px !important; line-height: 24px !important; }
.css-1hvkaa4.MuiIcon-fontSizeLarge80 { width: 80px !important; height: 80px !important; font-size: 80px !important; line-height: 80px !important; }
.css-1hvkaa4.MuiIcon-fontSizeLarge40 { width: 40px !important; height: 40px !important; font-size: 40px !important; line-height: 40px !important; }
.css-1hvkaa4.MuiIcon-fontSizeLarge64 { width: 64px !important; height: 64px !important; font-size: 64px !important; line-height: 64px !important; }
.css-1hvkaa4.MuiIcon-fontSizeLarge44 { width: 44px !important; height: 44px !important; font-size: 44px !important; line-height: 44px !important; }
.css-1hvkaa4.MuiIcon-fontSizeExtraSmall { width: 14px !important; height: 14px !important; font-size: 14px !important; line-height: 14px !important; }
.css-1hvkaa4.MuiIcon-fontSizeExtLarge { width: 32px !important; height: 32px !important; font-size: 32px !important; line-height: 32px !important; }
.css-1hvkaa4.MuiIcon-colorWhite { color: rgb(255, 255, 255); }
.css-pelz90 { font-weight: 400; }
.css-vqgjno { margin: 0px; font-size: 12px; line-height: 16px; font-weight: 400; }
.css-gbj508 { margin: 0px; font-size: 12px; line-height: 16px; color: rgba(255, 255, 255, 0.4); font-weight: 400; }
.css-1j5u1bl { overflow: hidden; width: 100%; position: relative; height: 68px; }
.css-uedlbd { width: 100%; margin-left: auto; box-sizing: border-box; margin-right: auto; }
@media (min-width: 1200px) {
  .css-uedlbd { max-width: 1200px; }
}
.css-17x2i3w { display: flex; flex-direction: row; -webkit-box-pack: justify; justify-content: space-between; gap: 24px; }
@media (max-width: 599.95px) {
  .css-17x2i3w { flex-direction: row; -webkit-box-align: center; align-items: center; gap: 12px; }
}
.css-17x2i3w .tab-filter { width: fit-content; }
@media (max-width: 1023.95px) {
  .css-17x2i3w .tab-filter { flex: 1 1 0%; min-width: 0px; width: auto; position: relative; }
  .css-17x2i3w .tab-filter::after { content: ""; position: absolute; top: 0px; right: 0px; width: 20px; height: 100%; pointer-events: none; z-index: 2; background: linear-gradient(270deg, rgb(14, 27, 23) 0%, rgba(13, 25, 22, 0) 100%); }
}
.css-1mseziq { gap: 10px; background: rgb(21, 40, 34); border-radius: 8px; padding: 4px; min-height: 44px; }
.css-1mseziq .MuiTabs-flexContainer { display: flex; align-items: flex-start; gap: 10px; height: 100%; }
.css-1mseziq .MuiTabs-flexContainer a { max-height: 36px; height: 36px; min-height: 36px; z-index: 2; padding-left: 12px; padding-right: 12px; }
.css-1mseziq button { padding: 0px 12px; height: 36px; min-height: 36px; min-width: unset; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; gap: 8px; flex-shrink: 0; border-radius: 6px; text-transform: none; z-index: 2; opacity: 1; cursor: pointer; color: rgba(255, 255, 255, 0.8); font-size: 14px; font-weight: 600; line-height: 18px; }
.css-1mseziq button .MuiIcon-root { color: rgba(255, 255, 255, 0.8); }
.css-1mseziq a { max-height: 36px; height: 36px; min-height: 36px; z-index: 2; }
.css-1mseziq .MuiTabs-indicator { top: 0px; height: 100%; z-index: 1; border-radius: 6px; background: rgb(42, 80, 68); transition: left 300ms cubic-bezier(0.4, 0, 0.2, 1), width 300ms cubic-bezier(0.4, 0, 0.2, 1), top 300ms cubic-bezier(0.4, 0, 0.2, 1), height 300ms cubic-bezier(0.4, 0, 0.2, 1); }
.css-1mseziq .Mui-selected { color: rgb(255, 255, 255); border-width: medium; border-style: none; border-color: currentcolor; border-image: none; transition: none; }
.css-1mseziq .Mui-selected .MuiTypography-root { color: rgb(255, 255, 255); }
.css-1mseziq .Mui-selected .MuiIcon-root { color: rgb(255, 255, 255); }
.css-1mseziq .MuiTab-iconWrapper { margin: 0px !important; }
.css-15u2tni { overflow: hidden; display: flex; gap: 10px; background: rgb(21, 40, 34); border-radius: 8px; padding: 4px; min-height: 44px; }
@media (max-width: 599.95px) {
  .css-15u2tni .MuiTabs-scrollButtons { display: none; }
}
.css-15u2tni .MuiTabs-flexContainer { display: flex; align-items: flex-start; gap: 10px; height: 100%; }
.css-15u2tni .MuiTabs-flexContainer a { max-height: 36px; height: 36px; min-height: 36px; z-index: 2; padding-left: 12px; padding-right: 12px; }
.css-15u2tni button { padding: 0px 12px; height: 36px; min-height: 36px; min-width: unset; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; gap: 8px; flex-shrink: 0; border-radius: 6px; text-transform: none; z-index: 2; opacity: 1; cursor: pointer; color: rgba(255, 255, 255, 0.8); font-size: 14px; font-weight: 600; line-height: 18px; }
.css-15u2tni button .MuiIcon-root { color: rgba(255, 255, 255, 0.8); }
.css-15u2tni a { max-height: 36px; height: 36px; min-height: 36px; z-index: 2; }
.css-15u2tni .MuiTabs-indicator { top: 0px; height: 100%; z-index: 1; border-radius: 6px; background: rgb(42, 80, 68); transition: left 300ms cubic-bezier(0.4, 0, 0.2, 1), width 300ms cubic-bezier(0.4, 0, 0.2, 1), top 300ms cubic-bezier(0.4, 0, 0.2, 1), height 300ms cubic-bezier(0.4, 0, 0.2, 1); }
.css-15u2tni .Mui-selected { color: rgb(255, 255, 255); border-width: medium; border-style: none; border-color: currentcolor; border-image: none; transition: none; }
.css-15u2tni .Mui-selected .MuiTypography-root { color: rgb(255, 255, 255); }
.css-15u2tni .Mui-selected .MuiIcon-root { color: rgb(255, 255, 255); }
.css-15u2tni .MuiTab-iconWrapper { margin: 0px !important; }
.css-i8yde5 { overflow: auto hidden; scrollbar-width: none; }
.css-i8yde5::-webkit-scrollbar { display: none; }
.css-jb8z7h { position: relative; display: inline-block; flex: 1 1 auto; white-space: nowrap; scrollbar-width: none; overflow: auto hidden; }
.css-jb8z7h::-webkit-scrollbar { display: none; }
.css-162tvoi { display: flex; }
.css-ts1ojs { padding: 0px 12px; height: 40px; min-height: 40px; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; gap: 8px; flex-shrink: 0; font-size: 14px; font-weight: 600; line-height: 18px; text-transform: none; border-radius: 6px; box-shadow: none; color: rgba(255, 255, 255, 0.8); min-width: 101px; }
.css-ts1ojs .MuiTab-iconWrapper { margin: 0px; }
.css-ts1ojs:hover { color: rgb(255, 255, 255); }
.css-ts1ojs:hover .MuiIcon-root { color: rgb(255, 255, 255); }
.css-ts1ojs.Mui-disabled { opacity: 0.4; }
.css-1nnn7ld { font-family: Kanit, sans-serif; max-width: 360px; position: relative; overflow: hidden; white-space: normal; text-align: center; flex-direction: row; padding: 0px 12px; height: 40px; min-height: 40px; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; gap: 8px; flex-shrink: 0; font-size: 14px; font-weight: 600; line-height: 18px; text-transform: none; border-radius: 6px; box-shadow: none; color: rgba(255, 255, 255, 0.8); min-width: 101px; }
.css-1nnn7ld > .MuiTab-icon { margin-right: 4px; }
.css-1nnn7ld.Mui-selected { color: rgb(0, 254, 169); }
.css-1nnn7ld.Mui-disabled { color: rgba(255, 255, 255, 0.4); }
.css-1nnn7ld .MuiTab-iconWrapper { margin: 0px; }
.css-1nnn7ld:hover { color: rgb(255, 255, 255); }
.css-1nnn7ld:hover .MuiIcon-root { color: rgb(255, 255, 255); }
.css-1nnn7ld.Mui-disabled { opacity: 0.4; }
.css-m08nnx { display: inline-flex; box-sizing: border-box; -webkit-tap-highlight-color: transparent; background-color: transparent; outline: 0px; border: 0px; margin: 0px; cursor: pointer; user-select: none; vertical-align: middle; appearance: none; text-decoration: none; font-family: Kanit, sans-serif; max-width: 360px; position: relative; overflow: hidden; white-space: normal; text-align: center; flex-direction: row; padding: 0px 12px; height: 40px; min-height: 40px; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; gap: 8px; flex-shrink: 0; font-size: 14px; font-weight: 600; line-height: 18px; text-transform: none; border-radius: 6px; box-shadow: none; color: rgba(255, 255, 255, 0.8); min-width: 101px; }
.css-m08nnx.Mui-disabled { pointer-events: none; cursor: default; }
@media print {
  .css-m08nnx { print-color-adjust: exact; }
}
.css-m08nnx > .MuiTab-icon { margin-right: 4px; }
.css-m08nnx.Mui-selected { color: rgb(0, 254, 169); }
.css-m08nnx.Mui-disabled { color: rgba(255, 255, 255, 0.4); }
.css-m08nnx .MuiTab-iconWrapper { margin: 0px; }
.css-m08nnx:hover { color: rgb(255, 255, 255); }
.css-m08nnx:hover .MuiIcon-root { color: rgb(255, 255, 255); }
.css-m08nnx.Mui-disabled { opacity: 0.4; }
.css-x3kyv4 { user-select: none; width: 1em; height: 1em; overflow: hidden; display: inline-block; text-align: center; flex-shrink: 0; font-size: 1.5rem; }
.css-x3kyv4.MuiIcon-root { display: flex; width: 20px !important; height: 20px !important; font-size: 20px !important; line-height: 20px !important; }
.css-x3kyv4.MuiIcon-root.MuiIcon-colorTxt\.textWhite100 { color: rgb(255, 255, 255); }
.css-x3kyv4.MuiIcon-root.MuiIcon-colorTxt\.textWhite80 { color: rgba(255, 255, 255, 0.8); }
.css-x3kyv4.MuiIcon-root.MuiIcon-colorTxt\.textWhite40 { color: rgba(255, 255, 255, 0.4); }
.css-x3kyv4.MuiIcon-root.MuiIcon-colorTxt\.secondary { color: rgba(255, 255, 255, 0.8); }
.css-x3kyv4.MuiIcon-root.MuiIcon-colorAccent\.main { color: rgb(0, 254, 169); }
.css-x3kyv4.MuiIcon-root.MuiIcon-colorAccent\.gradient { background: linear-gradient(90deg, rgb(254, 226, 12) 0%, rgb(255, 174, 0) 100%) text; -webkit-text-fill-color: transparent; }
.css-x3kyv4.MuiIcon-root.MuiIcon-colorEvent\.bg { color: rgb(21, 40, 34); }
.css-x3kyv4.MuiIcon-root.MuiIcon-colorEvent\.bgHover { color: rgb(28, 54, 45); }
.css-x3kyv4.MuiIcon-root.MuiIcon-colorEvent\.bg2 { color: rgb(0, 254, 169); }
.css-x3kyv4.MuiIcon-root.MuiIcon-colorFilter\.bg { color: rgb(21, 40, 34); }
.css-x3kyv4.MuiIcon-root.MuiIcon-colorFilter\.bgHover { color: rgb(28, 54, 45); }
.css-x3kyv4.MuiIcon-root.MuiIcon-colorFilter\.bg2 { color: rgb(0, 254, 169); }
.css-x3kyv4.MuiIcon-root.MuiIcon-colorFixedColor\.success { color: rgb(152, 255, 22); }
.css-x3kyv4.MuiIcon-root.MuiIcon-colorFixedColor\.warning { color: rgb(255, 218, 22); }
.css-x3kyv4.MuiIcon-root.MuiIcon-colorFixedColor\.error { color: rgb(242, 73, 50); }
.css-x3kyv4.MuiIcon-root.MuiIcon-colorHeader\.bg { color: rgb(28, 54, 45); }
.css-x3kyv4.MuiIcon-root.MuiIcon-colorInputDropDown\.bg { color: rgb(21, 40, 34); }
.css-x3kyv4.MuiIcon-root.MuiIcon-colorInputDropDown\.bgHover { color: rgb(28, 54, 45); }
.css-x3kyv4.MuiIcon-root.MuiIcon-colorInputDropDown\.bg2 { color: rgb(0, 254, 169); }
.css-x3kyv4.MuiIcon-root.MuiIcon-colorMenu1\.bg { color: rgb(14, 27, 23); }
.css-x3kyv4.MuiIcon-root.MuiIcon-colorOdd\.bg { color: rgb(21, 40, 34); }
.css-x3kyv4.MuiIcon-root.MuiIcon-colorOdd\.bg2 { color: rgb(28, 54, 45); }
.css-x3kyv4.MuiIcon-root.MuiIcon-colorVip\.blackDiamond { color: rgb(240, 230, 215); }
.css-x3kyv4.MuiIcon-root.MuiIcon-colorVip\.bronze { color: rgb(202, 128, 86); }
.css-x3kyv4.MuiIcon-root.MuiIcon-colorVip\.gold { color: rgb(238, 190, 68); }
.css-x3kyv4.MuiIcon-root.MuiIcon-colorVip\.sliver { color: rgb(221, 221, 221); }
.css-x3kyv4.MuiIcon-root.MuiIcon-colorDark\.dark1 { color: rgb(14, 27, 23); }
.css-x3kyv4.MuiIcon-root.MuiIcon-colorFixedColor\.info { color: rgb(79, 195, 247); }
.css-x3kyv4.MuiIcon-fontSizeSmall { width: 16px !important; height: 16px !important; font-size: 16px !important; line-height: 16px !important; }
.css-x3kyv4.MuiIcon-fontSizeLarge { width: 24px !important; height: 24px !important; font-size: 24px !important; line-height: 24px !important; }
.css-x3kyv4.MuiIcon-fontSizeLarge80 { width: 80px !important; height: 80px !important; font-size: 80px !important; line-height: 80px !important; }
.css-x3kyv4.MuiIcon-fontSizeLarge40 { width: 40px !important; height: 40px !important; font-size: 40px !important; line-height: 40px !important; }
.css-x3kyv4.MuiIcon-fontSizeLarge64 { width: 64px !important; height: 64px !important; font-size: 64px !important; line-height: 64px !important; }
.css-x3kyv4.MuiIcon-fontSizeLarge44 { width: 44px !important; height: 44px !important; font-size: 44px !important; line-height: 44px !important; }
.css-x3kyv4.MuiIcon-fontSizeExtraSmall { width: 14px !important; height: 14px !important; font-size: 14px !important; line-height: 14px !important; }
.css-x3kyv4.MuiIcon-fontSizeExtLarge { width: 32px !important; height: 32px !important; font-size: 32px !important; line-height: 32px !important; }
.css-x3kyv4.MuiIcon-colorWhite { color: rgb(255, 255, 255); }
.css-1a1n2d7 { display: inline-flex; gap: 6px; width: fit-content; -webkit-box-pack: justify; justify-content: space-between; -webkit-box-align: center; align-items: center; }
.css-1a1n2d7 span { font-weight: 600; }
.css-142okut { margin: 0px; font-size: 14px; display: block; line-height: 18px; color: inherit; font-weight: 400; }
.css-dtg2nl { display: flex; gap: 12px; }
.css-pdenra { display: flex; flex-direction: row; gap: 12px; }
@media (max-width: 599.95px) {
  .css-pdenra { flex: 0 0 auto; }
}
.css-pdenra .search-button { background: rgb(28, 54, 45); }
.css-y3qe6z { display: inline-flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; gap: 8px; flex-shrink: 0; border-radius: 6px; color: rgba(0, 0, 0, 0.8); font-size: 14px; text-transform: none; text-align: center; width: 44px !important; height: 44px !important; }
.css-y3qe6z .MuiButton-startIcon { display: inline-flex; gap: 8px; margin-right: 0px; margin-left: 0px; }
.css-y3qe6z .MuiButton-endIcon { display: inline-flex; gap: 8px; margin-right: 0px; margin-left: 0px; }
.css-y3qe6z.MuiButton-containedPrimary { box-shadow: none; color: rgb(14, 27, 23); background: linear-gradient(90deg, rgb(254, 226, 12) 0%, rgb(255, 174, 0) 25%, rgb(254, 226, 12) 75%, rgb(255, 174, 0) 100%) 0% 0% / 400% 400%; }
.css-y3qe6z.MuiButton-containedPrimary:hover { color: rgb(14, 27, 23); animation: 0.7s ease 0s 1 normal forwards running animation-dofypc; }
.css-y3qe6z.MuiButton-containedPrimary:active { color: rgb(14, 27, 23); animation: 0.7s ease 0s 1 normal forwards running animation-i3y9un; }
.css-y3qe6z.MuiButton-containedPrimary:disabled { color: rgb(14, 27, 23); opacity: 0.5; }
.css-y3qe6z.MuiButton-containedSecondary { color: rgba(255, 255, 255, 0.8); background-color: rgb(28, 54, 45); box-shadow: none; }
.css-y3qe6z.MuiButton-containedSecondary:hover { background-color: rgb(28, 54, 45); opacity: 0.85; }
.css-y3qe6z.MuiButton-containedSecondary:active { color: rgb(255, 255, 255); background-color: rgb(28, 54, 45); opacity: 1; }
.css-y3qe6z.MuiButton-containedSecondary:disabled { color: rgba(255, 255, 255, 0.8); background-color: rgb(28, 54, 45); opacity: 0.4; }
.css-y3qe6z.MuiButton-containedSizeLarge { height: 44px; padding: 0px 12px; }
.css-y3qe6z.MuiButton-containedSizeMedium { height: 40px; padding: 0px 12px; }
.css-y3qe6z.MuiButton-containedSizeSmall { height: 36px; padding: 0px 12px; }
.css-y3qe6z.MuiButton-outlinedSizeLarge { height: 44px; padding: 0px 12px; }
.css-y3qe6z.MuiButton-outlinedSizeMedium { height: 40px; padding: 0px 12px; }
.css-y3qe6z.MuiButton-outlinedSizeSmall { height: 36px; padding: 0px 12px 0px 8px; }
.css-y3qe6z.MuiButton-text { padding: 0px 12px; color: rgb(0, 254, 169); font-size: 14px; font-weight: 600; line-height: 18px; }
.css-y3qe6z.MuiButton-text:hover { background: transparent; color: rgb(0, 229, 152); }
.css-y3qe6z.MuiButton-text:active { color: rgb(0, 229, 152); }
.css-y3qe6z.MuiButton-text:disabled { color: rgb(0, 254, 169); opacity: 0.4; }
.css-y3qe6z.MuiButton-textSecondary { color: rgba(255, 255, 255, 0.8); background: rgb(28, 54, 45); }
.css-y3qe6z.MuiButton-textSecondary:hover { opacity: 0.85; }
.css-y3qe6z.MuiButton-textSecondary:active { opacity: 1; }
.css-y3qe6z.MuiButton-textSecondary:disabled { opacity: 0.5; }
.css-y3qe6z.MuiButton-textSizeLarge { height: 44px; }
.css-y3qe6z.MuiButton-textSizeMedium { height: 40px; }
.css-y3qe6z.MuiButton-textSizeSmall { height: 36px; }
.css-y3qe6z.MuiButton-iconInherit { padding: 0px; }
.css-y3qe6z.MuiButton-iconPrimary { background: linear-gradient(90deg, rgb(254, 226, 12) 0%, rgb(255, 174, 0) 25%, rgb(254, 226, 12) 75%, rgb(255, 174, 0) 100%); box-shadow: none; }
.css-y3qe6z.MuiButton-iconPrimary:hover { opacity: 0.8; }
.css-y3qe6z.MuiButton-iconPrimary:active { opacity: 1; }
.css-y3qe6z.MuiButton-iconPrimary:disabled { opacity: 0.5; }
.css-y3qe6z.MuiButton-iconSecondary { color: rgba(255, 255, 255, 0.8); box-shadow: none; background-color: rgb(28, 54, 45); }
.css-y3qe6z.MuiButton-iconSecondary:hover { background-color: rgb(28, 54, 45); opacity: 0.85; }
.css-y3qe6z.MuiButton-iconSecondary:active { color: rgb(255, 255, 255); background-color: rgb(28, 54, 45); opacity: 1; }
.css-y3qe6z.MuiButton-iconSecondary:disabled { color: rgba(255, 255, 255, 0.8); background-color: rgb(28, 54, 45); opacity: 0.4; }
.css-y3qe6z.MuiButton-iconSuccess { background: rgb(152, 255, 22); border: 1px solid rgb(152, 255, 22); box-shadow: rgba(152, 255, 22, 0.6) 0px 0px 10px 0px; }
.css-y3qe6z.MuiButton-iconSuccess:hover { background-color: rgb(106, 178, 15); }
.css-y3qe6z.MuiButton-iconSuccess:active { background-color: rgb(106, 178, 15); }
.css-y3qe6z.MuiButton-iconSuccess:disabled { opacity: 0.5; box-shadow: none; }
.css-y3qe6z.MuiButton-iconError { background: rgb(242, 73, 50); border: 1px solid rgb(242, 73, 50); box-shadow: rgba(242, 73, 50, 0.6) 0px 0px 10px 0px; }
.css-y3qe6z.MuiButton-iconError:hover { background-color: rgb(169, 51, 35); }
.css-y3qe6z.MuiButton-iconError:active { background-color: rgb(169, 51, 35); }
.css-y3qe6z.MuiButton-iconError:disabled { opacity: 0.5; box-shadow: none; }
.css-y3qe6z.MuiButton-iconInfo { background: rgb(79, 195, 247); border: 1px solid rgb(79, 195, 247); box-shadow: rgba(79, 195, 247, 0.6) 0px 0px 10px 0px; }
.css-y3qe6z.MuiButton-iconInfo:hover { background-color: rgb(55, 136, 172); }
.css-y3qe6z.MuiButton-iconInfo:active { background-color: rgb(55, 136, 172); }
.css-y3qe6z.MuiButton-iconInfo:disabled { opacity: 0.5; box-shadow: none; }
.css-y3qe6z.MuiButton-iconWarning { background: rgb(255, 218, 22); border: 1px solid rgb(255, 218, 22); box-shadow: rgba(255, 218, 22, 0.6) 0px 0px 10px 0px; }
.css-y3qe6z.MuiButton-iconWarning:hover { background-color: rgb(178, 152, 15); }
.css-y3qe6z.MuiButton-iconWarning:active { background-color: rgb(178, 152, 15); }
.css-y3qe6z.MuiButton-iconWarning:disabled { opacity: 0.5; box-shadow: none; }
.css-y3qe6z.MuiButton-iconSizeLarge { min-width: 44px; width: 44px; height: 44px; padding: 2px; }
.css-y3qe6z.MuiButton-iconSizeLarge .MuiButton-startIcon { display: flex; gap: 0px; margin: 0px; color: rgba(255, 255, 255, 0.8); }
.css-y3qe6z.MuiButton-iconSizeMedium { min-width: 40px; width: 40px; height: 40px; padding: 2px; }
.css-y3qe6z.MuiButton-iconSizeMedium .MuiButton-startIcon { display: flex; gap: 0px; margin: 0px; }
.css-y3qe6z.MuiButton-iconSizeSmall { min-width: 36px; width: 36px; height: 36px; padding: 2px; }
.css-y3qe6z.MuiButton-iconSizeSmall .MuiButton-startIcon { display: flex; gap: 0px; margin: 0px; }
.css-y3qe6z.MuiButton-outlined { color: rgb(0, 254, 169); border: 1px solid rgb(0, 254, 169); background: rgba(14, 27, 23, 0.4); }
.css-y3qe6z.MuiButton-outlined:hover { border: 1px solid rgb(0, 254, 169); background: rgba(14, 27, 23, 0.4); opacity: 0.85; }
.css-y3qe6z.MuiButton-outlined:active { opacity: 1; }
.css-y3qe6z.MuiButton-outlined:disabled { color: rgb(0, 254, 169); border: 1px solid rgb(0, 254, 169); opacity: 0.4; }
.css-y3qe6z.MuiButton-cta { color: rgb(14, 27, 23); background-image: linear-gradient(90deg, rgb(254, 226, 12) 0%, rgb(255, 174, 0) 25%, rgb(254, 226, 12) 75%, rgb(255, 174, 0) 100%); background-size: 400% 400%; font-size: 14px; font-weight: 600; line-height: 18px; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; box-shadow: rgba(255, 255, 255, 0.6) 0px 9px 8px 0px inset, rgba(0, 254, 169, 0.2) 0px -4px 8px 0px inset, rgba(0, 254, 169, 0.24) 0px 0px 50px 0px; }
.css-y3qe6z.MuiButton-cta:hover { animation: 0.7s ease 0s 1 normal forwards running animation-dofypc; box-shadow: rgba(255, 255, 255, 0.6) 0px 9px 8px 0px inset, rgba(0, 254, 169, 0.2) 0px -4px 8px 0px inset, rgba(0, 254, 169, 0.8) 0px 0px 40px 0px; }
.css-y3qe6z.MuiButton-cta:active { animation: 0.7s ease 0s 1 normal forwards running animation-i3y9un; box-shadow: rgba(255, 255, 255, 0.6) 0px 9px 8px 0px inset, rgba(0, 254, 169, 0.2) 0px -4px 8px 0px inset, rgba(0, 254, 169, 0.24) 0px 0px 50px 0px; }
.css-y3qe6z.MuiButton-cta:disabled { color: rgb(14, 27, 23); opacity: 0.5; box-shadow: rgba(255, 255, 255, 0.6) 0px 9px 8px 0px inset, rgba(0, 254, 169, 0.2) 0px -4px 8px 0px inset, rgba(0, 254, 169, 0.24) 0px 0px 50px 0px; }
.css-y3qe6z.MuiButton-ctaSizeLarge { height: 44px; padding: 0px 12px; }
.css-y3qe6z.MuiButton-ctaSizeMedium { height: 40px; padding: 0px 12px; }
.css-y3qe6z.MuiButton-ctaSizeSmall { height: 36px; padding: 0px 12px; }
@media (max-width: 599.95px) {
  .css-y3qe6z { display: none; }
}
@-webkit-keyframes animation-i3y9un { 
  0% { background-position: 50% 0%; }
  100% { background-position: 0% 5%; }
}
@keyframes animation-i3y9un { 
  0% { background-position: 50% 0%; }
  100% { background-position: 0% 5%; }
}
@-webkit-keyframes animation-dofypc { 
  0% { background-position: 0% 50%; }
  100% { background-position: 50% 0%; }
}
@keyframes animation-dofypc { 
  0% { background-position: 0% 50%; }
  100% { background-position: 50% 0%; }
}
@-webkit-keyframes animation-i3y9un { 
  0% { background-position: 50% 0%; }
  100% { background-position: 0% 5%; }
}
@keyframes animation-i3y9un { 
  0% { background-position: 50% 0%; }
  100% { background-position: 0% 5%; }
}
@-webkit-keyframes animation-dofypc { 
  0% { background-position: 0% 50%; }
  100% { background-position: 50% 0%; }
}
@keyframes animation-dofypc { 
  0% { background-position: 0% 50%; }
  100% { background-position: 50% 0%; }
}
.css-fbbb70 { font-family: Kanit, sans-serif; font-weight: 500; line-height: 1.75; min-width: 64px; padding: 6px 16px; border: 0px; --variant-textColor: #2A5044; --variant-outlinedColor: #2A5044; --variant-outlinedBorder: rgba(42, 80, 68, 0.5); --variant-containedColor: #fff; --variant-containedBg: #2A5044; transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1), box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1), border-color 250ms cubic-bezier(0.4, 0, 0.2, 1); display: inline-flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; gap: 8px; flex-shrink: 0; border-radius: 6px; color: rgba(0, 0, 0, 0.8); font-size: 14px; text-transform: none; text-align: center; width: 44px !important; height: 44px !important; }
.css-fbbb70:hover { text-decoration: none; }
.css-fbbb70.Mui-disabled { color: rgba(255, 255, 255, 0.3); }
@media (hover: hover) {
  .css-fbbb70:hover { --variant-containedBg: rgb(29, 56, 47); --variant-textBg: rgba(42, 80, 68, 0.08); --variant-outlinedBorder: #2A5044; --variant-outlinedBg: rgba(42, 80, 68, 0.08); }
}
.css-fbbb70.MuiButton-loading { color: transparent; }
.css-fbbb70 .MuiButton-startIcon { display: inline-flex; gap: 8px; margin-right: 0px; margin-left: 0px; }
.css-fbbb70 .MuiButton-endIcon { display: inline-flex; gap: 8px; margin-right: 0px; margin-left: 0px; }
.css-fbbb70.MuiButton-containedPrimary { box-shadow: none; color: rgb(14, 27, 23); background: linear-gradient(90deg, rgb(254, 226, 12) 0%, rgb(255, 174, 0) 25%, rgb(254, 226, 12) 75%, rgb(255, 174, 0) 100%) 0% 0% / 400% 400%; }
.css-fbbb70.MuiButton-containedPrimary:hover { color: rgb(14, 27, 23); animation: 0.7s ease 0s 1 normal forwards running animation-dofypc; }
.css-fbbb70.MuiButton-containedPrimary:active { color: rgb(14, 27, 23); animation: 0.7s ease 0s 1 normal forwards running animation-i3y9un; }
.css-fbbb70.MuiButton-containedPrimary:disabled { color: rgb(14, 27, 23); opacity: 0.5; }
.css-fbbb70.MuiButton-containedSecondary { color: rgba(255, 255, 255, 0.8); background-color: rgb(28, 54, 45); box-shadow: none; }
.css-fbbb70.MuiButton-containedSecondary:hover { background-color: rgb(28, 54, 45); opacity: 0.85; }
.css-fbbb70.MuiButton-containedSecondary:active { color: rgb(255, 255, 255); background-color: rgb(28, 54, 45); opacity: 1; }
.css-fbbb70.MuiButton-containedSecondary:disabled { color: rgba(255, 255, 255, 0.8); background-color: rgb(28, 54, 45); opacity: 0.4; }
.css-fbbb70.MuiButton-containedSizeLarge { height: 44px; padding: 0px 12px; }
.css-fbbb70.MuiButton-containedSizeMedium { height: 40px; padding: 0px 12px; }
.css-fbbb70.MuiButton-containedSizeSmall { height: 36px; padding: 0px 12px; }
.css-fbbb70.MuiButton-outlinedSizeLarge { height: 44px; padding: 0px 12px; }
.css-fbbb70.MuiButton-outlinedSizeMedium { height: 40px; padding: 0px 12px; }
.css-fbbb70.MuiButton-outlinedSizeSmall { height: 36px; padding: 0px 12px 0px 8px; }
.css-fbbb70.MuiButton-text { padding: 0px 12px; color: rgb(0, 254, 169); font-size: 14px; font-weight: 600; line-height: 18px; }
.css-fbbb70.MuiButton-text:hover { background: transparent; color: rgb(0, 229, 152); }
.css-fbbb70.MuiButton-text:active { color: rgb(0, 229, 152); }
.css-fbbb70.MuiButton-text:disabled { color: rgb(0, 254, 169); opacity: 0.4; }
.css-fbbb70.MuiButton-textSecondary { color: rgba(255, 255, 255, 0.8); background: rgb(28, 54, 45); }
.css-fbbb70.MuiButton-textSecondary:hover { opacity: 0.85; }
.css-fbbb70.MuiButton-textSecondary:active { opacity: 1; }
.css-fbbb70.MuiButton-textSecondary:disabled { opacity: 0.5; }
.css-fbbb70.MuiButton-textSizeLarge { height: 44px; }
.css-fbbb70.MuiButton-textSizeMedium { height: 40px; }
.css-fbbb70.MuiButton-textSizeSmall { height: 36px; }
.css-fbbb70.MuiButton-iconInherit { padding: 0px; }
.css-fbbb70.MuiButton-iconPrimary { background: linear-gradient(90deg, rgb(254, 226, 12) 0%, rgb(255, 174, 0) 25%, rgb(254, 226, 12) 75%, rgb(255, 174, 0) 100%); box-shadow: none; }
.css-fbbb70.MuiButton-iconPrimary:hover { opacity: 0.8; }
.css-fbbb70.MuiButton-iconPrimary:active { opacity: 1; }
.css-fbbb70.MuiButton-iconPrimary:disabled { opacity: 0.5; }
.css-fbbb70.MuiButton-iconSecondary { color: rgba(255, 255, 255, 0.8); box-shadow: none; background-color: rgb(28, 54, 45); }
.css-fbbb70.MuiButton-iconSecondary:hover { background-color: rgb(28, 54, 45); opacity: 0.85; }
.css-fbbb70.MuiButton-iconSecondary:active { color: rgb(255, 255, 255); background-color: rgb(28, 54, 45); opacity: 1; }
.css-fbbb70.MuiButton-iconSecondary:disabled { color: rgba(255, 255, 255, 0.8); background-color: rgb(28, 54, 45); opacity: 0.4; }
.css-fbbb70.MuiButton-iconSuccess { background: rgb(152, 255, 22); border: 1px solid rgb(152, 255, 22); box-shadow: rgba(152, 255, 22, 0.6) 0px 0px 10px 0px; }
.css-fbbb70.MuiButton-iconSuccess:hover { background-color: rgb(106, 178, 15); }
.css-fbbb70.MuiButton-iconSuccess:active { background-color: rgb(106, 178, 15); }
.css-fbbb70.MuiButton-iconSuccess:disabled { opacity: 0.5; box-shadow: none; }
.css-fbbb70.MuiButton-iconError { background: rgb(242, 73, 50); border: 1px solid rgb(242, 73, 50); box-shadow: rgba(242, 73, 50, 0.6) 0px 0px 10px 0px; }
.css-fbbb70.MuiButton-iconError:hover { background-color: rgb(169, 51, 35); }
.css-fbbb70.MuiButton-iconError:active { background-color: rgb(169, 51, 35); }
.css-fbbb70.MuiButton-iconError:disabled { opacity: 0.5; box-shadow: none; }
.css-fbbb70.MuiButton-iconInfo { background: rgb(79, 195, 247); border: 1px solid rgb(79, 195, 247); box-shadow: rgba(79, 195, 247, 0.6) 0px 0px 10px 0px; }
.css-fbbb70.MuiButton-iconInfo:hover { background-color: rgb(55, 136, 172); }
.css-fbbb70.MuiButton-iconInfo:active { background-color: rgb(55, 136, 172); }
.css-fbbb70.MuiButton-iconInfo:disabled { opacity: 0.5; box-shadow: none; }
.css-fbbb70.MuiButton-iconWarning { background: rgb(255, 218, 22); border: 1px solid rgb(255, 218, 22); box-shadow: rgba(255, 218, 22, 0.6) 0px 0px 10px 0px; }
.css-fbbb70.MuiButton-iconWarning:hover { background-color: rgb(178, 152, 15); }
.css-fbbb70.MuiButton-iconWarning:active { background-color: rgb(178, 152, 15); }
.css-fbbb70.MuiButton-iconWarning:disabled { opacity: 0.5; box-shadow: none; }
.css-fbbb70.MuiButton-iconSizeLarge { min-width: 44px; width: 44px; height: 44px; padding: 2px; }
.css-fbbb70.MuiButton-iconSizeLarge .MuiButton-startIcon { display: flex; gap: 0px; margin: 0px; color: rgba(255, 255, 255, 0.8); }
.css-fbbb70.MuiButton-iconSizeMedium { min-width: 40px; width: 40px; height: 40px; padding: 2px; }
.css-fbbb70.MuiButton-iconSizeMedium .MuiButton-startIcon { display: flex; gap: 0px; margin: 0px; }
.css-fbbb70.MuiButton-iconSizeSmall { min-width: 36px; width: 36px; height: 36px; padding: 2px; }
.css-fbbb70.MuiButton-iconSizeSmall .MuiButton-startIcon { display: flex; gap: 0px; margin: 0px; }
.css-fbbb70.MuiButton-outlined { color: rgb(0, 254, 169); border: 1px solid rgb(0, 254, 169); background: rgba(14, 27, 23, 0.4); }
.css-fbbb70.MuiButton-outlined:hover { border: 1px solid rgb(0, 254, 169); background: rgba(14, 27, 23, 0.4); opacity: 0.85; }
.css-fbbb70.MuiButton-outlined:active { opacity: 1; }
.css-fbbb70.MuiButton-outlined:disabled { color: rgb(0, 254, 169); border: 1px solid rgb(0, 254, 169); opacity: 0.4; }
.css-fbbb70.MuiButton-cta { color: rgb(14, 27, 23); background-image: linear-gradient(90deg, rgb(254, 226, 12) 0%, rgb(255, 174, 0) 25%, rgb(254, 226, 12) 75%, rgb(255, 174, 0) 100%); background-size: 400% 400%; font-size: 14px; font-weight: 600; line-height: 18px; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; box-shadow: rgba(255, 255, 255, 0.6) 0px 9px 8px 0px inset, rgba(0, 254, 169, 0.2) 0px -4px 8px 0px inset, rgba(0, 254, 169, 0.24) 0px 0px 50px 0px; }
.css-fbbb70.MuiButton-cta:hover { animation: 0.7s ease 0s 1 normal forwards running animation-dofypc; box-shadow: rgba(255, 255, 255, 0.6) 0px 9px 8px 0px inset, rgba(0, 254, 169, 0.2) 0px -4px 8px 0px inset, rgba(0, 254, 169, 0.8) 0px 0px 40px 0px; }
.css-fbbb70.MuiButton-cta:active { animation: 0.7s ease 0s 1 normal forwards running animation-i3y9un; box-shadow: rgba(255, 255, 255, 0.6) 0px 9px 8px 0px inset, rgba(0, 254, 169, 0.2) 0px -4px 8px 0px inset, rgba(0, 254, 169, 0.24) 0px 0px 50px 0px; }
.css-fbbb70.MuiButton-cta:disabled { color: rgb(14, 27, 23); opacity: 0.5; box-shadow: rgba(255, 255, 255, 0.6) 0px 9px 8px 0px inset, rgba(0, 254, 169, 0.2) 0px -4px 8px 0px inset, rgba(0, 254, 169, 0.24) 0px 0px 50px 0px; }
.css-fbbb70.MuiButton-ctaSizeLarge { height: 44px; padding: 0px 12px; }
.css-fbbb70.MuiButton-ctaSizeMedium { height: 40px; padding: 0px 12px; }
.css-fbbb70.MuiButton-ctaSizeSmall { height: 36px; padding: 0px 12px; }
@media (max-width: 599.95px) {
  .css-fbbb70 { display: none; }
}
.css-1r6carb { position: relative; box-sizing: border-box; -webkit-tap-highlight-color: transparent; background-color: transparent; outline: 0px; margin: 0px; cursor: pointer; user-select: none; vertical-align: middle; appearance: none; text-decoration: none; font-family: Kanit, sans-serif; font-weight: 500; line-height: 1.75; min-width: 64px; padding: 6px 16px; border: 0px; --variant-textColor: #2A5044; --variant-outlinedColor: #2A5044; --variant-outlinedBorder: rgba(42, 80, 68, 0.5); --variant-containedColor: #fff; --variant-containedBg: #2A5044; transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1), box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1), border-color 250ms cubic-bezier(0.4, 0, 0.2, 1); display: inline-flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; gap: 8px; flex-shrink: 0; border-radius: 6px; color: rgba(0, 0, 0, 0.8); font-size: 14px; text-transform: none; text-align: center; width: 44px !important; height: 44px !important; }
.css-1r6carb.Mui-disabled { pointer-events: none; cursor: default; }
@media print {
  .css-1r6carb { print-color-adjust: exact; }
}
.css-1r6carb:hover { text-decoration: none; }
.css-1r6carb.Mui-disabled { color: rgba(255, 255, 255, 0.3); }
@media (hover: hover) {
  .css-1r6carb:hover { --variant-containedBg: rgb(29, 56, 47); --variant-textBg: rgba(42, 80, 68, 0.08); --variant-outlinedBorder: #2A5044; --variant-outlinedBg: rgba(42, 80, 68, 0.08); }
}
.css-1r6carb.MuiButton-loading { color: transparent; }
.css-1r6carb .MuiButton-startIcon { display: inline-flex; gap: 8px; margin-right: 0px; margin-left: 0px; }
.css-1r6carb .MuiButton-endIcon { display: inline-flex; gap: 8px; margin-right: 0px; margin-left: 0px; }
.css-1r6carb.MuiButton-containedPrimary { box-shadow: none; color: rgb(14, 27, 23); background: linear-gradient(90deg, rgb(254, 226, 12) 0%, rgb(255, 174, 0) 25%, rgb(254, 226, 12) 75%, rgb(255, 174, 0) 100%) 0% 0% / 400% 400%; }
.css-1r6carb.MuiButton-containedPrimary:hover { color: rgb(14, 27, 23); animation: 0.7s ease 0s 1 normal forwards running animation-dofypc; }
.css-1r6carb.MuiButton-containedPrimary:active { color: rgb(14, 27, 23); animation: 0.7s ease 0s 1 normal forwards running animation-i3y9un; }
.css-1r6carb.MuiButton-containedPrimary:disabled { color: rgb(14, 27, 23); opacity: 0.5; }
.css-1r6carb.MuiButton-containedSecondary { color: rgba(255, 255, 255, 0.8); background-color: rgb(28, 54, 45); box-shadow: none; }
.css-1r6carb.MuiButton-containedSecondary:hover { background-color: rgb(28, 54, 45); opacity: 0.85; }
.css-1r6carb.MuiButton-containedSecondary:active { color: rgb(255, 255, 255); background-color: rgb(28, 54, 45); opacity: 1; }
.css-1r6carb.MuiButton-containedSecondary:disabled { color: rgba(255, 255, 255, 0.8); background-color: rgb(28, 54, 45); opacity: 0.4; }
.css-1r6carb.MuiButton-containedSizeLarge { height: 44px; padding: 0px 12px; }
.css-1r6carb.MuiButton-containedSizeMedium { height: 40px; padding: 0px 12px; }
.css-1r6carb.MuiButton-containedSizeSmall { height: 36px; padding: 0px 12px; }
.css-1r6carb.MuiButton-outlinedSizeLarge { height: 44px; padding: 0px 12px; }
.css-1r6carb.MuiButton-outlinedSizeMedium { height: 40px; padding: 0px 12px; }
.css-1r6carb.MuiButton-outlinedSizeSmall { height: 36px; padding: 0px 12px 0px 8px; }
.css-1r6carb.MuiButton-text { padding: 0px 12px; color: rgb(0, 254, 169); font-size: 14px; font-weight: 600; line-height: 18px; }
.css-1r6carb.MuiButton-text:hover { background: transparent; color: rgb(0, 229, 152); }
.css-1r6carb.MuiButton-text:active { color: rgb(0, 229, 152); }
.css-1r6carb.MuiButton-text:disabled { color: rgb(0, 254, 169); opacity: 0.4; }
.css-1r6carb.MuiButton-textSecondary { color: rgba(255, 255, 255, 0.8); background: rgb(28, 54, 45); }
.css-1r6carb.MuiButton-textSecondary:hover { opacity: 0.85; }
.css-1r6carb.MuiButton-textSecondary:active { opacity: 1; }
.css-1r6carb.MuiButton-textSecondary:disabled { opacity: 0.5; }
.css-1r6carb.MuiButton-textSizeLarge { height: 44px; }
.css-1r6carb.MuiButton-textSizeMedium { height: 40px; }
.css-1r6carb.MuiButton-textSizeSmall { height: 36px; }
.css-1r6carb.MuiButton-iconInherit { padding: 0px; }
.css-1r6carb.MuiButton-iconPrimary { background: linear-gradient(90deg, rgb(254, 226, 12) 0%, rgb(255, 174, 0) 25%, rgb(254, 226, 12) 75%, rgb(255, 174, 0) 100%); box-shadow: none; }
.css-1r6carb.MuiButton-iconPrimary:hover { opacity: 0.8; }
.css-1r6carb.MuiButton-iconPrimary:active { opacity: 1; }
.css-1r6carb.MuiButton-iconPrimary:disabled { opacity: 0.5; }
.css-1r6carb.MuiButton-iconSecondary { color: rgba(255, 255, 255, 0.8); box-shadow: none; background-color: rgb(28, 54, 45); }
.css-1r6carb.MuiButton-iconSecondary:hover { background-color: rgb(28, 54, 45); opacity: 0.85; }
.css-1r6carb.MuiButton-iconSecondary:active { color: rgb(255, 255, 255); background-color: rgb(28, 54, 45); opacity: 1; }
.css-1r6carb.MuiButton-iconSecondary:disabled { color: rgba(255, 255, 255, 0.8); background-color: rgb(28, 54, 45); opacity: 0.4; }
.css-1r6carb.MuiButton-iconSuccess { background: rgb(152, 255, 22); border: 1px solid rgb(152, 255, 22); box-shadow: rgba(152, 255, 22, 0.6) 0px 0px 10px 0px; }
.css-1r6carb.MuiButton-iconSuccess:hover { background-color: rgb(106, 178, 15); }
.css-1r6carb.MuiButton-iconSuccess:active { background-color: rgb(106, 178, 15); }
.css-1r6carb.MuiButton-iconSuccess:disabled { opacity: 0.5; box-shadow: none; }
.css-1r6carb.MuiButton-iconError { background: rgb(242, 73, 50); border: 1px solid rgb(242, 73, 50); box-shadow: rgba(242, 73, 50, 0.6) 0px 0px 10px 0px; }
.css-1r6carb.MuiButton-iconError:hover { background-color: rgb(169, 51, 35); }
.css-1r6carb.MuiButton-iconError:active { background-color: rgb(169, 51, 35); }
.css-1r6carb.MuiButton-iconError:disabled { opacity: 0.5; box-shadow: none; }
.css-1r6carb.MuiButton-iconInfo { background: rgb(79, 195, 247); border: 1px solid rgb(79, 195, 247); box-shadow: rgba(79, 195, 247, 0.6) 0px 0px 10px 0px; }
.css-1r6carb.MuiButton-iconInfo:hover { background-color: rgb(55, 136, 172); }
.css-1r6carb.MuiButton-iconInfo:active { background-color: rgb(55, 136, 172); }
.css-1r6carb.MuiButton-iconInfo:disabled { opacity: 0.5; box-shadow: none; }
.css-1r6carb.MuiButton-iconWarning { background: rgb(255, 218, 22); border: 1px solid rgb(255, 218, 22); box-shadow: rgba(255, 218, 22, 0.6) 0px 0px 10px 0px; }
.css-1r6carb.MuiButton-iconWarning:hover { background-color: rgb(178, 152, 15); }
.css-1r6carb.MuiButton-iconWarning:active { background-color: rgb(178, 152, 15); }
.css-1r6carb.MuiButton-iconWarning:disabled { opacity: 0.5; box-shadow: none; }
.css-1r6carb.MuiButton-iconSizeLarge { min-width: 44px; width: 44px; height: 44px; padding: 2px; }
.css-1r6carb.MuiButton-iconSizeLarge .MuiButton-startIcon { display: flex; gap: 0px; margin: 0px; color: rgba(255, 255, 255, 0.8); }
.css-1r6carb.MuiButton-iconSizeMedium { min-width: 40px; width: 40px; height: 40px; padding: 2px; }
.css-1r6carb.MuiButton-iconSizeMedium .MuiButton-startIcon { display: flex; gap: 0px; margin: 0px; }
.css-1r6carb.MuiButton-iconSizeSmall { min-width: 36px; width: 36px; height: 36px; padding: 2px; }
.css-1r6carb.MuiButton-iconSizeSmall .MuiButton-startIcon { display: flex; gap: 0px; margin: 0px; }
.css-1r6carb.MuiButton-outlined { color: rgb(0, 254, 169); border: 1px solid rgb(0, 254, 169); background: rgba(14, 27, 23, 0.4); }
.css-1r6carb.MuiButton-outlined:hover { border: 1px solid rgb(0, 254, 169); background: rgba(14, 27, 23, 0.4); opacity: 0.85; }
.css-1r6carb.MuiButton-outlined:active { opacity: 1; }
.css-1r6carb.MuiButton-outlined:disabled { color: rgb(0, 254, 169); border: 1px solid rgb(0, 254, 169); opacity: 0.4; }
.css-1r6carb.MuiButton-cta { color: rgb(14, 27, 23); background-image: linear-gradient(90deg, rgb(254, 226, 12) 0%, rgb(255, 174, 0) 25%, rgb(254, 226, 12) 75%, rgb(255, 174, 0) 100%); background-size: 400% 400%; font-size: 14px; font-weight: 600; line-height: 18px; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; box-shadow: rgba(255, 255, 255, 0.6) 0px 9px 8px 0px inset, rgba(0, 254, 169, 0.2) 0px -4px 8px 0px inset, rgba(0, 254, 169, 0.24) 0px 0px 50px 0px; }
.css-1r6carb.MuiButton-cta:hover { animation: 0.7s ease 0s 1 normal forwards running animation-dofypc; box-shadow: rgba(255, 255, 255, 0.6) 0px 9px 8px 0px inset, rgba(0, 254, 169, 0.2) 0px -4px 8px 0px inset, rgba(0, 254, 169, 0.8) 0px 0px 40px 0px; }
.css-1r6carb.MuiButton-cta:active { animation: 0.7s ease 0s 1 normal forwards running animation-i3y9un; box-shadow: rgba(255, 255, 255, 0.6) 0px 9px 8px 0px inset, rgba(0, 254, 169, 0.2) 0px -4px 8px 0px inset, rgba(0, 254, 169, 0.24) 0px 0px 50px 0px; }
.css-1r6carb.MuiButton-cta:disabled { color: rgb(14, 27, 23); opacity: 0.5; box-shadow: rgba(255, 255, 255, 0.6) 0px 9px 8px 0px inset, rgba(0, 254, 169, 0.2) 0px -4px 8px 0px inset, rgba(0, 254, 169, 0.24) 0px 0px 50px 0px; }
.css-1r6carb.MuiButton-ctaSizeLarge { height: 44px; padding: 0px 12px; }
.css-1r6carb.MuiButton-ctaSizeMedium { height: 40px; padding: 0px 12px; }
.css-1r6carb.MuiButton-ctaSizeSmall { height: 36px; padding: 0px 12px; }
@media (max-width: 599.95px) {
  .css-1r6carb { display: none; }
}
.css-1qfx30c { display: inherit; margin-right: 8px; margin-left: -2px; }
.css-1qfx30c > :nth-of-type(1) { font-size: 18px; }
.css-w1aohp { transform: unset; }
.css-w1aohp.MuiIcon-root { display: flex; width: 20px !important; height: 20px !important; font-size: 20px !important; line-height: 20px !important; }
.css-w1aohp.MuiIcon-root.MuiIcon-colorTxt\.textWhite100 { color: rgb(255, 255, 255); }
.css-w1aohp.MuiIcon-root.MuiIcon-colorTxt\.textWhite80 { color: rgba(255, 255, 255, 0.8); }
.css-w1aohp.MuiIcon-root.MuiIcon-colorTxt\.textWhite40 { color: rgba(255, 255, 255, 0.4); }
.css-w1aohp.MuiIcon-root.MuiIcon-colorTxt\.secondary { color: rgba(255, 255, 255, 0.8); }
.css-w1aohp.MuiIcon-root.MuiIcon-colorAccent\.main { color: rgb(0, 254, 169); }
.css-w1aohp.MuiIcon-root.MuiIcon-colorAccent\.gradient { background: linear-gradient(90deg, rgb(254, 226, 12) 0%, rgb(255, 174, 0) 100%) text; -webkit-text-fill-color: transparent; }
.css-w1aohp.MuiIcon-root.MuiIcon-colorEvent\.bg { color: rgb(21, 40, 34); }
.css-w1aohp.MuiIcon-root.MuiIcon-colorEvent\.bgHover { color: rgb(28, 54, 45); }
.css-w1aohp.MuiIcon-root.MuiIcon-colorEvent\.bg2 { color: rgb(0, 254, 169); }
.css-w1aohp.MuiIcon-root.MuiIcon-colorFilter\.bg { color: rgb(21, 40, 34); }
.css-w1aohp.MuiIcon-root.MuiIcon-colorFilter\.bgHover { color: rgb(28, 54, 45); }
.css-w1aohp.MuiIcon-root.MuiIcon-colorFilter\.bg2 { color: rgb(0, 254, 169); }
.css-w1aohp.MuiIcon-root.MuiIcon-colorFixedColor\.success { color: rgb(152, 255, 22); }
.css-w1aohp.MuiIcon-root.MuiIcon-colorFixedColor\.warning { color: rgb(255, 218, 22); }
.css-w1aohp.MuiIcon-root.MuiIcon-colorFixedColor\.error { color: rgb(242, 73, 50); }
.css-w1aohp.MuiIcon-root.MuiIcon-colorHeader\.bg { color: rgb(28, 54, 45); }
.css-w1aohp.MuiIcon-root.MuiIcon-colorInputDropDown\.bg { color: rgb(21, 40, 34); }
.css-w1aohp.MuiIcon-root.MuiIcon-colorInputDropDown\.bgHover { color: rgb(28, 54, 45); }
.css-w1aohp.MuiIcon-root.MuiIcon-colorInputDropDown\.bg2 { color: rgb(0, 254, 169); }
.css-w1aohp.MuiIcon-root.MuiIcon-colorMenu1\.bg { color: rgb(14, 27, 23); }
.css-w1aohp.MuiIcon-root.MuiIcon-colorOdd\.bg { color: rgb(21, 40, 34); }
.css-w1aohp.MuiIcon-root.MuiIcon-colorOdd\.bg2 { color: rgb(28, 54, 45); }
.css-w1aohp.MuiIcon-root.MuiIcon-colorVip\.blackDiamond { color: rgb(240, 230, 215); }
.css-w1aohp.MuiIcon-root.MuiIcon-colorVip\.bronze { color: rgb(202, 128, 86); }
.css-w1aohp.MuiIcon-root.MuiIcon-colorVip\.gold { color: rgb(238, 190, 68); }
.css-w1aohp.MuiIcon-root.MuiIcon-colorVip\.sliver { color: rgb(221, 221, 221); }
.css-w1aohp.MuiIcon-root.MuiIcon-colorDark\.dark1 { color: rgb(14, 27, 23); }
.css-w1aohp.MuiIcon-root.MuiIcon-colorFixedColor\.info { color: rgb(79, 195, 247); }
.css-w1aohp.MuiIcon-fontSizeSmall { width: 16px !important; height: 16px !important; font-size: 16px !important; line-height: 16px !important; }
.css-w1aohp.MuiIcon-fontSizeLarge { width: 24px !important; height: 24px !important; font-size: 24px !important; line-height: 24px !important; }
.css-w1aohp.MuiIcon-fontSizeLarge80 { width: 80px !important; height: 80px !important; font-size: 80px !important; line-height: 80px !important; }
.css-w1aohp.MuiIcon-fontSizeLarge40 { width: 40px !important; height: 40px !important; font-size: 40px !important; line-height: 40px !important; }
.css-w1aohp.MuiIcon-fontSizeLarge64 { width: 64px !important; height: 64px !important; font-size: 64px !important; line-height: 64px !important; }
.css-w1aohp.MuiIcon-fontSizeLarge44 { width: 44px !important; height: 44px !important; font-size: 44px !important; line-height: 44px !important; }
.css-w1aohp.MuiIcon-fontSizeExtraSmall { width: 14px !important; height: 14px !important; font-size: 14px !important; line-height: 14px !important; }
.css-w1aohp.MuiIcon-fontSizeExtLarge { width: 32px !important; height: 32px !important; font-size: 32px !important; line-height: 32px !important; }
.css-w1aohp.MuiIcon-colorWhite { color: rgb(255, 255, 255); }
.css-1s8kkba { user-select: none; width: 1em; height: 1em; overflow: hidden; display: inline-block; text-align: center; flex-shrink: 0; font-size: 1.5rem; transform: unset; }
.css-1s8kkba.MuiIcon-root { display: flex; width: 20px !important; height: 20px !important; font-size: 20px !important; line-height: 20px !important; }
.css-1s8kkba.MuiIcon-root.MuiIcon-colorTxt\.textWhite100 { color: rgb(255, 255, 255); }
.css-1s8kkba.MuiIcon-root.MuiIcon-colorTxt\.textWhite80 { color: rgba(255, 255, 255, 0.8); }
.css-1s8kkba.MuiIcon-root.MuiIcon-colorTxt\.textWhite40 { color: rgba(255, 255, 255, 0.4); }
.css-1s8kkba.MuiIcon-root.MuiIcon-colorTxt\.secondary { color: rgba(255, 255, 255, 0.8); }
.css-1s8kkba.MuiIcon-root.MuiIcon-colorAccent\.main { color: rgb(0, 254, 169); }
.css-1s8kkba.MuiIcon-root.MuiIcon-colorAccent\.gradient { background: linear-gradient(90deg, rgb(254, 226, 12) 0%, rgb(255, 174, 0) 100%) text; -webkit-text-fill-color: transparent; }
.css-1s8kkba.MuiIcon-root.MuiIcon-colorEvent\.bg { color: rgb(21, 40, 34); }
.css-1s8kkba.MuiIcon-root.MuiIcon-colorEvent\.bgHover { color: rgb(28, 54, 45); }
.css-1s8kkba.MuiIcon-root.MuiIcon-colorEvent\.bg2 { color: rgb(0, 254, 169); }
.css-1s8kkba.MuiIcon-root.MuiIcon-colorFilter\.bg { color: rgb(21, 40, 34); }
.css-1s8kkba.MuiIcon-root.MuiIcon-colorFilter\.bgHover { color: rgb(28, 54, 45); }
.css-1s8kkba.MuiIcon-root.MuiIcon-colorFilter\.bg2 { color: rgb(0, 254, 169); }
.css-1s8kkba.MuiIcon-root.MuiIcon-colorFixedColor\.success { color: rgb(152, 255, 22); }
.css-1s8kkba.MuiIcon-root.MuiIcon-colorFixedColor\.warning { color: rgb(255, 218, 22); }
.css-1s8kkba.MuiIcon-root.MuiIcon-colorFixedColor\.error { color: rgb(242, 73, 50); }
.css-1s8kkba.MuiIcon-root.MuiIcon-colorHeader\.bg { color: rgb(28, 54, 45); }
.css-1s8kkba.MuiIcon-root.MuiIcon-colorInputDropDown\.bg { color: rgb(21, 40, 34); }
.css-1s8kkba.MuiIcon-root.MuiIcon-colorInputDropDown\.bgHover { color: rgb(28, 54, 45); }
.css-1s8kkba.MuiIcon-root.MuiIcon-colorInputDropDown\.bg2 { color: rgb(0, 254, 169); }
.css-1s8kkba.MuiIcon-root.MuiIcon-colorMenu1\.bg { color: rgb(14, 27, 23); }
.css-1s8kkba.MuiIcon-root.MuiIcon-colorOdd\.bg { color: rgb(21, 40, 34); }
.css-1s8kkba.MuiIcon-root.MuiIcon-colorOdd\.bg2 { color: rgb(28, 54, 45); }
.css-1s8kkba.MuiIcon-root.MuiIcon-colorVip\.blackDiamond { color: rgb(240, 230, 215); }
.css-1s8kkba.MuiIcon-root.MuiIcon-colorVip\.bronze { color: rgb(202, 128, 86); }
.css-1s8kkba.MuiIcon-root.MuiIcon-colorVip\.gold { color: rgb(238, 190, 68); }
.css-1s8kkba.MuiIcon-root.MuiIcon-colorVip\.sliver { color: rgb(221, 221, 221); }
.css-1s8kkba.MuiIcon-root.MuiIcon-colorDark\.dark1 { color: rgb(14, 27, 23); }
.css-1s8kkba.MuiIcon-root.MuiIcon-colorFixedColor\.info { color: rgb(79, 195, 247); }
.css-1s8kkba.MuiIcon-fontSizeSmall { width: 16px !important; height: 16px !important; font-size: 16px !important; line-height: 16px !important; }
.css-1s8kkba.MuiIcon-fontSizeLarge { width: 24px !important; height: 24px !important; font-size: 24px !important; line-height: 24px !important; }
.css-1s8kkba.MuiIcon-fontSizeLarge80 { width: 80px !important; height: 80px !important; font-size: 80px !important; line-height: 80px !important; }
.css-1s8kkba.MuiIcon-fontSizeLarge40 { width: 40px !important; height: 40px !important; font-size: 40px !important; line-height: 40px !important; }
.css-1s8kkba.MuiIcon-fontSizeLarge64 { width: 64px !important; height: 64px !important; font-size: 64px !important; line-height: 64px !important; }
.css-1s8kkba.MuiIcon-fontSizeLarge44 { width: 44px !important; height: 44px !important; font-size: 44px !important; line-height: 44px !important; }
.css-1s8kkba.MuiIcon-fontSizeExtraSmall { width: 14px !important; height: 14px !important; font-size: 14px !important; line-height: 14px !important; }
.css-1s8kkba.MuiIcon-fontSizeExtLarge { width: 32px !important; height: 32px !important; font-size: 32px !important; line-height: 32px !important; }
.css-1s8kkba.MuiIcon-colorWhite { color: rgb(255, 255, 255); }
.css-15ezqso { display: flex; flex-direction: row; gap: 8px; -webkit-box-align: center; align-items: center; min-height: 36px; }
.css-15ezqso .slider-header-title { display: flex; -webkit-box-align: center; align-items: center; flex-direction: row; gap: 8px; }
.css-15ezqso .slider-header-title > a .MuiTypography-root:hover { color: rgb(0, 254, 169); }
.css-15ezqso .slider-header-group-nav { display: flex; flex-direction: row; gap: 8px; }
@media (max-width: 599.95px) {
  .css-15ezqso .slider-header-group-nav .MuiButton-root.MuiButton-iconSizeMedium { height: 36px; width: 36px; min-width: 36px; }
}
.css-15ezqso .slider-header-group-nav button.btn-first { border-radius: 4px; }
.css-15ezqso .slider-header-group-nav button.btn-second { border-radius: 4px; }
.css-15ezqso.rtl .slider-header-group-nav { flex-direction: row-reverse; }
.css-1ypcipt { flex: 1 1 0%; display: flex; -webkit-box-align: center; align-items: center; }
.css-1shpamv { user-select: none; width: 1em; height: 1em; overflow: hidden; display: inline-block; text-align: center; flex-shrink: 0; font-size: 2.25rem; }
.css-1shpamv.MuiIcon-root { display: flex; width: 20px !important; height: 20px !important; font-size: 20px !important; line-height: 20px !important; }
.css-1shpamv.MuiIcon-root.MuiIcon-colorTxt\.textWhite100 { color: rgb(255, 255, 255); }
.css-1shpamv.MuiIcon-root.MuiIcon-colorTxt\.textWhite80 { color: rgba(255, 255, 255, 0.8); }
.css-1shpamv.MuiIcon-root.MuiIcon-colorTxt\.textWhite40 { color: rgba(255, 255, 255, 0.4); }
.css-1shpamv.MuiIcon-root.MuiIcon-colorTxt\.secondary { color: rgba(255, 255, 255, 0.8); }
.css-1shpamv.MuiIcon-root.MuiIcon-colorAccent\.main { color: rgb(0, 254, 169); }
.css-1shpamv.MuiIcon-root.MuiIcon-colorAccent\.gradient { background: linear-gradient(90deg, rgb(254, 226, 12) 0%, rgb(255, 174, 0) 100%) text; -webkit-text-fill-color: transparent; }
.css-1shpamv.MuiIcon-root.MuiIcon-colorEvent\.bg { color: rgb(21, 40, 34); }
.css-1shpamv.MuiIcon-root.MuiIcon-colorEvent\.bgHover { color: rgb(28, 54, 45); }
.css-1shpamv.MuiIcon-root.MuiIcon-colorEvent\.bg2 { color: rgb(0, 254, 169); }
.css-1shpamv.MuiIcon-root.MuiIcon-colorFilter\.bg { color: rgb(21, 40, 34); }
.css-1shpamv.MuiIcon-root.MuiIcon-colorFilter\.bgHover { color: rgb(28, 54, 45); }
.css-1shpamv.MuiIcon-root.MuiIcon-colorFilter\.bg2 { color: rgb(0, 254, 169); }
.css-1shpamv.MuiIcon-root.MuiIcon-colorFixedColor\.success { color: rgb(152, 255, 22); }
.css-1shpamv.MuiIcon-root.MuiIcon-colorFixedColor\.warning { color: rgb(255, 218, 22); }
.css-1shpamv.MuiIcon-root.MuiIcon-colorFixedColor\.error { color: rgb(242, 73, 50); }
.css-1shpamv.MuiIcon-root.MuiIcon-colorHeader\.bg { color: rgb(28, 54, 45); }
.css-1shpamv.MuiIcon-root.MuiIcon-colorInputDropDown\.bg { color: rgb(21, 40, 34); }
.css-1shpamv.MuiIcon-root.MuiIcon-colorInputDropDown\.bgHover { color: rgb(28, 54, 45); }
.css-1shpamv.MuiIcon-root.MuiIcon-colorInputDropDown\.bg2 { color: rgb(0, 254, 169); }
.css-1shpamv.MuiIcon-root.MuiIcon-colorMenu1\.bg { color: rgb(14, 27, 23); }
.css-1shpamv.MuiIcon-root.MuiIcon-colorOdd\.bg { color: rgb(21, 40, 34); }
.css-1shpamv.MuiIcon-root.MuiIcon-colorOdd\.bg2 { color: rgb(28, 54, 45); }
.css-1shpamv.MuiIcon-root.MuiIcon-colorVip\.blackDiamond { color: rgb(240, 230, 215); }
.css-1shpamv.MuiIcon-root.MuiIcon-colorVip\.bronze { color: rgb(202, 128, 86); }
.css-1shpamv.MuiIcon-root.MuiIcon-colorVip\.gold { color: rgb(238, 190, 68); }
.css-1shpamv.MuiIcon-root.MuiIcon-colorVip\.sliver { color: rgb(221, 221, 221); }
.css-1shpamv.MuiIcon-root.MuiIcon-colorDark\.dark1 { color: rgb(14, 27, 23); }
.css-1shpamv.MuiIcon-root.MuiIcon-colorFixedColor\.info { color: rgb(79, 195, 247); }
.css-1shpamv.MuiIcon-fontSizeSmall { width: 16px !important; height: 16px !important; font-size: 16px !important; line-height: 16px !important; }
.css-1shpamv.MuiIcon-fontSizeLarge { width: 24px !important; height: 24px !important; font-size: 24px !important; line-height: 24px !important; }
.css-1shpamv.MuiIcon-fontSizeLarge80 { width: 80px !important; height: 80px !important; font-size: 80px !important; line-height: 80px !important; }
.css-1shpamv.MuiIcon-fontSizeLarge40 { width: 40px !important; height: 40px !important; font-size: 40px !important; line-height: 40px !important; }
.css-1shpamv.MuiIcon-fontSizeLarge64 { width: 64px !important; height: 64px !important; font-size: 64px !important; line-height: 64px !important; }
.css-1shpamv.MuiIcon-fontSizeLarge44 { width: 44px !important; height: 44px !important; font-size: 44px !important; line-height: 44px !important; }
.css-1shpamv.MuiIcon-fontSizeExtraSmall { width: 14px !important; height: 14px !important; font-size: 14px !important; line-height: 14px !important; }
.css-1shpamv.MuiIcon-fontSizeExtLarge { width: 32px !important; height: 32px !important; font-size: 32px !important; line-height: 32px !important; }
.css-1shpamv.MuiIcon-colorWhite { color: rgb(255, 255, 255); }
.css-1wn89qj { text-decoration-line: underline; text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: var(--Link-underlineColor); color: rgb(255, 255, 255); }
.css-1wn89qj:hover { text-decoration-color: inherit; }
.css-hta4s5 { margin: 0px; font-size: 20px; line-height: 28px; text-decoration-line: underline; text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: var(--Link-underlineColor); color: rgb(255, 255, 255); }
.css-hta4s5:hover { text-decoration-color: inherit; }
.css-35ezg3 { font-weight: 600; }
.css-q8c551 { margin: 0px; font-size: 20px; line-height: 28px; color: rgb(255, 255, 255); font-weight: 600; }
.css-70qvj9 { display: flex; -webkit-box-align: center; align-items: center; }
.css-1203hp8 { text-decoration: none; margin-right: 16px; margin-left: 0px; }
.css-1vqqi28 { margin: 0px; font-size: 14px; color: rgb(0, 254, 169); font-weight: 600; }
.css-85oey9 { display: inline-flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; gap: 8px; flex-shrink: 0; border-radius: 6px; color: rgba(0, 0, 0, 0.8); font-size: 14px; text-transform: none; text-align: center; }
.css-85oey9 .MuiButton-startIcon { display: inline-flex; gap: 8px; margin-right: 0px; margin-left: 0px; }
.css-85oey9 .MuiButton-endIcon { display: inline-flex; gap: 8px; margin-right: 0px; margin-left: 0px; }
.css-85oey9.MuiButton-containedPrimary { box-shadow: none; color: rgb(14, 27, 23); background: linear-gradient(90deg, rgb(254, 226, 12) 0%, rgb(255, 174, 0) 25%, rgb(254, 226, 12) 75%, rgb(255, 174, 0) 100%) 0% 0% / 400% 400%; }
.css-85oey9.MuiButton-containedPrimary:hover { color: rgb(14, 27, 23); animation: 0.7s ease 0s 1 normal forwards running animation-dofypc; }
.css-85oey9.MuiButton-containedPrimary:active { color: rgb(14, 27, 23); animation: 0.7s ease 0s 1 normal forwards running animation-i3y9un; }
.css-85oey9.MuiButton-containedPrimary:disabled { color: rgb(14, 27, 23); opacity: 0.5; }
.css-85oey9.MuiButton-containedSecondary { color: rgba(255, 255, 255, 0.8); background-color: rgb(28, 54, 45); box-shadow: none; }
.css-85oey9.MuiButton-containedSecondary:hover { background-color: rgb(28, 54, 45); opacity: 0.85; }
.css-85oey9.MuiButton-containedSecondary:active { color: rgb(255, 255, 255); background-color: rgb(28, 54, 45); opacity: 1; }
.css-85oey9.MuiButton-containedSecondary:disabled { color: rgba(255, 255, 255, 0.8); background-color: rgb(28, 54, 45); opacity: 0.4; }
.css-85oey9.MuiButton-containedSizeLarge { height: 44px; padding: 0px 12px; }
.css-85oey9.MuiButton-containedSizeMedium { height: 40px; padding: 0px 12px; }
.css-85oey9.MuiButton-containedSizeSmall { height: 36px; padding: 0px 12px; }
.css-85oey9.MuiButton-outlinedSizeLarge { height: 44px; padding: 0px 12px; }
.css-85oey9.MuiButton-outlinedSizeMedium { height: 40px; padding: 0px 12px; }
.css-85oey9.MuiButton-outlinedSizeSmall { height: 36px; padding: 0px 12px 0px 8px; }
.css-85oey9.MuiButton-text { padding: 0px 12px; color: rgb(0, 254, 169); font-size: 14px; font-weight: 600; line-height: 18px; }
.css-85oey9.MuiButton-text:hover { background: transparent; color: rgb(0, 229, 152); }
.css-85oey9.MuiButton-text:active { color: rgb(0, 229, 152); }
.css-85oey9.MuiButton-text:disabled { color: rgb(0, 254, 169); opacity: 0.4; }
.css-85oey9.MuiButton-textSecondary { color: rgba(255, 255, 255, 0.8); background: rgb(28, 54, 45); }
.css-85oey9.MuiButton-textSecondary:hover { opacity: 0.85; }
.css-85oey9.MuiButton-textSecondary:active { opacity: 1; }
.css-85oey9.MuiButton-textSecondary:disabled { opacity: 0.5; }
.css-85oey9.MuiButton-textSizeLarge { height: 44px; }
.css-85oey9.MuiButton-textSizeMedium { height: 40px; }
.css-85oey9.MuiButton-textSizeSmall { height: 36px; }
.css-85oey9.MuiButton-iconInherit { padding: 0px; }
.css-85oey9.MuiButton-iconPrimary { background: linear-gradient(90deg, rgb(254, 226, 12) 0%, rgb(255, 174, 0) 25%, rgb(254, 226, 12) 75%, rgb(255, 174, 0) 100%); box-shadow: none; }
.css-85oey9.MuiButton-iconPrimary:hover { opacity: 0.8; }
.css-85oey9.MuiButton-iconPrimary:active { opacity: 1; }
.css-85oey9.MuiButton-iconPrimary:disabled { opacity: 0.5; }
.css-85oey9.MuiButton-iconSecondary { color: rgba(255, 255, 255, 0.8); box-shadow: none; background-color: rgb(28, 54, 45); }
.css-85oey9.MuiButton-iconSecondary:hover { background-color: rgb(28, 54, 45); opacity: 0.85; }
.css-85oey9.MuiButton-iconSecondary:active { color: rgb(255, 255, 255); background-color: rgb(28, 54, 45); opacity: 1; }
.css-85oey9.MuiButton-iconSecondary:disabled { color: rgba(255, 255, 255, 0.8); background-color: rgb(28, 54, 45); opacity: 0.4; }
.css-85oey9.MuiButton-iconSuccess { background: rgb(152, 255, 22); border: 1px solid rgb(152, 255, 22); box-shadow: rgba(152, 255, 22, 0.6) 0px 0px 10px 0px; }
.css-85oey9.MuiButton-iconSuccess:hover { background-color: rgb(106, 178, 15); }
.css-85oey9.MuiButton-iconSuccess:active { background-color: rgb(106, 178, 15); }
.css-85oey9.MuiButton-iconSuccess:disabled { opacity: 0.5; box-shadow: none; }
.css-85oey9.MuiButton-iconError { background: rgb(242, 73, 50); border: 1px solid rgb(242, 73, 50); box-shadow: rgba(242, 73, 50, 0.6) 0px 0px 10px 0px; }
.css-85oey9.MuiButton-iconError:hover { background-color: rgb(169, 51, 35); }
.css-85oey9.MuiButton-iconError:active { background-color: rgb(169, 51, 35); }
.css-85oey9.MuiButton-iconError:disabled { opacity: 0.5; box-shadow: none; }
.css-85oey9.MuiButton-iconInfo { background: rgb(79, 195, 247); border: 1px solid rgb(79, 195, 247); box-shadow: rgba(79, 195, 247, 0.6) 0px 0px 10px 0px; }
.css-85oey9.MuiButton-iconInfo:hover { background-color: rgb(55, 136, 172); }
.css-85oey9.MuiButton-iconInfo:active { background-color: rgb(55, 136, 172); }
.css-85oey9.MuiButton-iconInfo:disabled { opacity: 0.5; box-shadow: none; }
.css-85oey9.MuiButton-iconWarning { background: rgb(255, 218, 22); border: 1px solid rgb(255, 218, 22); box-shadow: rgba(255, 218, 22, 0.6) 0px 0px 10px 0px; }
.css-85oey9.MuiButton-iconWarning:hover { background-color: rgb(178, 152, 15); }
.css-85oey9.MuiButton-iconWarning:active { background-color: rgb(178, 152, 15); }
.css-85oey9.MuiButton-iconWarning:disabled { opacity: 0.5; box-shadow: none; }
.css-85oey9.MuiButton-iconSizeLarge { min-width: 44px; width: 44px; height: 44px; padding: 2px; }
.css-85oey9.MuiButton-iconSizeLarge .MuiButton-startIcon { display: flex; gap: 0px; margin: 0px; color: rgba(255, 255, 255, 0.8); }
.css-85oey9.MuiButton-iconSizeMedium { min-width: 40px; width: 40px; height: 40px; padding: 2px; }
.css-85oey9.MuiButton-iconSizeMedium .MuiButton-startIcon { display: flex; gap: 0px; margin: 0px; }
.css-85oey9.MuiButton-iconSizeSmall { min-width: 36px; width: 36px; height: 36px; padding: 2px; }
.css-85oey9.MuiButton-iconSizeSmall .MuiButton-startIcon { display: flex; gap: 0px; margin: 0px; }
.css-85oey9.MuiButton-outlined { color: rgb(0, 254, 169); border: 1px solid rgb(0, 254, 169); background: rgba(14, 27, 23, 0.4); }
.css-85oey9.MuiButton-outlined:hover { border: 1px solid rgb(0, 254, 169); background: rgba(14, 27, 23, 0.4); opacity: 0.85; }
.css-85oey9.MuiButton-outlined:active { opacity: 1; }
.css-85oey9.MuiButton-outlined:disabled { color: rgb(0, 254, 169); border: 1px solid rgb(0, 254, 169); opacity: 0.4; }
.css-85oey9.MuiButton-cta { color: rgb(14, 27, 23); background-image: linear-gradient(90deg, rgb(254, 226, 12) 0%, rgb(255, 174, 0) 25%, rgb(254, 226, 12) 75%, rgb(255, 174, 0) 100%); background-size: 400% 400%; font-size: 14px; font-weight: 600; line-height: 18px; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; box-shadow: rgba(255, 255, 255, 0.6) 0px 9px 8px 0px inset, rgba(0, 254, 169, 0.2) 0px -4px 8px 0px inset, rgba(0, 254, 169, 0.24) 0px 0px 50px 0px; }
.css-85oey9.MuiButton-cta:hover { animation: 0.7s ease 0s 1 normal forwards running animation-dofypc; box-shadow: rgba(255, 255, 255, 0.6) 0px 9px 8px 0px inset, rgba(0, 254, 169, 0.2) 0px -4px 8px 0px inset, rgba(0, 254, 169, 0.8) 0px 0px 40px 0px; }
.css-85oey9.MuiButton-cta:active { animation: 0.7s ease 0s 1 normal forwards running animation-i3y9un; box-shadow: rgba(255, 255, 255, 0.6) 0px 9px 8px 0px inset, rgba(0, 254, 169, 0.2) 0px -4px 8px 0px inset, rgba(0, 254, 169, 0.24) 0px 0px 50px 0px; }
.css-85oey9.MuiButton-cta:disabled { color: rgb(14, 27, 23); opacity: 0.5; box-shadow: rgba(255, 255, 255, 0.6) 0px 9px 8px 0px inset, rgba(0, 254, 169, 0.2) 0px -4px 8px 0px inset, rgba(0, 254, 169, 0.24) 0px 0px 50px 0px; }
.css-85oey9.MuiButton-ctaSizeLarge { height: 44px; padding: 0px 12px; }
.css-85oey9.MuiButton-ctaSizeMedium { height: 40px; padding: 0px 12px; }
.css-85oey9.MuiButton-ctaSizeSmall { height: 36px; padding: 0px 12px; }
@-webkit-keyframes animation-i3y9un { 
  0% { background-position: 50% 0%; }
  100% { background-position: 0% 5%; }
}
@keyframes animation-i3y9un { 
  0% { background-position: 50% 0%; }
  100% { background-position: 0% 5%; }
}
@-webkit-keyframes animation-dofypc { 
  0% { background-position: 0% 50%; }
  100% { background-position: 50% 0%; }
}
@keyframes animation-dofypc { 
  0% { background-position: 0% 50%; }
  100% { background-position: 50% 0%; }
}
@-webkit-keyframes animation-i3y9un { 
  0% { background-position: 50% 0%; }
  100% { background-position: 0% 5%; }
}
@keyframes animation-i3y9un { 
  0% { background-position: 50% 0%; }
  100% { background-position: 0% 5%; }
}
@-webkit-keyframes animation-dofypc { 
  0% { background-position: 0% 50%; }
  100% { background-position: 50% 0%; }
}
@keyframes animation-dofypc { 
  0% { background-position: 0% 50%; }
  100% { background-position: 50% 0%; }
}
.css-lq7twh { font-family: Kanit, sans-serif; font-weight: 500; line-height: 1.75; min-width: 64px; padding: 6px 16px; border: 0px; --variant-textColor: #2A5044; --variant-outlinedColor: #2A5044; --variant-outlinedBorder: rgba(42, 80, 68, 0.5); --variant-containedColor: #fff; --variant-containedBg: #2A5044; transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1), box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1), border-color 250ms cubic-bezier(0.4, 0, 0.2, 1); display: inline-flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; gap: 8px; flex-shrink: 0; border-radius: 6px; color: rgba(0, 0, 0, 0.8); font-size: 14px; text-transform: none; text-align: center; }
.css-lq7twh:hover { text-decoration: none; }
.css-lq7twh.Mui-disabled { color: rgba(255, 255, 255, 0.3); }
@media (hover: hover) {
  .css-lq7twh:hover { --variant-containedBg: rgb(29, 56, 47); --variant-textBg: rgba(42, 80, 68, 0.08); --variant-outlinedBorder: #2A5044; --variant-outlinedBg: rgba(42, 80, 68, 0.08); }
}
.css-lq7twh.MuiButton-loading { color: transparent; }
.css-lq7twh .MuiButton-startIcon { display: inline-flex; gap: 8px; margin-right: 0px; margin-left: 0px; }
.css-lq7twh .MuiButton-endIcon { display: inline-flex; gap: 8px; margin-right: 0px; margin-left: 0px; }
.css-lq7twh.MuiButton-containedPrimary { box-shadow: none; color: rgb(14, 27, 23); background: linear-gradient(90deg, rgb(254, 226, 12) 0%, rgb(255, 174, 0) 25%, rgb(254, 226, 12) 75%, rgb(255, 174, 0) 100%) 0% 0% / 400% 400%; }
.css-lq7twh.MuiButton-containedPrimary:hover { color: rgb(14, 27, 23); animation: 0.7s ease 0s 1 normal forwards running animation-dofypc; }
.css-lq7twh.MuiButton-containedPrimary:active { color: rgb(14, 27, 23); animation: 0.7s ease 0s 1 normal forwards running animation-i3y9un; }
.css-lq7twh.MuiButton-containedPrimary:disabled { color: rgb(14, 27, 23); opacity: 0.5; }
.css-lq7twh.MuiButton-containedSecondary { color: rgba(255, 255, 255, 0.8); background-color: rgb(28, 54, 45); box-shadow: none; }
.css-lq7twh.MuiButton-containedSecondary:hover { background-color: rgb(28, 54, 45); opacity: 0.85; }
.css-lq7twh.MuiButton-containedSecondary:active { color: rgb(255, 255, 255); background-color: rgb(28, 54, 45); opacity: 1; }
.css-lq7twh.MuiButton-containedSecondary:disabled { color: rgba(255, 255, 255, 0.8); background-color: rgb(28, 54, 45); opacity: 0.4; }
.css-lq7twh.MuiButton-containedSizeLarge { height: 44px; padding: 0px 12px; }
.css-lq7twh.MuiButton-containedSizeMedium { height: 40px; padding: 0px 12px; }
.css-lq7twh.MuiButton-containedSizeSmall { height: 36px; padding: 0px 12px; }
.css-lq7twh.MuiButton-outlinedSizeLarge { height: 44px; padding: 0px 12px; }
.css-lq7twh.MuiButton-outlinedSizeMedium { height: 40px; padding: 0px 12px; }
.css-lq7twh.MuiButton-outlinedSizeSmall { height: 36px; padding: 0px 12px 0px 8px; }
.css-lq7twh.MuiButton-text { padding: 0px 12px; color: rgb(0, 254, 169); font-size: 14px; font-weight: 600; line-height: 18px; }
.css-lq7twh.MuiButton-text:hover { background: transparent; color: rgb(0, 229, 152); }
.css-lq7twh.MuiButton-text:active { color: rgb(0, 229, 152); }
.css-lq7twh.MuiButton-text:disabled { color: rgb(0, 254, 169); opacity: 0.4; }
.css-lq7twh.MuiButton-textSecondary { color: rgba(255, 255, 255, 0.8); background: rgb(28, 54, 45); }
.css-lq7twh.MuiButton-textSecondary:hover { opacity: 0.85; }
.css-lq7twh.MuiButton-textSecondary:active { opacity: 1; }
.css-lq7twh.MuiButton-textSecondary:disabled { opacity: 0.5; }
.css-lq7twh.MuiButton-textSizeLarge { height: 44px; }
.css-lq7twh.MuiButton-textSizeMedium { height: 40px; }
.css-lq7twh.MuiButton-textSizeSmall { height: 36px; }
.css-lq7twh.MuiButton-iconInherit { padding: 0px; }
.css-lq7twh.MuiButton-iconPrimary { background: linear-gradient(90deg, rgb(254, 226, 12) 0%, rgb(255, 174, 0) 25%, rgb(254, 226, 12) 75%, rgb(255, 174, 0) 100%); box-shadow: none; }
.css-lq7twh.MuiButton-iconPrimary:hover { opacity: 0.8; }
.css-lq7twh.MuiButton-iconPrimary:active { opacity: 1; }
.css-lq7twh.MuiButton-iconPrimary:disabled { opacity: 0.5; }
.css-lq7twh.MuiButton-iconSecondary { color: rgba(255, 255, 255, 0.8); box-shadow: none; background-color: rgb(28, 54, 45); }
.css-lq7twh.MuiButton-iconSecondary:hover { background-color: rgb(28, 54, 45); opacity: 0.85; }
.css-lq7twh.MuiButton-iconSecondary:active { color: rgb(255, 255, 255); background-color: rgb(28, 54, 45); opacity: 1; }
.css-lq7twh.MuiButton-iconSecondary:disabled { color: rgba(255, 255, 255, 0.8); background-color: rgb(28, 54, 45); opacity: 0.4; }
.css-lq7twh.MuiButton-iconSuccess { background: rgb(152, 255, 22); border: 1px solid rgb(152, 255, 22); box-shadow: rgba(152, 255, 22, 0.6) 0px 0px 10px 0px; }
.css-lq7twh.MuiButton-iconSuccess:hover { background-color: rgb(106, 178, 15); }
.css-lq7twh.MuiButton-iconSuccess:active { background-color: rgb(106, 178, 15); }
.css-lq7twh.MuiButton-iconSuccess:disabled { opacity: 0.5; box-shadow: none; }
.css-lq7twh.MuiButton-iconError { background: rgb(242, 73, 50); border: 1px solid rgb(242, 73, 50); box-shadow: rgba(242, 73, 50, 0.6) 0px 0px 10px 0px; }
.css-lq7twh.MuiButton-iconError:hover { background-color: rgb(169, 51, 35); }
.css-lq7twh.MuiButton-iconError:active { background-color: rgb(169, 51, 35); }
.css-lq7twh.MuiButton-iconError:disabled { opacity: 0.5; box-shadow: none; }
.css-lq7twh.MuiButton-iconInfo { background: rgb(79, 195, 247); border: 1px solid rgb(79, 195, 247); box-shadow: rgba(79, 195, 247, 0.6) 0px 0px 10px 0px; }
.css-lq7twh.MuiButton-iconInfo:hover { background-color: rgb(55, 136, 172); }
.css-lq7twh.MuiButton-iconInfo:active { background-color: rgb(55, 136, 172); }
.css-lq7twh.MuiButton-iconInfo:disabled { opacity: 0.5; box-shadow: none; }
.css-lq7twh.MuiButton-iconWarning { background: rgb(255, 218, 22); border: 1px solid rgb(255, 218, 22); box-shadow: rgba(255, 218, 22, 0.6) 0px 0px 10px 0px; }
.css-lq7twh.MuiButton-iconWarning:hover { background-color: rgb(178, 152, 15); }
.css-lq7twh.MuiButton-iconWarning:active { background-color: rgb(178, 152, 15); }
.css-lq7twh.MuiButton-iconWarning:disabled { opacity: 0.5; box-shadow: none; }
.css-lq7twh.MuiButton-iconSizeLarge { min-width: 44px; width: 44px; height: 44px; padding: 2px; }
.css-lq7twh.MuiButton-iconSizeLarge .MuiButton-startIcon { display: flex; gap: 0px; margin: 0px; color: rgba(255, 255, 255, 0.8); }
.css-lq7twh.MuiButton-iconSizeMedium { min-width: 40px; width: 40px; height: 40px; padding: 2px; }
.css-lq7twh.MuiButton-iconSizeMedium .MuiButton-startIcon { display: flex; gap: 0px; margin: 0px; }
.css-lq7twh.MuiButton-iconSizeSmall { min-width: 36px; width: 36px; height: 36px; padding: 2px; }
.css-lq7twh.MuiButton-iconSizeSmall .MuiButton-startIcon { display: flex; gap: 0px; margin: 0px; }
.css-lq7twh.MuiButton-outlined { color: rgb(0, 254, 169); border: 1px solid rgb(0, 254, 169); background: rgba(14, 27, 23, 0.4); }
.css-lq7twh.MuiButton-outlined:hover { border: 1px solid rgb(0, 254, 169); background: rgba(14, 27, 23, 0.4); opacity: 0.85; }
.css-lq7twh.MuiButton-outlined:active { opacity: 1; }
.css-lq7twh.MuiButton-outlined:disabled { color: rgb(0, 254, 169); border: 1px solid rgb(0, 254, 169); opacity: 0.4; }
.css-lq7twh.MuiButton-cta { color: rgb(14, 27, 23); background-image: linear-gradient(90deg, rgb(254, 226, 12) 0%, rgb(255, 174, 0) 25%, rgb(254, 226, 12) 75%, rgb(255, 174, 0) 100%); background-size: 400% 400%; font-size: 14px; font-weight: 600; line-height: 18px; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; box-shadow: rgba(255, 255, 255, 0.6) 0px 9px 8px 0px inset, rgba(0, 254, 169, 0.2) 0px -4px 8px 0px inset, rgba(0, 254, 169, 0.24) 0px 0px 50px 0px; }
.css-lq7twh.MuiButton-cta:hover { animation: 0.7s ease 0s 1 normal forwards running animation-dofypc; box-shadow: rgba(255, 255, 255, 0.6) 0px 9px 8px 0px inset, rgba(0, 254, 169, 0.2) 0px -4px 8px 0px inset, rgba(0, 254, 169, 0.8) 0px 0px 40px 0px; }
.css-lq7twh.MuiButton-cta:active { animation: 0.7s ease 0s 1 normal forwards running animation-i3y9un; box-shadow: rgba(255, 255, 255, 0.6) 0px 9px 8px 0px inset, rgba(0, 254, 169, 0.2) 0px -4px 8px 0px inset, rgba(0, 254, 169, 0.24) 0px 0px 50px 0px; }
.css-lq7twh.MuiButton-cta:disabled { color: rgb(14, 27, 23); opacity: 0.5; box-shadow: rgba(255, 255, 255, 0.6) 0px 9px 8px 0px inset, rgba(0, 254, 169, 0.2) 0px -4px 8px 0px inset, rgba(0, 254, 169, 0.24) 0px 0px 50px 0px; }
.css-lq7twh.MuiButton-ctaSizeLarge { height: 44px; padding: 0px 12px; }
.css-lq7twh.MuiButton-ctaSizeMedium { height: 40px; padding: 0px 12px; }
.css-lq7twh.MuiButton-ctaSizeSmall { height: 36px; padding: 0px 12px; }
.css-1wdyqfh { position: relative; box-sizing: border-box; -webkit-tap-highlight-color: transparent; background-color: transparent; outline: 0px; margin: 0px; cursor: pointer; user-select: none; vertical-align: middle; appearance: none; text-decoration: none; font-family: Kanit, sans-serif; font-weight: 500; line-height: 1.75; min-width: 64px; padding: 6px 16px; border: 0px; --variant-textColor: #2A5044; --variant-outlinedColor: #2A5044; --variant-outlinedBorder: rgba(42, 80, 68, 0.5); --variant-containedColor: #fff; --variant-containedBg: #2A5044; transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1), box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1), border-color 250ms cubic-bezier(0.4, 0, 0.2, 1); display: inline-flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; gap: 8px; flex-shrink: 0; border-radius: 6px; color: rgba(0, 0, 0, 0.8); font-size: 14px; text-transform: none; text-align: center; }
.css-1wdyqfh.Mui-disabled { pointer-events: none; cursor: default; }
@media print {
  .css-1wdyqfh { print-color-adjust: exact; }
}
.css-1wdyqfh:hover { text-decoration: none; }
.css-1wdyqfh.Mui-disabled { color: rgba(255, 255, 255, 0.3); }
@media (hover: hover) {
  .css-1wdyqfh:hover { --variant-containedBg: rgb(29, 56, 47); --variant-textBg: rgba(42, 80, 68, 0.08); --variant-outlinedBorder: #2A5044; --variant-outlinedBg: rgba(42, 80, 68, 0.08); }
}
.css-1wdyqfh.MuiButton-loading { color: transparent; }
.css-1wdyqfh .MuiButton-startIcon { display: inline-flex; gap: 8px; margin-right: 0px; margin-left: 0px; }
.css-1wdyqfh .MuiButton-endIcon { display: inline-flex; gap: 8px; margin-right: 0px; margin-left: 0px; }
.css-1wdyqfh.MuiButton-containedPrimary { box-shadow: none; color: rgb(14, 27, 23); background: linear-gradient(90deg, rgb(254, 226, 12) 0%, rgb(255, 174, 0) 25%, rgb(254, 226, 12) 75%, rgb(255, 174, 0) 100%) 0% 0% / 400% 400%; }
.css-1wdyqfh.MuiButton-containedPrimary:hover { color: rgb(14, 27, 23); animation: 0.7s ease 0s 1 normal forwards running animation-dofypc; }
.css-1wdyqfh.MuiButton-containedPrimary:active { color: rgb(14, 27, 23); animation: 0.7s ease 0s 1 normal forwards running animation-i3y9un; }
.css-1wdyqfh.MuiButton-containedPrimary:disabled { color: rgb(14, 27, 23); opacity: 0.5; }
.css-1wdyqfh.MuiButton-containedSecondary { color: rgba(255, 255, 255, 0.8); background-color: rgb(28, 54, 45); box-shadow: none; }
.css-1wdyqfh.MuiButton-containedSecondary:hover { background-color: rgb(28, 54, 45); opacity: 0.85; }
.css-1wdyqfh.MuiButton-containedSecondary:active { color: rgb(255, 255, 255); background-color: rgb(28, 54, 45); opacity: 1; }
.css-1wdyqfh.MuiButton-containedSecondary:disabled { color: rgba(255, 255, 255, 0.8); background-color: rgb(28, 54, 45); opacity: 0.4; }
.css-1wdyqfh.MuiButton-containedSizeLarge { height: 44px; padding: 0px 12px; }
.css-1wdyqfh.MuiButton-containedSizeMedium { height: 40px; padding: 0px 12px; }
.css-1wdyqfh.MuiButton-containedSizeSmall { height: 36px; padding: 0px 12px; }
.css-1wdyqfh.MuiButton-outlinedSizeLarge { height: 44px; padding: 0px 12px; }
.css-1wdyqfh.MuiButton-outlinedSizeMedium { height: 40px; padding: 0px 12px; }
.css-1wdyqfh.MuiButton-outlinedSizeSmall { height: 36px; padding: 0px 12px 0px 8px; }
.css-1wdyqfh.MuiButton-text { padding: 0px 12px; color: rgb(0, 254, 169); font-size: 14px; font-weight: 600; line-height: 18px; }
.css-1wdyqfh.MuiButton-text:hover { background: transparent; color: rgb(0, 229, 152); }
.css-1wdyqfh.MuiButton-text:active { color: rgb(0, 229, 152); }
.css-1wdyqfh.MuiButton-text:disabled { color: rgb(0, 254, 169); opacity: 0.4; }
.css-1wdyqfh.MuiButton-textSecondary { color: rgba(255, 255, 255, 0.8); background: rgb(28, 54, 45); }
.css-1wdyqfh.MuiButton-textSecondary:hover { opacity: 0.85; }
.css-1wdyqfh.MuiButton-textSecondary:active { opacity: 1; }
.css-1wdyqfh.MuiButton-textSecondary:disabled { opacity: 0.5; }
.css-1wdyqfh.MuiButton-textSizeLarge { height: 44px; }
.css-1wdyqfh.MuiButton-textSizeMedium { height: 40px; }
.css-1wdyqfh.MuiButton-textSizeSmall { height: 36px; }
.css-1wdyqfh.MuiButton-iconInherit { padding: 0px; }
.css-1wdyqfh.MuiButton-iconPrimary { background: linear-gradient(90deg, rgb(254, 226, 12) 0%, rgb(255, 174, 0) 25%, rgb(254, 226, 12) 75%, rgb(255, 174, 0) 100%); box-shadow: none; }
.css-1wdyqfh.MuiButton-iconPrimary:hover { opacity: 0.8; }
.css-1wdyqfh.MuiButton-iconPrimary:active { opacity: 1; }
.css-1wdyqfh.MuiButton-iconPrimary:disabled { opacity: 0.5; }
.css-1wdyqfh.MuiButton-iconSecondary { color: rgba(255, 255, 255, 0.8); box-shadow: none; background-color: rgb(28, 54, 45); }
.css-1wdyqfh.MuiButton-iconSecondary:hover { background-color: rgb(28, 54, 45); opacity: 0.85; }
.css-1wdyqfh.MuiButton-iconSecondary:active { color: rgb(255, 255, 255); background-color: rgb(28, 54, 45); opacity: 1; }
.css-1wdyqfh.MuiButton-iconSecondary:disabled { color: rgba(255, 255, 255, 0.8); background-color: rgb(28, 54, 45); opacity: 0.4; }
.css-1wdyqfh.MuiButton-iconSuccess { background: rgb(152, 255, 22); border: 1px solid rgb(152, 255, 22); box-shadow: rgba(152, 255, 22, 0.6) 0px 0px 10px 0px; }
.css-1wdyqfh.MuiButton-iconSuccess:hover { background-color: rgb(106, 178, 15); }
.css-1wdyqfh.MuiButton-iconSuccess:active { background-color: rgb(106, 178, 15); }
.css-1wdyqfh.MuiButton-iconSuccess:disabled { opacity: 0.5; box-shadow: none; }
.css-1wdyqfh.MuiButton-iconError { background: rgb(242, 73, 50); border: 1px solid rgb(242, 73, 50); box-shadow: rgba(242, 73, 50, 0.6) 0px 0px 10px 0px; }
.css-1wdyqfh.MuiButton-iconError:hover { background-color: rgb(169, 51, 35); }
.css-1wdyqfh.MuiButton-iconError:active { background-color: rgb(169, 51, 35); }
.css-1wdyqfh.MuiButton-iconError:disabled { opacity: 0.5; box-shadow: none; }
.css-1wdyqfh.MuiButton-iconInfo { background: rgb(79, 195, 247); border: 1px solid rgb(79, 195, 247); box-shadow: rgba(79, 195, 247, 0.6) 0px 0px 10px 0px; }
.css-1wdyqfh.MuiButton-iconInfo:hover { background-color: rgb(55, 136, 172); }
.css-1wdyqfh.MuiButton-iconInfo:active { background-color: rgb(55, 136, 172); }
.css-1wdyqfh.MuiButton-iconInfo:disabled { opacity: 0.5; box-shadow: none; }
.css-1wdyqfh.MuiButton-iconWarning { background: rgb(255, 218, 22); border: 1px solid rgb(255, 218, 22); box-shadow: rgba(255, 218, 22, 0.6) 0px 0px 10px 0px; }
.css-1wdyqfh.MuiButton-iconWarning:hover { background-color: rgb(178, 152, 15); }
.css-1wdyqfh.MuiButton-iconWarning:active { background-color: rgb(178, 152, 15); }
.css-1wdyqfh.MuiButton-iconWarning:disabled { opacity: 0.5; box-shadow: none; }
.css-1wdyqfh.MuiButton-iconSizeLarge { min-width: 44px; width: 44px; height: 44px; padding: 2px; }
.css-1wdyqfh.MuiButton-iconSizeLarge .MuiButton-startIcon { display: flex; gap: 0px; margin: 0px; color: rgba(255, 255, 255, 0.8); }
.css-1wdyqfh.MuiButton-iconSizeMedium { min-width: 40px; width: 40px; height: 40px; padding: 2px; }
.css-1wdyqfh.MuiButton-iconSizeMedium .MuiButton-startIcon { display: flex; gap: 0px; margin: 0px; }
.css-1wdyqfh.MuiButton-iconSizeSmall { min-width: 36px; width: 36px; height: 36px; padding: 2px; }
.css-1wdyqfh.MuiButton-iconSizeSmall .MuiButton-startIcon { display: flex; gap: 0px; margin: 0px; }
.css-1wdyqfh.MuiButton-outlined { color: rgb(0, 254, 169); border: 1px solid rgb(0, 254, 169); background: rgba(14, 27, 23, 0.4); }
.css-1wdyqfh.MuiButton-outlined:hover { border: 1px solid rgb(0, 254, 169); background: rgba(14, 27, 23, 0.4); opacity: 0.85; }
.css-1wdyqfh.MuiButton-outlined:active { opacity: 1; }
.css-1wdyqfh.MuiButton-outlined:disabled { color: rgb(0, 254, 169); border: 1px solid rgb(0, 254, 169); opacity: 0.4; }
.css-1wdyqfh.MuiButton-cta { color: rgb(14, 27, 23); background-image: linear-gradient(90deg, rgb(254, 226, 12) 0%, rgb(255, 174, 0) 25%, rgb(254, 226, 12) 75%, rgb(255, 174, 0) 100%); background-size: 400% 400%; font-size: 14px; font-weight: 600; line-height: 18px; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; box-shadow: rgba(255, 255, 255, 0.6) 0px 9px 8px 0px inset, rgba(0, 254, 169, 0.2) 0px -4px 8px 0px inset, rgba(0, 254, 169, 0.24) 0px 0px 50px 0px; }
.css-1wdyqfh.MuiButton-cta:hover { animation: 0.7s ease 0s 1 normal forwards running animation-dofypc; box-shadow: rgba(255, 255, 255, 0.6) 0px 9px 8px 0px inset, rgba(0, 254, 169, 0.2) 0px -4px 8px 0px inset, rgba(0, 254, 169, 0.8) 0px 0px 40px 0px; }
.css-1wdyqfh.MuiButton-cta:active { animation: 0.7s ease 0s 1 normal forwards running animation-i3y9un; box-shadow: rgba(255, 255, 255, 0.6) 0px 9px 8px 0px inset, rgba(0, 254, 169, 0.2) 0px -4px 8px 0px inset, rgba(0, 254, 169, 0.24) 0px 0px 50px 0px; }
.css-1wdyqfh.MuiButton-cta:disabled { color: rgb(14, 27, 23); opacity: 0.5; box-shadow: rgba(255, 255, 255, 0.6) 0px 9px 8px 0px inset, rgba(0, 254, 169, 0.2) 0px -4px 8px 0px inset, rgba(0, 254, 169, 0.24) 0px 0px 50px 0px; }
.css-1wdyqfh.MuiButton-ctaSizeLarge { height: 44px; padding: 0px 12px; }
.css-1wdyqfh.MuiButton-ctaSizeMedium { height: 40px; padding: 0px 12px; }
.css-1wdyqfh.MuiButton-ctaSizeSmall { height: 36px; padding: 0px 12px; }
.css-1ygddt1 { display: inherit; margin-right: 8px; margin-left: -4px; }
.css-1ygddt1 > :nth-of-type(1) { font-size: 20px; }
.css-18j4g5v.swiper { padding-top: 8px; overflow-y: inherit; }
.css-18j4g5v .swiper-slide { overflow: hidden; }
.css-1obf64m { display: contents; }
.css-1uz4yc9 { display: block; width: 100%; position: relative; background-color: rgb(14, 27, 23); border-radius: 8px; z-index: 1; overflow: hidden; color: transparent; text-decoration: none; }
.css-1uz4yc9 .game-item-image { background-color: rgb(14, 27, 23); border-radius: 8px; }
.css-1uz4yc9 .game-item-image img { transition: transform 300ms; border-radius: 8px; object-fit: cover; }
.css-1uz4yc9 .game-item-loading { position: relative; overflow: hidden; background: rgb(28, 54, 45); }
.css-1uz4yc9 .game-item-loading::before { content: ""; position: absolute; inset: 0px; z-index: 0; background: linear-gradient(90deg, transparent 0%, rgb(21, 40, 34) 50%, transparent 100%); animation: 1.5s ease-in-out 0s infinite normal none running animation-ariwm7; will-change: transform; }
@-webkit-keyframes animation-ariwm7 { 
  0% { transform: translateX(-100%); }
  100% { transform: translateX(100%); }
}
@keyframes animation-ariwm7 { 
  0% { transform: translateX(-100%); }
  100% { transform: translateX(100%); }
}
.css-19k4cvy { display: block; width: 100%; position: relative; background-color: rgb(14, 27, 23); border-radius: 8px; z-index: 1; overflow: hidden; color: transparent; text-decoration: none; }
.css-19k4cvy .game-item-image { background-color: rgb(14, 27, 23); border-radius: 8px; }
.css-19k4cvy .game-item-image img { transition: transform 300ms; border-radius: 8px; object-fit: cover; }
.css-19k4cvy .game-item-loading { position: relative; overflow: hidden; background: rgb(28, 54, 45); }
.css-19k4cvy .game-item-loading::before { content: ""; position: absolute; inset: 0px; z-index: 0; background: linear-gradient(90deg, transparent 0%, rgb(21, 40, 34) 50%, transparent 100%); animation: 1.5s ease-in-out 0s infinite normal none running animation-ariwm7; will-change: transform; }
.css-1kz3n0m { position: relative; overflow: hidden; display: flex; padding-top: calc(139.241%); }
.css-pgee8r { display: flex; height: 88px; -webkit-box-align: end; align-items: end; }
.css-dyxgrp { text-decoration: none; color: rgb(255, 255, 255); display: flex; height: 88px; -webkit-box-align: end; align-items: end; }
.css-1p054h { margin: 0px; font: inherit; letter-spacing: inherit; text-decoration: none; color: rgb(255, 255, 255); display: flex; height: 88px; -webkit-box-align: end; align-items: end; }
.css-10vaqpt { box-sizing: border-box; display: flex; width: 195px; height: 88px; padding: 7px 8px; flex-direction: column; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; border-radius: 8px; background: rgb(14, 27, 23); cursor: pointer; transition: transform 0.3s ease-out; }
.css-10vaqpt:hover { transform: translateY(-8px); }
.css-1462fpz { display: flex; flex-direction: row; -webkit-box-pack: justify; justify-content: space-between; align-items: flex-start; padding: 32px; background: rgb(14, 27, 23); }
@media (max-width: 1023.95px) {
  .css-1462fpz { padding: 16px; }
}
@media (max-width: 899.95px) {
  .css-1462fpz { padding-bottom: calc(115px + env(safe-area-inset-bottom)); }
}
.css-rp2ygs { background-color: rgb(21, 40, 34); background-image: none; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; box-shadow: none; transition: width 300ms cubic-bezier(0.4, 0, 0.2, 1), margin 300ms cubic-bezier(0.4, 0, 0.2, 1), left 300ms cubic-bezier(0.4, 0, 0.2, 1); height: calc(64px + env(safe-area-inset-top)); padding-top: env(safe-area-inset-top); }
@media (min-width: 1024px) {
  .css-rp2ygs { width: calc(100% - 60px); left: 60px; }
}
@media (max-width: 899.95px) {
  .css-rp2ygs { height: calc(56px + env(safe-area-inset-top)); z-index: 1202; }
}
.css-1jrkw4b { display: flex; flex-direction: column; width: 100%; box-sizing: border-box; flex-shrink: 0; position: fixed; z-index: 1100; top: 0px; left: auto; right: 0px; --AppBar-background: #00FEA9; --AppBar-color: rgba(0, 0, 0, 0.87); background-color: rgb(21, 40, 34); background-image: none; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; box-shadow: none; transition: width 300ms cubic-bezier(0.4, 0, 0.2, 1), margin 300ms cubic-bezier(0.4, 0, 0.2, 1), left 300ms cubic-bezier(0.4, 0, 0.2, 1); height: calc(64px + env(safe-area-inset-top)); padding-top: env(safe-area-inset-top); }
@media print {
  .css-1jrkw4b { position: absolute; }
}
@media (min-width: 1024px) {
  .css-1jrkw4b { width: calc(100% - 60px); left: 60px; }
}
@media (max-width: 899.95px) {
  .css-1jrkw4b { height: calc(56px + env(safe-area-inset-top)); z-index: 1202; }
}
.css-1kutf54 { color: rgb(255, 255, 255); display: flex; flex-direction: column; width: 100%; box-sizing: border-box; flex-shrink: 0; position: fixed; z-index: 1100; top: 0px; left: auto; right: 0px; --AppBar-background: #00FEA9; --AppBar-color: rgba(0, 0, 0, 0.87); background-color: rgb(21, 40, 34); background-image: none; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; box-shadow: none; transition: width 300ms cubic-bezier(0.4, 0, 0.2, 1), margin 300ms cubic-bezier(0.4, 0, 0.2, 1), left 300ms cubic-bezier(0.4, 0, 0.2, 1); height: calc(64px + env(safe-area-inset-top)); padding-top: env(safe-area-inset-top); }
@media print {
  .css-1kutf54 { position: absolute; }
}
@media (min-width: 1024px) {
  .css-1kutf54 { width: calc(100% - 60px); left: 60px; }
}
@media (max-width: 899.95px) {
  .css-1kutf54 { height: calc(56px + env(safe-area-inset-top)); z-index: 1202; }
}
.css-1aqlbs1 { width: 100%; height: calc(58px + env(safe-area-inset-bottom)); display: block; position: fixed; bottom: -1px; z-index: 1202; border-radius: 16px 16px 0px 0px; background: rgb(21, 40, 34); }
.css-kfuln0 { width: 100%; top: 56px; height: calc(100% - 80px); }
.css-kfuln0 .MuiDrawer-paper { width: 100%; top: 56px; height: calc(100% - 56px); gap: 16px; padding: 16px 16px 125px; background: rgb(14, 27, 23); overflow-x: hidden; }
.css-1duwdgh { z-index: 1200; width: 100%; top: 56px; height: calc(100% - 80px); }
.css-1duwdgh .MuiDrawer-paper { width: 100%; top: 56px; height: calc(100% - 56px); gap: 16px; padding: 16px 16px 125px; background: rgb(14, 27, 23); overflow-x: hidden; }
.css-1c9u0dk { display: flex; -webkit-box-pack: justify; justify-content: space-between; -webkit-box-align: center; align-items: center; margin-top: 0px; height: 58px; }
.css-fhottz { cursor: pointer; height: 100%; display: flex; flex: 1 1 0%; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; flex-direction: column; padding-top: 8px; padding-bottom: 8px; gap: 6px; }
.css-fhottz .MuiButton-root { width: 100%; }
.css-fhottz:first-of-type .MuiButton-root { width: calc(100% - 20px); }
.css-wx1na4 { font-family: Kanit, sans-serif; font-weight: 500; line-height: 1.75; min-width: 64px; border: 0px; background-color: var(--variant-containedBg); box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 1px -2px, rgba(0, 0, 0, 0.14) 0px 2px 2px 0px, rgba(0, 0, 0, 0.12) 0px 1px 5px 0px; --variant-textColor: #2A5044; --variant-outlinedColor: #2A5044; --variant-outlinedBorder: rgba(42, 80, 68, 0.5); --variant-containedColor: #fff; --variant-containedBg: #2A5044; padding: 4px 10px; transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1), box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1), border-color 250ms cubic-bezier(0.4, 0, 0.2, 1); display: inline-flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; gap: 8px; flex-shrink: 0; border-radius: 6px; color: rgba(0, 0, 0, 0.8); font-size: 14px; text-transform: none; text-align: center; }
.css-wx1na4:hover { text-decoration: none; }
.css-wx1na4.Mui-disabled { color: rgba(255, 255, 255, 0.3); }
.css-wx1na4:hover { box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 4px -1px, rgba(0, 0, 0, 0.14) 0px 4px 5px 0px, rgba(0, 0, 0, 0.12) 0px 1px 10px 0px; }
@media (hover: none) {
  .css-wx1na4:hover { box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 1px -2px, rgba(0, 0, 0, 0.14) 0px 2px 2px 0px, rgba(0, 0, 0, 0.12) 0px 1px 5px 0px; }
}
.css-wx1na4:active { box-shadow: rgba(0, 0, 0, 0.2) 0px 5px 5px -3px, rgba(0, 0, 0, 0.14) 0px 8px 10px 1px, rgba(0, 0, 0, 0.12) 0px 3px 14px 2px; }
.css-wx1na4.Mui-focusVisible { box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 5px -1px, rgba(0, 0, 0, 0.14) 0px 6px 10px 0px, rgba(0, 0, 0, 0.12) 0px 1px 18px 0px; }
.css-wx1na4.Mui-disabled { color: rgba(255, 255, 255, 0.3); box-shadow: none; background-color: rgba(255, 255, 255, 0.12); }
@media (hover: hover) {
  .css-wx1na4:hover { --variant-containedBg: rgb(29, 56, 47); --variant-textBg: rgba(42, 80, 68, 0.08); --variant-outlinedBorder: #2A5044; --variant-outlinedBg: rgba(42, 80, 68, 0.08); }
}
.css-wx1na4.MuiButton-loading { color: transparent; }
.css-wx1na4 .MuiButton-startIcon { display: inline-flex; gap: 8px; margin-right: 0px; margin-left: 0px; }
.css-wx1na4 .MuiButton-endIcon { display: inline-flex; gap: 8px; margin-right: 0px; margin-left: 0px; }
.css-wx1na4.MuiButton-containedPrimary { box-shadow: none; color: rgb(14, 27, 23); background: linear-gradient(90deg, rgb(254, 226, 12) 0%, rgb(255, 174, 0) 25%, rgb(254, 226, 12) 75%, rgb(255, 174, 0) 100%) 0% 0% / 400% 400%; }
.css-wx1na4.MuiButton-containedPrimary:hover { color: rgb(14, 27, 23); animation: 0.7s ease 0s 1 normal forwards running animation-dofypc; }
.css-wx1na4.MuiButton-containedPrimary:active { color: rgb(14, 27, 23); animation: 0.7s ease 0s 1 normal forwards running animation-i3y9un; }
.css-wx1na4.MuiButton-containedPrimary:disabled { color: rgb(14, 27, 23); opacity: 0.5; }
.css-wx1na4.MuiButton-containedSecondary { color: rgba(255, 255, 255, 0.8); background-color: rgb(28, 54, 45); box-shadow: none; }
.css-wx1na4.MuiButton-containedSecondary:hover { background-color: rgb(28, 54, 45); opacity: 0.85; }
.css-wx1na4.MuiButton-containedSecondary:active { color: rgb(255, 255, 255); background-color: rgb(28, 54, 45); opacity: 1; }
.css-wx1na4.MuiButton-containedSecondary:disabled { color: rgba(255, 255, 255, 0.8); background-color: rgb(28, 54, 45); opacity: 0.4; }
.css-wx1na4.MuiButton-containedSizeLarge { height: 44px; padding: 0px 12px; }
.css-wx1na4.MuiButton-containedSizeMedium { height: 40px; padding: 0px 12px; }
.css-wx1na4.MuiButton-containedSizeSmall { height: 36px; padding: 0px 12px; }
.css-wx1na4.MuiButton-outlinedSizeLarge { height: 44px; padding: 0px 12px; }
.css-wx1na4.MuiButton-outlinedSizeMedium { height: 40px; padding: 0px 12px; }
.css-wx1na4.MuiButton-outlinedSizeSmall { height: 36px; padding: 0px 12px 0px 8px; }
.css-wx1na4.MuiButton-text { padding: 0px 12px; color: rgb(0, 254, 169); font-size: 14px; font-weight: 600; line-height: 18px; }
.css-wx1na4.MuiButton-text:hover { background: transparent; color: rgb(0, 229, 152); }
.css-wx1na4.MuiButton-text:active { color: rgb(0, 229, 152); }
.css-wx1na4.MuiButton-text:disabled { color: rgb(0, 254, 169); opacity: 0.4; }
.css-wx1na4.MuiButton-textSecondary { color: rgba(255, 255, 255, 0.8); background: rgb(28, 54, 45); }
.css-wx1na4.MuiButton-textSecondary:hover { opacity: 0.85; }
.css-wx1na4.MuiButton-textSecondary:active { opacity: 1; }
.css-wx1na4.MuiButton-textSecondary:disabled { opacity: 0.5; }
.css-wx1na4.MuiButton-textSizeLarge { height: 44px; }
.css-wx1na4.MuiButton-textSizeMedium { height: 40px; }
.css-wx1na4.MuiButton-textSizeSmall { height: 36px; }
.css-wx1na4.MuiButton-iconInherit { padding: 0px; }
.css-wx1na4.MuiButton-iconPrimary { background: linear-gradient(90deg, rgb(254, 226, 12) 0%, rgb(255, 174, 0) 25%, rgb(254, 226, 12) 75%, rgb(255, 174, 0) 100%); box-shadow: none; }
.css-wx1na4.MuiButton-iconPrimary:hover { opacity: 0.8; }
.css-wx1na4.MuiButton-iconPrimary:active { opacity: 1; }
.css-wx1na4.MuiButton-iconPrimary:disabled { opacity: 0.5; }
.css-wx1na4.MuiButton-iconSecondary { color: rgba(255, 255, 255, 0.8); box-shadow: none; background-color: rgb(28, 54, 45); }
.css-wx1na4.MuiButton-iconSecondary:hover { background-color: rgb(28, 54, 45); opacity: 0.85; }
.css-wx1na4.MuiButton-iconSecondary:active { color: rgb(255, 255, 255); background-color: rgb(28, 54, 45); opacity: 1; }
.css-wx1na4.MuiButton-iconSecondary:disabled { color: rgba(255, 255, 255, 0.8); background-color: rgb(28, 54, 45); opacity: 0.4; }
.css-wx1na4.MuiButton-iconSuccess { background: rgb(152, 255, 22); border: 1px solid rgb(152, 255, 22); box-shadow: rgba(152, 255, 22, 0.6) 0px 0px 10px 0px; }
.css-wx1na4.MuiButton-iconSuccess:hover { background-color: rgb(106, 178, 15); }
.css-wx1na4.MuiButton-iconSuccess:active { background-color: rgb(106, 178, 15); }
.css-wx1na4.MuiButton-iconSuccess:disabled { opacity: 0.5; box-shadow: none; }
.css-wx1na4.MuiButton-iconError { background: rgb(242, 73, 50); border: 1px solid rgb(242, 73, 50); box-shadow: rgba(242, 73, 50, 0.6) 0px 0px 10px 0px; }
.css-wx1na4.MuiButton-iconError:hover { background-color: rgb(169, 51, 35); }
.css-wx1na4.MuiButton-iconError:active { background-color: rgb(169, 51, 35); }
.css-wx1na4.MuiButton-iconError:disabled { opacity: 0.5; box-shadow: none; }
.css-wx1na4.MuiButton-iconInfo { background: rgb(79, 195, 247); border: 1px solid rgb(79, 195, 247); box-shadow: rgba(79, 195, 247, 0.6) 0px 0px 10px 0px; }
.css-wx1na4.MuiButton-iconInfo:hover { background-color: rgb(55, 136, 172); }
.css-wx1na4.MuiButton-iconInfo:active { background-color: rgb(55, 136, 172); }
.css-wx1na4.MuiButton-iconInfo:disabled { opacity: 0.5; box-shadow: none; }
.css-wx1na4.MuiButton-iconWarning { background: rgb(255, 218, 22); border: 1px solid rgb(255, 218, 22); box-shadow: rgba(255, 218, 22, 0.6) 0px 0px 10px 0px; }
.css-wx1na4.MuiButton-iconWarning:hover { background-color: rgb(178, 152, 15); }
.css-wx1na4.MuiButton-iconWarning:active { background-color: rgb(178, 152, 15); }
.css-wx1na4.MuiButton-iconWarning:disabled { opacity: 0.5; box-shadow: none; }
.css-wx1na4.MuiButton-iconSizeLarge { min-width: 44px; width: 44px; height: 44px; padding: 2px; }
.css-wx1na4.MuiButton-iconSizeLarge .MuiButton-startIcon { display: flex; gap: 0px; margin: 0px; color: rgba(255, 255, 255, 0.8); }
.css-wx1na4.MuiButton-iconSizeMedium { min-width: 40px; width: 40px; height: 40px; padding: 2px; }
.css-wx1na4.MuiButton-iconSizeMedium .MuiButton-startIcon { display: flex; gap: 0px; margin: 0px; }
.css-wx1na4.MuiButton-iconSizeSmall { min-width: 36px; width: 36px; height: 36px; padding: 2px; }
.css-wx1na4.MuiButton-iconSizeSmall .MuiButton-startIcon { display: flex; gap: 0px; margin: 0px; }
.css-wx1na4.MuiButton-outlined { color: rgb(0, 254, 169); border: 1px solid rgb(0, 254, 169); background: rgba(14, 27, 23, 0.4); }
.css-wx1na4.MuiButton-outlined:hover { border: 1px solid rgb(0, 254, 169); background: rgba(14, 27, 23, 0.4); opacity: 0.85; }
.css-wx1na4.MuiButton-outlined:active { opacity: 1; }
.css-wx1na4.MuiButton-outlined:disabled { color: rgb(0, 254, 169); border: 1px solid rgb(0, 254, 169); opacity: 0.4; }
.css-wx1na4.MuiButton-cta { color: rgb(14, 27, 23); background-image: linear-gradient(90deg, rgb(254, 226, 12) 0%, rgb(255, 174, 0) 25%, rgb(254, 226, 12) 75%, rgb(255, 174, 0) 100%); background-size: 400% 400%; font-size: 14px; font-weight: 600; line-height: 18px; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; box-shadow: rgba(255, 255, 255, 0.6) 0px 9px 8px 0px inset, rgba(0, 254, 169, 0.2) 0px -4px 8px 0px inset, rgba(0, 254, 169, 0.24) 0px 0px 50px 0px; }
.css-wx1na4.MuiButton-cta:hover { animation: 0.7s ease 0s 1 normal forwards running animation-dofypc; box-shadow: rgba(255, 255, 255, 0.6) 0px 9px 8px 0px inset, rgba(0, 254, 169, 0.2) 0px -4px 8px 0px inset, rgba(0, 254, 169, 0.8) 0px 0px 40px 0px; }
.css-wx1na4.MuiButton-cta:active { animation: 0.7s ease 0s 1 normal forwards running animation-i3y9un; box-shadow: rgba(255, 255, 255, 0.6) 0px 9px 8px 0px inset, rgba(0, 254, 169, 0.2) 0px -4px 8px 0px inset, rgba(0, 254, 169, 0.24) 0px 0px 50px 0px; }
.css-wx1na4.MuiButton-cta:disabled { color: rgb(14, 27, 23); opacity: 0.5; box-shadow: rgba(255, 255, 255, 0.6) 0px 9px 8px 0px inset, rgba(0, 254, 169, 0.2) 0px -4px 8px 0px inset, rgba(0, 254, 169, 0.24) 0px 0px 50px 0px; }
.css-wx1na4.MuiButton-ctaSizeLarge { height: 44px; padding: 0px 12px; }
.css-wx1na4.MuiButton-ctaSizeMedium { height: 40px; padding: 0px 12px; }
.css-wx1na4.MuiButton-ctaSizeSmall { height: 36px; padding: 0px 12px; }
.css-8kc8q3 { position: relative; box-sizing: border-box; -webkit-tap-highlight-color: transparent; outline: 0px; margin: 0px; cursor: pointer; user-select: none; vertical-align: middle; appearance: none; text-decoration: none; font-family: Kanit, sans-serif; font-weight: 500; line-height: 1.75; min-width: 64px; border: 0px; background-color: var(--variant-containedBg); box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 1px -2px, rgba(0, 0, 0, 0.14) 0px 2px 2px 0px, rgba(0, 0, 0, 0.12) 0px 1px 5px 0px; --variant-textColor: #2A5044; --variant-outlinedColor: #2A5044; --variant-outlinedBorder: rgba(42, 80, 68, 0.5); --variant-containedColor: #fff; --variant-containedBg: #2A5044; padding: 4px 10px; transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1), box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1), border-color 250ms cubic-bezier(0.4, 0, 0.2, 1); display: inline-flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; gap: 8px; flex-shrink: 0; border-radius: 6px; color: rgba(0, 0, 0, 0.8); font-size: 14px; text-transform: none; text-align: center; }
.css-8kc8q3.Mui-disabled { pointer-events: none; cursor: default; }
@media print {
  .css-8kc8q3 { print-color-adjust: exact; }
}
.css-8kc8q3:hover { text-decoration: none; }
.css-8kc8q3.Mui-disabled { color: rgba(255, 255, 255, 0.3); }
.css-8kc8q3:hover { box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 4px -1px, rgba(0, 0, 0, 0.14) 0px 4px 5px 0px, rgba(0, 0, 0, 0.12) 0px 1px 10px 0px; }
@media (hover: none) {
  .css-8kc8q3:hover { box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 1px -2px, rgba(0, 0, 0, 0.14) 0px 2px 2px 0px, rgba(0, 0, 0, 0.12) 0px 1px 5px 0px; }
}
.css-8kc8q3:active { box-shadow: rgba(0, 0, 0, 0.2) 0px 5px 5px -3px, rgba(0, 0, 0, 0.14) 0px 8px 10px 1px, rgba(0, 0, 0, 0.12) 0px 3px 14px 2px; }
.css-8kc8q3.Mui-focusVisible { box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 5px -1px, rgba(0, 0, 0, 0.14) 0px 6px 10px 0px, rgba(0, 0, 0, 0.12) 0px 1px 18px 0px; }
.css-8kc8q3.Mui-disabled { color: rgba(255, 255, 255, 0.3); box-shadow: none; background-color: rgba(255, 255, 255, 0.12); }
@media (hover: hover) {
  .css-8kc8q3:hover { --variant-containedBg: rgb(29, 56, 47); --variant-textBg: rgba(42, 80, 68, 0.08); --variant-outlinedBorder: #2A5044; --variant-outlinedBg: rgba(42, 80, 68, 0.08); }
}
.css-8kc8q3.MuiButton-loading { color: transparent; }
.css-8kc8q3 .MuiButton-startIcon { display: inline-flex; gap: 8px; margin-right: 0px; margin-left: 0px; }
.css-8kc8q3 .MuiButton-endIcon { display: inline-flex; gap: 8px; margin-right: 0px; margin-left: 0px; }
.css-8kc8q3.MuiButton-containedPrimary { box-shadow: none; color: rgb(14, 27, 23); background: linear-gradient(90deg, rgb(254, 226, 12) 0%, rgb(255, 174, 0) 25%, rgb(254, 226, 12) 75%, rgb(255, 174, 0) 100%) 0% 0% / 400% 400%; }
.css-8kc8q3.MuiButton-containedPrimary:hover { color: rgb(14, 27, 23); animation: 0.7s ease 0s 1 normal forwards running animation-dofypc; }
.css-8kc8q3.MuiButton-containedPrimary:active { color: rgb(14, 27, 23); animation: 0.7s ease 0s 1 normal forwards running animation-i3y9un; }
.css-8kc8q3.MuiButton-containedPrimary:disabled { color: rgb(14, 27, 23); opacity: 0.5; }
.css-8kc8q3.MuiButton-containedSecondary { color: rgba(255, 255, 255, 0.8); background-color: rgb(28, 54, 45); box-shadow: none; }
.css-8kc8q3.MuiButton-containedSecondary:hover { background-color: rgb(28, 54, 45); opacity: 0.85; }
.css-8kc8q3.MuiButton-containedSecondary:active { color: rgb(255, 255, 255); background-color: rgb(28, 54, 45); opacity: 1; }
.css-8kc8q3.MuiButton-containedSecondary:disabled { color: rgba(255, 255, 255, 0.8); background-color: rgb(28, 54, 45); opacity: 0.4; }
.css-8kc8q3.MuiButton-containedSizeLarge { height: 44px; padding: 0px 12px; }
.css-8kc8q3.MuiButton-containedSizeMedium { height: 40px; padding: 0px 12px; }
.css-8kc8q3.MuiButton-containedSizeSmall { height: 36px; padding: 0px 12px; }
.css-8kc8q3.MuiButton-outlinedSizeLarge { height: 44px; padding: 0px 12px; }
.css-8kc8q3.MuiButton-outlinedSizeMedium { height: 40px; padding: 0px 12px; }
.css-8kc8q3.MuiButton-outlinedSizeSmall { height: 36px; padding: 0px 12px 0px 8px; }
.css-8kc8q3.MuiButton-text { padding: 0px 12px; color: rgb(0, 254, 169); font-size: 14px; font-weight: 600; line-height: 18px; }
.css-8kc8q3.MuiButton-text:hover { background: transparent; color: rgb(0, 229, 152); }
.css-8kc8q3.MuiButton-text:active { color: rgb(0, 229, 152); }
.css-8kc8q3.MuiButton-text:disabled { color: rgb(0, 254, 169); opacity: 0.4; }
.css-8kc8q3.MuiButton-textSecondary { color: rgba(255, 255, 255, 0.8); background: rgb(28, 54, 45); }
.css-8kc8q3.MuiButton-textSecondary:hover { opacity: 0.85; }
.css-8kc8q3.MuiButton-textSecondary:active { opacity: 1; }
.css-8kc8q3.MuiButton-textSecondary:disabled { opacity: 0.5; }
.css-8kc8q3.MuiButton-textSizeLarge { height: 44px; }
.css-8kc8q3.MuiButton-textSizeMedium { height: 40px; }
.css-8kc8q3.MuiButton-textSizeSmall { height: 36px; }
.css-8kc8q3.MuiButton-iconInherit { padding: 0px; }
.css-8kc8q3.MuiButton-iconPrimary { background: linear-gradient(90deg, rgb(254, 226, 12) 0%, rgb(255, 174, 0) 25%, rgb(254, 226, 12) 75%, rgb(255, 174, 0) 100%); box-shadow: none; }
.css-8kc8q3.MuiButton-iconPrimary:hover { opacity: 0.8; }
.css-8kc8q3.MuiButton-iconPrimary:active { opacity: 1; }
.css-8kc8q3.MuiButton-iconPrimary:disabled { opacity: 0.5; }
.css-8kc8q3.MuiButton-iconSecondary { color: rgba(255, 255, 255, 0.8); box-shadow: none; background-color: rgb(28, 54, 45); }
.css-8kc8q3.MuiButton-iconSecondary:hover { background-color: rgb(28, 54, 45); opacity: 0.85; }
.css-8kc8q3.MuiButton-iconSecondary:active { color: rgb(255, 255, 255); background-color: rgb(28, 54, 45); opacity: 1; }
.css-8kc8q3.MuiButton-iconSecondary:disabled { color: rgba(255, 255, 255, 0.8); background-color: rgb(28, 54, 45); opacity: 0.4; }
.css-8kc8q3.MuiButton-iconSuccess { background: rgb(152, 255, 22); border: 1px solid rgb(152, 255, 22); box-shadow: rgba(152, 255, 22, 0.6) 0px 0px 10px 0px; }
.css-8kc8q3.MuiButton-iconSuccess:hover { background-color: rgb(106, 178, 15); }
.css-8kc8q3.MuiButton-iconSuccess:active { background-color: rgb(106, 178, 15); }
.css-8kc8q3.MuiButton-iconSuccess:disabled { opacity: 0.5; box-shadow: none; }
.css-8kc8q3.MuiButton-iconError { background: rgb(242, 73, 50); border: 1px solid rgb(242, 73, 50); box-shadow: rgba(242, 73, 50, 0.6) 0px 0px 10px 0px; }
.css-8kc8q3.MuiButton-iconError:hover { background-color: rgb(169, 51, 35); }
.css-8kc8q3.MuiButton-iconError:active { background-color: rgb(169, 51, 35); }
.css-8kc8q3.MuiButton-iconError:disabled { opacity: 0.5; box-shadow: none; }
.css-8kc8q3.MuiButton-iconInfo { background: rgb(79, 195, 247); border: 1px solid rgb(79, 195, 247); box-shadow: rgba(79, 195, 247, 0.6) 0px 0px 10px 0px; }
.css-8kc8q3.MuiButton-iconInfo:hover { background-color: rgb(55, 136, 172); }
.css-8kc8q3.MuiButton-iconInfo:active { background-color: rgb(55, 136, 172); }
.css-8kc8q3.MuiButton-iconInfo:disabled { opacity: 0.5; box-shadow: none; }
.css-8kc8q3.MuiButton-iconWarning { background: rgb(255, 218, 22); border: 1px solid rgb(255, 218, 22); box-shadow: rgba(255, 218, 22, 0.6) 0px 0px 10px 0px; }
.css-8kc8q3.MuiButton-iconWarning:hover { background-color: rgb(178, 152, 15); }
.css-8kc8q3.MuiButton-iconWarning:active { background-color: rgb(178, 152, 15); }
.css-8kc8q3.MuiButton-iconWarning:disabled { opacity: 0.5; box-shadow: none; }
.css-8kc8q3.MuiButton-iconSizeLarge { min-width: 44px; width: 44px; height: 44px; padding: 2px; }
.css-8kc8q3.MuiButton-iconSizeLarge .MuiButton-startIcon { display: flex; gap: 0px; margin: 0px; color: rgba(255, 255, 255, 0.8); }
.css-8kc8q3.MuiButton-iconSizeMedium { min-width: 40px; width: 40px; height: 40px; padding: 2px; }
.css-8kc8q3.MuiButton-iconSizeMedium .MuiButton-startIcon { display: flex; gap: 0px; margin: 0px; }
.css-8kc8q3.MuiButton-iconSizeSmall { min-width: 36px; width: 36px; height: 36px; padding: 2px; }
.css-8kc8q3.MuiButton-iconSizeSmall .MuiButton-startIcon { display: flex; gap: 0px; margin: 0px; }
.css-8kc8q3.MuiButton-outlined { color: rgb(0, 254, 169); border: 1px solid rgb(0, 254, 169); background: rgba(14, 27, 23, 0.4); }
.css-8kc8q3.MuiButton-outlined:hover { border: 1px solid rgb(0, 254, 169); background: rgba(14, 27, 23, 0.4); opacity: 0.85; }
.css-8kc8q3.MuiButton-outlined:active { opacity: 1; }
.css-8kc8q3.MuiButton-outlined:disabled { color: rgb(0, 254, 169); border: 1px solid rgb(0, 254, 169); opacity: 0.4; }
.css-8kc8q3.MuiButton-cta { color: rgb(14, 27, 23); background-image: linear-gradient(90deg, rgb(254, 226, 12) 0%, rgb(255, 174, 0) 25%, rgb(254, 226, 12) 75%, rgb(255, 174, 0) 100%); background-size: 400% 400%; font-size: 14px; font-weight: 600; line-height: 18px; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; box-shadow: rgba(255, 255, 255, 0.6) 0px 9px 8px 0px inset, rgba(0, 254, 169, 0.2) 0px -4px 8px 0px inset, rgba(0, 254, 169, 0.24) 0px 0px 50px 0px; }
.css-8kc8q3.MuiButton-cta:hover { animation: 0.7s ease 0s 1 normal forwards running animation-dofypc; box-shadow: rgba(255, 255, 255, 0.6) 0px 9px 8px 0px inset, rgba(0, 254, 169, 0.2) 0px -4px 8px 0px inset, rgba(0, 254, 169, 0.8) 0px 0px 40px 0px; }
.css-8kc8q3.MuiButton-cta:active { animation: 0.7s ease 0s 1 normal forwards running animation-i3y9un; box-shadow: rgba(255, 255, 255, 0.6) 0px 9px 8px 0px inset, rgba(0, 254, 169, 0.2) 0px -4px 8px 0px inset, rgba(0, 254, 169, 0.24) 0px 0px 50px 0px; }
.css-8kc8q3.MuiButton-cta:disabled { color: rgb(14, 27, 23); opacity: 0.5; box-shadow: rgba(255, 255, 255, 0.6) 0px 9px 8px 0px inset, rgba(0, 254, 169, 0.2) 0px -4px 8px 0px inset, rgba(0, 254, 169, 0.24) 0px 0px 50px 0px; }
.css-8kc8q3.MuiButton-ctaSizeLarge { height: 44px; padding: 0px 12px; }
.css-8kc8q3.MuiButton-ctaSizeMedium { height: 40px; padding: 0px 12px; }
.css-8kc8q3.MuiButton-ctaSizeSmall { height: 36px; padding: 0px 12px; }
.css-1cukbwt { font-family: Kanit, sans-serif; font-weight: 500; line-height: 1.75; min-width: 64px; border: 0px; background-color: var(--variant-containedBg); box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 1px -2px, rgba(0, 0, 0, 0.14) 0px 2px 2px 0px, rgba(0, 0, 0, 0.12) 0px 1px 5px 0px; --variant-textColor: #00FEA9; --variant-outlinedColor: #00FEA9; --variant-outlinedBorder: rgba(0, 254, 169, 0.5); --variant-containedColor: rgba(0, 0, 0, 0.87); --variant-containedBg: #00FEA9; padding: 4px 10px; transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1), box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1), border-color 250ms cubic-bezier(0.4, 0, 0.2, 1); display: inline-flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; gap: 8px; flex-shrink: 0; border-radius: 6px; color: rgba(0, 0, 0, 0.8); font-size: 14px; text-transform: none; text-align: center; }
.css-1cukbwt:hover { text-decoration: none; }
.css-1cukbwt.Mui-disabled { color: rgba(255, 255, 255, 0.3); }
.css-1cukbwt:hover { box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 4px -1px, rgba(0, 0, 0, 0.14) 0px 4px 5px 0px, rgba(0, 0, 0, 0.12) 0px 1px 10px 0px; }
@media (hover: none) {
  .css-1cukbwt:hover { box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 1px -2px, rgba(0, 0, 0, 0.14) 0px 2px 2px 0px, rgba(0, 0, 0, 0.12) 0px 1px 5px 0px; }
}
.css-1cukbwt:active { box-shadow: rgba(0, 0, 0, 0.2) 0px 5px 5px -3px, rgba(0, 0, 0, 0.14) 0px 8px 10px 1px, rgba(0, 0, 0, 0.12) 0px 3px 14px 2px; }
.css-1cukbwt.Mui-focusVisible { box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 5px -1px, rgba(0, 0, 0, 0.14) 0px 6px 10px 0px, rgba(0, 0, 0, 0.12) 0px 1px 18px 0px; }
.css-1cukbwt.Mui-disabled { color: rgba(255, 255, 255, 0.3); box-shadow: none; background-color: rgba(255, 255, 255, 0.12); }
@media (hover: hover) {
  .css-1cukbwt:hover { --variant-containedBg: rgb(0, 177, 118); --variant-textBg: rgba(0, 254, 169, 0.08); --variant-outlinedBorder: #00FEA9; --variant-outlinedBg: rgba(0, 254, 169, 0.08); }
}
.css-1cukbwt.MuiButton-loading { color: transparent; }
.css-1cukbwt .MuiButton-startIcon { display: inline-flex; gap: 8px; margin-right: 0px; margin-left: 0px; }
.css-1cukbwt .MuiButton-endIcon { display: inline-flex; gap: 8px; margin-right: 0px; margin-left: 0px; }
.css-1cukbwt.MuiButton-containedPrimary { box-shadow: none; color: rgb(14, 27, 23); background: linear-gradient(90deg, rgb(254, 226, 12) 0%, rgb(255, 174, 0) 25%, rgb(254, 226, 12) 75%, rgb(255, 174, 0) 100%) 0% 0% / 400% 400%; }
.css-1cukbwt.MuiButton-containedPrimary:hover { color: rgb(14, 27, 23); animation: 0.7s ease 0s 1 normal forwards running animation-dofypc; }
.css-1cukbwt.MuiButton-containedPrimary:active { color: rgb(14, 27, 23); animation: 0.7s ease 0s 1 normal forwards running animation-i3y9un; }
.css-1cukbwt.MuiButton-containedPrimary:disabled { color: rgb(14, 27, 23); opacity: 0.5; }
.css-1cukbwt.MuiButton-containedSecondary { color: rgba(255, 255, 255, 0.8); background-color: rgb(28, 54, 45); box-shadow: none; }
.css-1cukbwt.MuiButton-containedSecondary:hover { background-color: rgb(28, 54, 45); opacity: 0.85; }
.css-1cukbwt.MuiButton-containedSecondary:active { color: rgb(255, 255, 255); background-color: rgb(28, 54, 45); opacity: 1; }
.css-1cukbwt.MuiButton-containedSecondary:disabled { color: rgba(255, 255, 255, 0.8); background-color: rgb(28, 54, 45); opacity: 0.4; }
.css-1cukbwt.MuiButton-containedSizeLarge { height: 44px; padding: 0px 12px; }
.css-1cukbwt.MuiButton-containedSizeMedium { height: 40px; padding: 0px 12px; }
.css-1cukbwt.MuiButton-containedSizeSmall { height: 36px; padding: 0px 12px; }
.css-1cukbwt.MuiButton-outlinedSizeLarge { height: 44px; padding: 0px 12px; }
.css-1cukbwt.MuiButton-outlinedSizeMedium { height: 40px; padding: 0px 12px; }
.css-1cukbwt.MuiButton-outlinedSizeSmall { height: 36px; padding: 0px 12px 0px 8px; }
.css-1cukbwt.MuiButton-text { padding: 0px 12px; color: rgb(0, 254, 169); font-size: 14px; font-weight: 600; line-height: 18px; }
.css-1cukbwt.MuiButton-text:hover { background: transparent; color: rgb(0, 229, 152); }
.css-1cukbwt.MuiButton-text:active { color: rgb(0, 229, 152); }
.css-1cukbwt.MuiButton-text:disabled { color: rgb(0, 254, 169); opacity: 0.4; }
.css-1cukbwt.MuiButton-textSecondary { color: rgba(255, 255, 255, 0.8); background: rgb(28, 54, 45); }
.css-1cukbwt.MuiButton-textSecondary:hover { opacity: 0.85; }
.css-1cukbwt.MuiButton-textSecondary:active { opacity: 1; }
.css-1cukbwt.MuiButton-textSecondary:disabled { opacity: 0.5; }
.css-1cukbwt.MuiButton-textSizeLarge { height: 44px; }
.css-1cukbwt.MuiButton-textSizeMedium { height: 40px; }
.css-1cukbwt.MuiButton-textSizeSmall { height: 36px; }
.css-1cukbwt.MuiButton-iconInherit { padding: 0px; }
.css-1cukbwt.MuiButton-iconPrimary { background: linear-gradient(90deg, rgb(254, 226, 12) 0%, rgb(255, 174, 0) 25%, rgb(254, 226, 12) 75%, rgb(255, 174, 0) 100%); box-shadow: none; }
.css-1cukbwt.MuiButton-iconPrimary:hover { opacity: 0.8; }
.css-1cukbwt.MuiButton-iconPrimary:active { opacity: 1; }
.css-1cukbwt.MuiButton-iconPrimary:disabled { opacity: 0.5; }
.css-1cukbwt.MuiButton-iconSecondary { color: rgba(255, 255, 255, 0.8); box-shadow: none; background-color: rgb(28, 54, 45); }
.css-1cukbwt.MuiButton-iconSecondary:hover { background-color: rgb(28, 54, 45); opacity: 0.85; }
.css-1cukbwt.MuiButton-iconSecondary:active { color: rgb(255, 255, 255); background-color: rgb(28, 54, 45); opacity: 1; }
.css-1cukbwt.MuiButton-iconSecondary:disabled { color: rgba(255, 255, 255, 0.8); background-color: rgb(28, 54, 45); opacity: 0.4; }
.css-1cukbwt.MuiButton-iconSuccess { background: rgb(152, 255, 22); border: 1px solid rgb(152, 255, 22); box-shadow: rgba(152, 255, 22, 0.6) 0px 0px 10px 0px; }
.css-1cukbwt.MuiButton-iconSuccess:hover { background-color: rgb(106, 178, 15); }
.css-1cukbwt.MuiButton-iconSuccess:active { background-color: rgb(106, 178, 15); }
.css-1cukbwt.MuiButton-iconSuccess:disabled { opacity: 0.5; box-shadow: none; }
.css-1cukbwt.MuiButton-iconError { background: rgb(242, 73, 50); border: 1px solid rgb(242, 73, 50); box-shadow: rgba(242, 73, 50, 0.6) 0px 0px 10px 0px; }
.css-1cukbwt.MuiButton-iconError:hover { background-color: rgb(169, 51, 35); }
.css-1cukbwt.MuiButton-iconError:active { background-color: rgb(169, 51, 35); }
.css-1cukbwt.MuiButton-iconError:disabled { opacity: 0.5; box-shadow: none; }
.css-1cukbwt.MuiButton-iconInfo { background: rgb(79, 195, 247); border: 1px solid rgb(79, 195, 247); box-shadow: rgba(79, 195, 247, 0.6) 0px 0px 10px 0px; }
.css-1cukbwt.MuiButton-iconInfo:hover { background-color: rgb(55, 136, 172); }
.css-1cukbwt.MuiButton-iconInfo:active { background-color: rgb(55, 136, 172); }
.css-1cukbwt.MuiButton-iconInfo:disabled { opacity: 0.5; box-shadow: none; }
.css-1cukbwt.MuiButton-iconWarning { background: rgb(255, 218, 22); border: 1px solid rgb(255, 218, 22); box-shadow: rgba(255, 218, 22, 0.6) 0px 0px 10px 0px; }
.css-1cukbwt.MuiButton-iconWarning:hover { background-color: rgb(178, 152, 15); }
.css-1cukbwt.MuiButton-iconWarning:active { background-color: rgb(178, 152, 15); }
.css-1cukbwt.MuiButton-iconWarning:disabled { opacity: 0.5; box-shadow: none; }
.css-1cukbwt.MuiButton-iconSizeLarge { min-width: 44px; width: 44px; height: 44px; padding: 2px; }
.css-1cukbwt.MuiButton-iconSizeLarge .MuiButton-startIcon { display: flex; gap: 0px; margin: 0px; color: rgba(255, 255, 255, 0.8); }
.css-1cukbwt.MuiButton-iconSizeMedium { min-width: 40px; width: 40px; height: 40px; padding: 2px; }
.css-1cukbwt.MuiButton-iconSizeMedium .MuiButton-startIcon { display: flex; gap: 0px; margin: 0px; }
.css-1cukbwt.MuiButton-iconSizeSmall { min-width: 36px; width: 36px; height: 36px; padding: 2px; }
.css-1cukbwt.MuiButton-iconSizeSmall .MuiButton-startIcon { display: flex; gap: 0px; margin: 0px; }
.css-1cukbwt.MuiButton-outlined { color: rgb(0, 254, 169); border: 1px solid rgb(0, 254, 169); background: rgba(14, 27, 23, 0.4); }
.css-1cukbwt.MuiButton-outlined:hover { border: 1px solid rgb(0, 254, 169); background: rgba(14, 27, 23, 0.4); opacity: 0.85; }
.css-1cukbwt.MuiButton-outlined:active { opacity: 1; }
.css-1cukbwt.MuiButton-outlined:disabled { color: rgb(0, 254, 169); border: 1px solid rgb(0, 254, 169); opacity: 0.4; }
.css-1cukbwt.MuiButton-cta { color: rgb(14, 27, 23); background-image: linear-gradient(90deg, rgb(254, 226, 12) 0%, rgb(255, 174, 0) 25%, rgb(254, 226, 12) 75%, rgb(255, 174, 0) 100%); background-size: 400% 400%; font-size: 14px; font-weight: 600; line-height: 18px; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; box-shadow: rgba(255, 255, 255, 0.6) 0px 9px 8px 0px inset, rgba(0, 254, 169, 0.2) 0px -4px 8px 0px inset, rgba(0, 254, 169, 0.24) 0px 0px 50px 0px; }
.css-1cukbwt.MuiButton-cta:hover { animation: 0.7s ease 0s 1 normal forwards running animation-dofypc; box-shadow: rgba(255, 255, 255, 0.6) 0px 9px 8px 0px inset, rgba(0, 254, 169, 0.2) 0px -4px 8px 0px inset, rgba(0, 254, 169, 0.8) 0px 0px 40px 0px; }
.css-1cukbwt.MuiButton-cta:active { animation: 0.7s ease 0s 1 normal forwards running animation-i3y9un; box-shadow: rgba(255, 255, 255, 0.6) 0px 9px 8px 0px inset, rgba(0, 254, 169, 0.2) 0px -4px 8px 0px inset, rgba(0, 254, 169, 0.24) 0px 0px 50px 0px; }
.css-1cukbwt.MuiButton-cta:disabled { color: rgb(14, 27, 23); opacity: 0.5; box-shadow: rgba(255, 255, 255, 0.6) 0px 9px 8px 0px inset, rgba(0, 254, 169, 0.2) 0px -4px 8px 0px inset, rgba(0, 254, 169, 0.24) 0px 0px 50px 0px; }
.css-1cukbwt.MuiButton-ctaSizeLarge { height: 44px; padding: 0px 12px; }
.css-1cukbwt.MuiButton-ctaSizeMedium { height: 40px; padding: 0px 12px; }
.css-1cukbwt.MuiButton-ctaSizeSmall { height: 36px; padding: 0px 12px; }
.css-vek22d { position: relative; box-sizing: border-box; -webkit-tap-highlight-color: transparent; outline: 0px; margin: 0px; cursor: pointer; user-select: none; vertical-align: middle; appearance: none; text-decoration: none; font-family: Kanit, sans-serif; font-weight: 500; line-height: 1.75; min-width: 64px; border: 0px; background-color: var(--variant-containedBg); box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 1px -2px, rgba(0, 0, 0, 0.14) 0px 2px 2px 0px, rgba(0, 0, 0, 0.12) 0px 1px 5px 0px; --variant-textColor: #00FEA9; --variant-outlinedColor: #00FEA9; --variant-outlinedBorder: rgba(0, 254, 169, 0.5); --variant-containedColor: rgba(0, 0, 0, 0.87); --variant-containedBg: #00FEA9; padding: 4px 10px; transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1), box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1), border-color 250ms cubic-bezier(0.4, 0, 0.2, 1); display: inline-flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; gap: 8px; flex-shrink: 0; border-radius: 6px; color: rgba(0, 0, 0, 0.8); font-size: 14px; text-transform: none; text-align: center; }
.css-vek22d.Mui-disabled { pointer-events: none; cursor: default; }
@media print {
  .css-vek22d { print-color-adjust: exact; }
}
.css-vek22d:hover { text-decoration: none; }
.css-vek22d.Mui-disabled { color: rgba(255, 255, 255, 0.3); }
.css-vek22d:hover { box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 4px -1px, rgba(0, 0, 0, 0.14) 0px 4px 5px 0px, rgba(0, 0, 0, 0.12) 0px 1px 10px 0px; }
@media (hover: none) {
  .css-vek22d:hover { box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 1px -2px, rgba(0, 0, 0, 0.14) 0px 2px 2px 0px, rgba(0, 0, 0, 0.12) 0px 1px 5px 0px; }
}
.css-vek22d:active { box-shadow: rgba(0, 0, 0, 0.2) 0px 5px 5px -3px, rgba(0, 0, 0, 0.14) 0px 8px 10px 1px, rgba(0, 0, 0, 0.12) 0px 3px 14px 2px; }
.css-vek22d.Mui-focusVisible { box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 5px -1px, rgba(0, 0, 0, 0.14) 0px 6px 10px 0px, rgba(0, 0, 0, 0.12) 0px 1px 18px 0px; }
.css-vek22d.Mui-disabled { color: rgba(255, 255, 255, 0.3); box-shadow: none; background-color: rgba(255, 255, 255, 0.12); }
@media (hover: hover) {
  .css-vek22d:hover { --variant-containedBg: rgb(0, 177, 118); --variant-textBg: rgba(0, 254, 169, 0.08); --variant-outlinedBorder: #00FEA9; --variant-outlinedBg: rgba(0, 254, 169, 0.08); }
}
.css-vek22d.MuiButton-loading { color: transparent; }
.css-vek22d .MuiButton-startIcon { display: inline-flex; gap: 8px; margin-right: 0px; margin-left: 0px; }
.css-vek22d .MuiButton-endIcon { display: inline-flex; gap: 8px; margin-right: 0px; margin-left: 0px; }
.css-vek22d.MuiButton-containedPrimary { box-shadow: none; color: rgb(14, 27, 23); background: linear-gradient(90deg, rgb(254, 226, 12) 0%, rgb(255, 174, 0) 25%, rgb(254, 226, 12) 75%, rgb(255, 174, 0) 100%) 0% 0% / 400% 400%; }
.css-vek22d.MuiButton-containedPrimary:hover { color: rgb(14, 27, 23); animation: 0.7s ease 0s 1 normal forwards running animation-dofypc; }
.css-vek22d.MuiButton-containedPrimary:active { color: rgb(14, 27, 23); animation: 0.7s ease 0s 1 normal forwards running animation-i3y9un; }
.css-vek22d.MuiButton-containedPrimary:disabled { color: rgb(14, 27, 23); opacity: 0.5; }
.css-vek22d.MuiButton-containedSecondary { color: rgba(255, 255, 255, 0.8); background-color: rgb(28, 54, 45); box-shadow: none; }
.css-vek22d.MuiButton-containedSecondary:hover { background-color: rgb(28, 54, 45); opacity: 0.85; }
.css-vek22d.MuiButton-containedSecondary:active { color: rgb(255, 255, 255); background-color: rgb(28, 54, 45); opacity: 1; }
.css-vek22d.MuiButton-containedSecondary:disabled { color: rgba(255, 255, 255, 0.8); background-color: rgb(28, 54, 45); opacity: 0.4; }
.css-vek22d.MuiButton-containedSizeLarge { height: 44px; padding: 0px 12px; }
.css-vek22d.MuiButton-containedSizeMedium { height: 40px; padding: 0px 12px; }
.css-vek22d.MuiButton-containedSizeSmall { height: 36px; padding: 0px 12px; }
.css-vek22d.MuiButton-outlinedSizeLarge { height: 44px; padding: 0px 12px; }
.css-vek22d.MuiButton-outlinedSizeMedium { height: 40px; padding: 0px 12px; }
.css-vek22d.MuiButton-outlinedSizeSmall { height: 36px; padding: 0px 12px 0px 8px; }
.css-vek22d.MuiButton-text { padding: 0px 12px; color: rgb(0, 254, 169); font-size: 14px; font-weight: 600; line-height: 18px; }
.css-vek22d.MuiButton-text:hover { background: transparent; color: rgb(0, 229, 152); }
.css-vek22d.MuiButton-text:active { color: rgb(0, 229, 152); }
.css-vek22d.MuiButton-text:disabled { color: rgb(0, 254, 169); opacity: 0.4; }
.css-vek22d.MuiButton-textSecondary { color: rgba(255, 255, 255, 0.8); background: rgb(28, 54, 45); }
.css-vek22d.MuiButton-textSecondary:hover { opacity: 0.85; }
.css-vek22d.MuiButton-textSecondary:active { opacity: 1; }
.css-vek22d.MuiButton-textSecondary:disabled { opacity: 0.5; }
.css-vek22d.MuiButton-textSizeLarge { height: 44px; }
.css-vek22d.MuiButton-textSizeMedium { height: 40px; }
.css-vek22d.MuiButton-textSizeSmall { height: 36px; }
.css-vek22d.MuiButton-iconInherit { padding: 0px; }
.css-vek22d.MuiButton-iconPrimary { background: linear-gradient(90deg, rgb(254, 226, 12) 0%, rgb(255, 174, 0) 25%, rgb(254, 226, 12) 75%, rgb(255, 174, 0) 100%); box-shadow: none; }
.css-vek22d.MuiButton-iconPrimary:hover { opacity: 0.8; }
.css-vek22d.MuiButton-iconPrimary:active { opacity: 1; }
.css-vek22d.MuiButton-iconPrimary:disabled { opacity: 0.5; }
.css-vek22d.MuiButton-iconSecondary { color: rgba(255, 255, 255, 0.8); box-shadow: none; background-color: rgb(28, 54, 45); }
.css-vek22d.MuiButton-iconSecondary:hover { background-color: rgb(28, 54, 45); opacity: 0.85; }
.css-vek22d.MuiButton-iconSecondary:active { color: rgb(255, 255, 255); background-color: rgb(28, 54, 45); opacity: 1; }
.css-vek22d.MuiButton-iconSecondary:disabled { color: rgba(255, 255, 255, 0.8); background-color: rgb(28, 54, 45); opacity: 0.4; }
.css-vek22d.MuiButton-iconSuccess { background: rgb(152, 255, 22); border: 1px solid rgb(152, 255, 22); box-shadow: rgba(152, 255, 22, 0.6) 0px 0px 10px 0px; }
.css-vek22d.MuiButton-iconSuccess:hover { background-color: rgb(106, 178, 15); }
.css-vek22d.MuiButton-iconSuccess:active { background-color: rgb(106, 178, 15); }
.css-vek22d.MuiButton-iconSuccess:disabled { opacity: 0.5; box-shadow: none; }
.css-vek22d.MuiButton-iconError { background: rgb(242, 73, 50); border: 1px solid rgb(242, 73, 50); box-shadow: rgba(242, 73, 50, 0.6) 0px 0px 10px 0px; }
.css-vek22d.MuiButton-iconError:hover { background-color: rgb(169, 51, 35); }
.css-vek22d.MuiButton-iconError:active { background-color: rgb(169, 51, 35); }
.css-vek22d.MuiButton-iconError:disabled { opacity: 0.5; box-shadow: none; }
.css-vek22d.MuiButton-iconInfo { background: rgb(79, 195, 247); border: 1px solid rgb(79, 195, 247); box-shadow: rgba(79, 195, 247, 0.6) 0px 0px 10px 0px; }
.css-vek22d.MuiButton-iconInfo:hover { background-color: rgb(55, 136, 172); }
.css-vek22d.MuiButton-iconInfo:active { background-color: rgb(55, 136, 172); }
.css-vek22d.MuiButton-iconInfo:disabled { opacity: 0.5; box-shadow: none; }
.css-vek22d.MuiButton-iconWarning { background: rgb(255, 218, 22); border: 1px solid rgb(255, 218, 22); box-shadow: rgba(255, 218, 22, 0.6) 0px 0px 10px 0px; }
.css-vek22d.MuiButton-iconWarning:hover { background-color: rgb(178, 152, 15); }
.css-vek22d.MuiButton-iconWarning:active { background-color: rgb(178, 152, 15); }
.css-vek22d.MuiButton-iconWarning:disabled { opacity: 0.5; box-shadow: none; }
.css-vek22d.MuiButton-iconSizeLarge { min-width: 44px; width: 44px; height: 44px; padding: 2px; }
.css-vek22d.MuiButton-iconSizeLarge .MuiButton-startIcon { display: flex; gap: 0px; margin: 0px; color: rgba(255, 255, 255, 0.8); }
.css-vek22d.MuiButton-iconSizeMedium { min-width: 40px; width: 40px; height: 40px; padding: 2px; }
.css-vek22d.MuiButton-iconSizeMedium .MuiButton-startIcon { display: flex; gap: 0px; margin: 0px; }
.css-vek22d.MuiButton-iconSizeSmall { min-width: 36px; width: 36px; height: 36px; padding: 2px; }
.css-vek22d.MuiButton-iconSizeSmall .MuiButton-startIcon { display: flex; gap: 0px; margin: 0px; }
.css-vek22d.MuiButton-outlined { color: rgb(0, 254, 169); border: 1px solid rgb(0, 254, 169); background: rgba(14, 27, 23, 0.4); }
.css-vek22d.MuiButton-outlined:hover { border: 1px solid rgb(0, 254, 169); background: rgba(14, 27, 23, 0.4); opacity: 0.85; }
.css-vek22d.MuiButton-outlined:active { opacity: 1; }
.css-vek22d.MuiButton-outlined:disabled { color: rgb(0, 254, 169); border: 1px solid rgb(0, 254, 169); opacity: 0.4; }
.css-vek22d.MuiButton-cta { color: rgb(14, 27, 23); background-image: linear-gradient(90deg, rgb(254, 226, 12) 0%, rgb(255, 174, 0) 25%, rgb(254, 226, 12) 75%, rgb(255, 174, 0) 100%); background-size: 400% 400%; font-size: 14px; font-weight: 600; line-height: 18px; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; box-shadow: rgba(255, 255, 255, 0.6) 0px 9px 8px 0px inset, rgba(0, 254, 169, 0.2) 0px -4px 8px 0px inset, rgba(0, 254, 169, 0.24) 0px 0px 50px 0px; }
.css-vek22d.MuiButton-cta:hover { animation: 0.7s ease 0s 1 normal forwards running animation-dofypc; box-shadow: rgba(255, 255, 255, 0.6) 0px 9px 8px 0px inset, rgba(0, 254, 169, 0.2) 0px -4px 8px 0px inset, rgba(0, 254, 169, 0.8) 0px 0px 40px 0px; }
.css-vek22d.MuiButton-cta:active { animation: 0.7s ease 0s 1 normal forwards running animation-i3y9un; box-shadow: rgba(255, 255, 255, 0.6) 0px 9px 8px 0px inset, rgba(0, 254, 169, 0.2) 0px -4px 8px 0px inset, rgba(0, 254, 169, 0.24) 0px 0px 50px 0px; }
.css-vek22d.MuiButton-cta:disabled { color: rgb(14, 27, 23); opacity: 0.5; box-shadow: rgba(255, 255, 255, 0.6) 0px 9px 8px 0px inset, rgba(0, 254, 169, 0.2) 0px -4px 8px 0px inset, rgba(0, 254, 169, 0.24) 0px 0px 50px 0px; }
.css-vek22d.MuiButton-ctaSizeLarge { height: 44px; padding: 0px 12px; }
.css-vek22d.MuiButton-ctaSizeMedium { height: 40px; padding: 0px 12px; }
.css-vek22d.MuiButton-ctaSizeSmall { height: 36px; padding: 0px 12px; }
.css-atinwf { user-select: none; width: 1em; height: 1em; overflow: hidden; display: inline-block; text-align: center; flex-shrink: 0; font-size: 1.5rem; }
.css-atinwf.MuiIcon-root { display: flex; width: 20px !important; height: 20px !important; font-size: 20px !important; line-height: 20px !important; }
.css-atinwf.MuiIcon-root.MuiIcon-colorTxt\.textWhite100 { color: rgb(255, 255, 255); }
.css-atinwf.MuiIcon-root.MuiIcon-colorTxt\.textWhite80 { color: rgba(255, 255, 255, 0.8); }
.css-atinwf.MuiIcon-root.MuiIcon-colorTxt\.textWhite40 { color: rgba(255, 255, 255, 0.4); }
.css-atinwf.MuiIcon-root.MuiIcon-colorTxt\.secondary { color: rgba(255, 255, 255, 0.8); }
.css-atinwf.MuiIcon-root.MuiIcon-colorAccent\.main { color: rgb(0, 254, 169); }
.css-atinwf.MuiIcon-root.MuiIcon-colorAccent\.gradient { background: linear-gradient(90deg, rgb(254, 226, 12) 0%, rgb(255, 174, 0) 100%) text; -webkit-text-fill-color: transparent; }
.css-atinwf.MuiIcon-root.MuiIcon-colorEvent\.bg { color: rgb(21, 40, 34); }
.css-atinwf.MuiIcon-root.MuiIcon-colorEvent\.bgHover { color: rgb(28, 54, 45); }
.css-atinwf.MuiIcon-root.MuiIcon-colorEvent\.bg2 { color: rgb(0, 254, 169); }
.css-atinwf.MuiIcon-root.MuiIcon-colorFilter\.bg { color: rgb(21, 40, 34); }
.css-atinwf.MuiIcon-root.MuiIcon-colorFilter\.bgHover { color: rgb(28, 54, 45); }
.css-atinwf.MuiIcon-root.MuiIcon-colorFilter\.bg2 { color: rgb(0, 254, 169); }
.css-atinwf.MuiIcon-root.MuiIcon-colorFixedColor\.success { color: rgb(152, 255, 22); }
.css-atinwf.MuiIcon-root.MuiIcon-colorFixedColor\.warning { color: rgb(255, 218, 22); }
.css-atinwf.MuiIcon-root.MuiIcon-colorFixedColor\.error { color: rgb(242, 73, 50); }
.css-atinwf.MuiIcon-root.MuiIcon-colorHeader\.bg { color: rgb(28, 54, 45); }
.css-atinwf.MuiIcon-root.MuiIcon-colorInputDropDown\.bg { color: rgb(21, 40, 34); }
.css-atinwf.MuiIcon-root.MuiIcon-colorInputDropDown\.bgHover { color: rgb(28, 54, 45); }
.css-atinwf.MuiIcon-root.MuiIcon-colorInputDropDown\.bg2 { color: rgb(0, 254, 169); }
.css-atinwf.MuiIcon-root.MuiIcon-colorMenu1\.bg { color: rgb(14, 27, 23); }
.css-atinwf.MuiIcon-root.MuiIcon-colorOdd\.bg { color: rgb(21, 40, 34); }
.css-atinwf.MuiIcon-root.MuiIcon-colorOdd\.bg2 { color: rgb(28, 54, 45); }
.css-atinwf.MuiIcon-root.MuiIcon-colorVip\.blackDiamond { color: rgb(240, 230, 215); }
.css-atinwf.MuiIcon-root.MuiIcon-colorVip\.bronze { color: rgb(202, 128, 86); }
.css-atinwf.MuiIcon-root.MuiIcon-colorVip\.gold { color: rgb(238, 190, 68); }
.css-atinwf.MuiIcon-root.MuiIcon-colorVip\.sliver { color: rgb(221, 221, 221); }
.css-atinwf.MuiIcon-root.MuiIcon-colorDark\.dark1 { color: rgb(14, 27, 23); }
.css-atinwf.MuiIcon-root.MuiIcon-colorFixedColor\.info { color: rgb(79, 195, 247); }
.css-atinwf.MuiIcon-fontSizeSmall { width: 16px !important; height: 16px !important; font-size: 16px !important; line-height: 16px !important; }
.css-atinwf.MuiIcon-fontSizeLarge { width: 24px !important; height: 24px !important; font-size: 24px !important; line-height: 24px !important; }
.css-atinwf.MuiIcon-fontSizeLarge80 { width: 80px !important; height: 80px !important; font-size: 80px !important; line-height: 80px !important; }
.css-atinwf.MuiIcon-fontSizeLarge40 { width: 40px !important; height: 40px !important; font-size: 40px !important; line-height: 40px !important; }
.css-atinwf.MuiIcon-fontSizeLarge64 { width: 64px !important; height: 64px !important; font-size: 64px !important; line-height: 64px !important; }
.css-atinwf.MuiIcon-fontSizeLarge44 { width: 44px !important; height: 44px !important; font-size: 44px !important; line-height: 44px !important; }
.css-atinwf.MuiIcon-fontSizeExtraSmall { width: 14px !important; height: 14px !important; font-size: 14px !important; line-height: 14px !important; }
.css-atinwf.MuiIcon-fontSizeExtLarge { width: 32px !important; height: 32px !important; font-size: 32px !important; line-height: 32px !important; }
.css-atinwf.MuiIcon-colorWhite { color: rgb(255, 255, 255); }
.css-1jxp8gp { font-weight: 700; }
.css-167bds1 { margin: 0px; font-size: 10px; color: rgb(255, 255, 255); font-weight: 700; }
.css-35mkl9 { width: 60px; position: relative; will-change: width; transition: width 195ms cubic-bezier(0.4, 0, 0.6, 1); }
.css-35mkl9 > .MuiButtonBase-root { z-index: 2000; }
.css-1ewp139 { flex-shrink: 0; z-index: 1201; white-space: nowrap; box-sizing: border-box; margin-right: 32px; padding-top: env(safe-area-inset-top); padding-bottom: env(safe-area-inset-bottom); border-width: medium !important; border-style: none !important; border-color: currentcolor !important; border-image: none !important; }
.css-1ewp139.MuiDrawer-root .MuiPaper-root { overflow-x: hidden; border-right: 0px; padding-bottom: calc(env(safe-area-inset-bottom) + 58px); scrollbar-width: none; background: rgb(14, 27, 23); top: calc(env(safe-area-inset-top) + 64px); height: calc(100% - env(safe-area-inset-top) - 64px); }
.css-1ewp139.MuiDrawer-root .MuiPaper-root::-webkit-scrollbar { display: none; }
@media (max-width: 599.95px) {
  .css-1ewp139.MuiDrawer-root .MuiPaper-root { top: calc(env(safe-area-inset-top) + 56px); height: calc(100% - env(safe-area-inset-top) - 56px); }
}
.css-1ewp139.MuiDrawer-root .MuiBackdrop-root { background-color: transparent; top: calc(env(safe-area-inset-top) + 64px); }
@media (max-width: 599.95px) {
  .css-1ewp139.MuiDrawer-root .MuiBackdrop-root { top: calc(env(safe-area-inset-top) + 56px); }
}
.css-1ewp139 .sidebar-scroll-container { overflow: hidden auto; height: 100%; width: 100%; scrollbar-width: none; }
.css-1ewp139 .sidebar-scroll-container::-webkit-scrollbar { display: none; }
.css-1ewp139 .sidebar-header-sticky { position: sticky; top: 0px; z-index: 2; background: rgb(14, 27, 23); }
.css-rg54jh { flex-shrink: 0; z-index: 1201; white-space: nowrap; box-sizing: border-box; margin-right: 32px; padding-top: env(safe-area-inset-top); padding-bottom: env(safe-area-inset-bottom); border-width: medium !important; border-style: none !important; border-color: currentcolor !important; border-image: none !important; }
.css-rg54jh.MuiDrawer-root .MuiPaper-root { overflow-x: hidden; border-right: 0px; padding-bottom: calc(env(safe-area-inset-bottom) + 58px); scrollbar-width: none; background: rgb(14, 27, 23); top: calc(env(safe-area-inset-top) + 64px); height: calc(100% - env(safe-area-inset-top) - 64px); }
.css-rg54jh.MuiDrawer-root .MuiPaper-root::-webkit-scrollbar { display: none; }
@media (max-width: 599.95px) {
  .css-rg54jh.MuiDrawer-root .MuiPaper-root { top: calc(env(safe-area-inset-top) + 56px); height: calc(100% - env(safe-area-inset-top) - 56px); }
}
.css-rg54jh.MuiDrawer-root .MuiBackdrop-root { background-color: transparent; top: calc(env(safe-area-inset-top) + 64px); }
@media (max-width: 599.95px) {
  .css-rg54jh.MuiDrawer-root .MuiBackdrop-root { top: calc(env(safe-area-inset-top) + 56px); }
}
.css-rg54jh .sidebar-scroll-container { overflow: hidden auto; height: 100%; width: 100%; scrollbar-width: none; }
.css-rg54jh .sidebar-scroll-container::-webkit-scrollbar { display: none; }
.css-rg54jh .sidebar-header-sticky { position: sticky; top: 0px; z-index: 2; background: rgb(14, 27, 23); }
.css-zc4evp { display: flex; flex-direction: column; position: relative; min-height: 100vh; padding-right: 16px; padding-left: 16px; padding-top: calc(16px + env(safe-area-inset-top)); padding-bottom: env(safe-area-inset-top); }
.css-zc4evp .remove-padding-layout { margin-left: -16px; margin-right: -16px; width: calc(100% + 32px); }
.css-zc4evp .add-padding-layout { margin-left: 16px; margin-right: 16px; }
.css-zc4evp #dynamic-page-game_launcher { width: 100%; }
@media (min-width: 1024px) {
  .css-zc4evp { padding: 32px 32px 0px; width: calc(100% - 60px); margin-bottom: 0px; transition: width 300ms cubic-bezier(0.4, 0, 0.2, 1), margin 300ms cubic-bezier(0.4, 0, 0.2, 1); margin-left: 60px; }
  .css-zc4evp .add-padding-layout { margin-left: 32px; margin-right: 32px; }
  .css-zc4evp .remove-padding-layout { margin-left: -32px; margin-right: -32px; width: calc(100% + 64px); }
}
.css-zc4evp.casino-game-slug-page .content { transition: max-width 0.5s, margin 0.5s; }
@media (min-width: 1200px) {
  .css-zc4evp.casino-game-slug-page.game-expanded #swiper-slide_section_vendor, .css-zc4evp.casino-game-slug-page.game-expanded #swiper-slide_section_game { margin: 0px auto; max-width: 1200px !important; }
}
@media (min-width: 1440px) {
  .css-zc4evp.casino-game-slug-page.game-expanded #swiper-slide_section_vendor, .css-zc4evp.casino-game-slug-page.game-expanded #swiper-slide_section_game { margin: 0px auto; max-width: 1200px !important; }
}
.css-zc4evp.casino-game-slug-page.game-expanded .content { padding-left: 0px; padding-right: 0px; max-width: 100% !important; width: 100% !important; }
@media (max-width: 1023.95px) {
  .css-zc4evp.casino-game-slug-page.game-expanded .content .bets-section { padding-left: 16px; padding-right: 16px; }
}
@media (max-width: 1199.95px) {
  .css-zc4evp.casino-game-slug-page #swiper-slide_section_vendor, .css-zc4evp.casino-game-slug-page #swiper-slide_section_game { max-width: calc(-32px + 100vw); }
}
.css-zc4evp .bets-section .bets-data-available { position: relative; }
.css-zc4evp .bets-section .bets-data-available::after { content: ""; position: absolute; bottom: 0px; left: 0px; height: 25%; width: 100%; pointer-events: none; }
.css-zc4evp.casino-game-launch-slug-page { margin-top: 64px; margin-bottom: 58px; min-height: calc(100dvh - 64px - 58px - env(safe-area-inset-bottom, 0)); overflow: hidden; z-index: 4; }
.css-zc4evp.casino-game-launch-slug-page .game-frame { z-index: 4; height: calc(100dvh - 64px - 58px - env(safe-area-inset-bottom, 0)); padding-top: unset; position: fixed; top: 0px; bottom: calc(env(safe-area-inset-bottom, 0) + 58px); right: 0px; left: 0px; overflow: hidden; }
@media (max-width: 1022.95px) {
  .css-zc4evp.casino-game-launch-slug-page .game-frame { top: 56px; bottom: 58px; }
}
@media (max-width: 1022.95px) {
  .css-zc4evp.casino-game-launch-slug-page { margin-top: 56px; min-height: calc(-122px + 100vh); }
}
.css-zc4evp.casino-game-launch-slug-page .bets-section { display: none; }
.css-zc4evp.casino-game-launch-slug-page footer { display: none; }
.css-zc4evp.referral-page { background: rgb(12, 23, 19); }
.css-19egh3n { display: flex; gap: 18px; padding-right: 18px; }
@media (max-width: 599.95px) {
  .css-19egh3n { gap: 8px; padding-right: 8px; }
}
.css-y7iwuh { display: flex; height: 66px; flex-shrink: 0; backface-visibility: hidden; }
.css-o89vk7 { display: block; background-color: rgba(255, 255, 255, 0.13); height: 1.2em; border-radius: 4px; animation: 2s ease-in-out 0.5s infinite normal none running animation-c7515d; }
@-webkit-keyframes animation-c7515d { 
  0% { opacity: 1; }
  50% { opacity: 0.4; }
  100% { opacity: 1; }
}
@keyframes animation-c7515d { 
  0% { opacity: 1; }
  50% { opacity: 0.4; }
  100% { opacity: 1; }
}
.css-1c8poqj { position: absolute; height: 2px; bottom: 0px; width: 100%; transition: 300ms cubic-bezier(0.4, 0, 0.2, 1); background-color: rgb(0, 254, 169); }
.css-8gdhnp { margin: 0px; font-size: 16px; line-height: 20px; text-decoration-line: underline; text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: var(--Link-underlineColor); color: rgb(255, 255, 255); }
.css-8gdhnp:hover { text-decoration-color: inherit; }
.css-16m6tah { margin: 0px; font-size: 16px; line-height: 20px; color: rgb(255, 255, 255); font-weight: 600; }
.css-isuvj7 { text-decoration: none; margin-right: 0px; margin-left: 0px; }
.css-1gm9olw { display: block; width: 100%; position: relative; background-color: rgb(14, 27, 23); border-radius: 8px; z-index: 1; overflow: hidden; transition: background-color 0.2s; user-select: none; color: transparent; text-decoration: none; }
.css-1gm9olw .game-item-link { transition: transform 0.3s ease-out; }
.css-1gm9olw:hover .game-item-link { transition: transform 0.3s ease-out; transform: translateY(-0.5rem); }
.css-1gm9olw .game-item-multiplier { gap: 2px; display: none; }
.css-1gm9olw .game-item-image { background-color: rgb(14, 27, 23); border-radius: 8px; }
.css-1gm9olw .game-item-image img { transition: transform 300ms; border-radius: 8px; object-fit: cover; }
.css-1gm9olw .game-item-loading { position: relative; overflow: hidden; background: rgb(28, 54, 45); }
.css-1gm9olw .game-item-loading::before { content: ""; position: absolute; inset: 0px; z-index: 0; background: linear-gradient(90deg, transparent 0%, rgb(21, 40, 34) 50%, transparent 100%); animation: 1.5s ease-in-out 0s infinite normal none running animation-ariwm7; will-change: transform; }
@-webkit-keyframes animation-ariwm7 { 
  0% { transform: translateX(-100%); }
  100% { transform: translateX(100%); }
}
@keyframes animation-ariwm7 { 
  0% { transform: translateX(-100%); }
  100% { transform: translateX(100%); }
}
.css-7fggro { display: block; width: 100%; position: relative; background-color: rgb(14, 27, 23); border-radius: 8px; z-index: 1; overflow: hidden; transition: background-color 0.2s; user-select: none; color: transparent; text-decoration: none; }
.css-7fggro .game-item-link { transition: transform 0.3s ease-out; }
.css-7fggro:hover .game-item-link { transition: transform 0.3s ease-out; transform: translateY(-0.5rem); }
.css-7fggro .game-item-multiplier { gap: 2px; display: none; }
.css-7fggro .game-item-image { background-color: rgb(14, 27, 23); border-radius: 8px; }
.css-7fggro .game-item-image img { transition: transform 300ms; border-radius: 8px; object-fit: cover; }
.css-7fggro .game-item-loading { position: relative; overflow: hidden; background: rgb(28, 54, 45); }
.css-7fggro .game-item-loading::before { content: ""; position: absolute; inset: 0px; z-index: 0; background: linear-gradient(90deg, transparent 0%, rgb(21, 40, 34) 50%, transparent 100%); animation: 1.5s ease-in-out 0s infinite normal none running animation-ariwm7; will-change: transform; }
@media print {
  .css-1jqdv6s { position: absolute !important; }
}
.css-1jqdv6s .MuiPaper-root { background: transparent; margin: 0px; }
.css-1emrpf { display: inline-flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; gap: 8px; flex-shrink: 0; color: rgba(0, 0, 0, 0.8); font-size: 14px; text-transform: none; text-align: center; width: 44px; min-width: 44px; height: 44px; padding: 0px; border-radius: 6px; }
.css-1emrpf .MuiButton-startIcon { display: inline-flex; gap: 8px; margin-right: 0px; margin-left: 0px; }
.css-1emrpf .MuiButton-endIcon { display: inline-flex; gap: 8px; margin-right: 0px; margin-left: 0px; }
.css-1emrpf.MuiButton-containedPrimary { box-shadow: none; color: rgb(14, 27, 23); background: linear-gradient(90deg, rgb(254, 226, 12) 0%, rgb(255, 174, 0) 25%, rgb(254, 226, 12) 75%, rgb(255, 174, 0) 100%) 0% 0% / 400% 400%; }
.css-1emrpf.MuiButton-containedPrimary:hover { color: rgb(14, 27, 23); animation: 0.7s ease 0s 1 normal forwards running animation-dofypc; }
.css-1emrpf.MuiButton-containedPrimary:active { color: rgb(14, 27, 23); animation: 0.7s ease 0s 1 normal forwards running animation-i3y9un; }
.css-1emrpf.MuiButton-containedPrimary:disabled { color: rgb(14, 27, 23); opacity: 0.5; }
.css-1emrpf.MuiButton-containedSecondary { color: rgba(255, 255, 255, 0.8); background-color: rgb(28, 54, 45); box-shadow: none; }
.css-1emrpf.MuiButton-containedSecondary:hover { background-color: rgb(28, 54, 45); opacity: 0.85; }
.css-1emrpf.MuiButton-containedSecondary:active { color: rgb(255, 255, 255); background-color: rgb(28, 54, 45); opacity: 1; }
.css-1emrpf.MuiButton-containedSecondary:disabled { color: rgba(255, 255, 255, 0.8); background-color: rgb(28, 54, 45); opacity: 0.4; }
.css-1emrpf.MuiButton-containedSizeLarge { height: 44px; padding: 0px 12px; }
.css-1emrpf.MuiButton-containedSizeMedium { height: 40px; padding: 0px 12px; }
.css-1emrpf.MuiButton-containedSizeSmall { height: 36px; padding: 0px 12px; }
.css-1emrpf.MuiButton-outlinedSizeLarge { height: 44px; padding: 0px 12px; }
.css-1emrpf.MuiButton-outlinedSizeMedium { height: 40px; padding: 0px 12px; }
.css-1emrpf.MuiButton-outlinedSizeSmall { height: 36px; padding: 0px 12px 0px 8px; }
.css-1emrpf.MuiButton-text { padding: 0px 12px; color: rgb(0, 254, 169); font-size: 14px; font-weight: 600; line-height: 18px; }
.css-1emrpf.MuiButton-text:hover { background: transparent; color: rgb(0, 229, 152); }
.css-1emrpf.MuiButton-text:active { color: rgb(0, 229, 152); }
.css-1emrpf.MuiButton-text:disabled { color: rgb(0, 254, 169); opacity: 0.4; }
.css-1emrpf.MuiButton-textSecondary { color: rgba(255, 255, 255, 0.8); background: rgb(28, 54, 45); }
.css-1emrpf.MuiButton-textSecondary:hover { opacity: 0.85; }
.css-1emrpf.MuiButton-textSecondary:active { opacity: 1; }
.css-1emrpf.MuiButton-textSecondary:disabled { opacity: 0.5; }
.css-1emrpf.MuiButton-textSizeLarge { height: 44px; }
.css-1emrpf.MuiButton-textSizeMedium { height: 40px; }
.css-1emrpf.MuiButton-textSizeSmall { height: 36px; }
.css-1emrpf.MuiButton-iconInherit { padding: 0px; }
.css-1emrpf.MuiButton-iconPrimary { background: linear-gradient(90deg, rgb(254, 226, 12) 0%, rgb(255, 174, 0) 25%, rgb(254, 226, 12) 75%, rgb(255, 174, 0) 100%); box-shadow: none; }
.css-1emrpf.MuiButton-iconPrimary:hover { opacity: 0.8; }
.css-1emrpf.MuiButton-iconPrimary:active { opacity: 1; }
.css-1emrpf.MuiButton-iconPrimary:disabled { opacity: 0.5; }
.css-1emrpf.MuiButton-iconSecondary { color: rgba(255, 255, 255, 0.8); box-shadow: none; background-color: rgb(28, 54, 45); }
.css-1emrpf.MuiButton-iconSecondary:hover { background-color: rgb(28, 54, 45); opacity: 0.85; }
.css-1emrpf.MuiButton-iconSecondary:active { color: rgb(255, 255, 255); background-color: rgb(28, 54, 45); opacity: 1; }
.css-1emrpf.MuiButton-iconSecondary:disabled { color: rgba(255, 255, 255, 0.8); background-color: rgb(28, 54, 45); opacity: 0.4; }
.css-1emrpf.MuiButton-iconSuccess { background: rgb(152, 255, 22); border: 1px solid rgb(152, 255, 22); box-shadow: rgba(152, 255, 22, 0.6) 0px 0px 10px 0px; }
.css-1emrpf.MuiButton-iconSuccess:hover { background-color: rgb(106, 178, 15); }
.css-1emrpf.MuiButton-iconSuccess:active { background-color: rgb(106, 178, 15); }
.css-1emrpf.MuiButton-iconSuccess:disabled { opacity: 0.5; box-shadow: none; }
.css-1emrpf.MuiButton-iconError { background: rgb(242, 73, 50); border: 1px solid rgb(242, 73, 50); box-shadow: rgba(242, 73, 50, 0.6) 0px 0px 10px 0px; }
.css-1emrpf.MuiButton-iconError:hover { background-color: rgb(169, 51, 35); }
.css-1emrpf.MuiButton-iconError:active { background-color: rgb(169, 51, 35); }
.css-1emrpf.MuiButton-iconError:disabled { opacity: 0.5; box-shadow: none; }
.css-1emrpf.MuiButton-iconInfo { background: rgb(79, 195, 247); border: 1px solid rgb(79, 195, 247); box-shadow: rgba(79, 195, 247, 0.6) 0px 0px 10px 0px; }
.css-1emrpf.MuiButton-iconInfo:hover { background-color: rgb(55, 136, 172); }
.css-1emrpf.MuiButton-iconInfo:active { background-color: rgb(55, 136, 172); }
.css-1emrpf.MuiButton-iconInfo:disabled { opacity: 0.5; box-shadow: none; }
.css-1emrpf.MuiButton-iconWarning { background: rgb(255, 218, 22); border: 1px solid rgb(255, 218, 22); box-shadow: rgba(255, 218, 22, 0.6) 0px 0px 10px 0px; }
.css-1emrpf.MuiButton-iconWarning:hover { background-color: rgb(178, 152, 15); }
.css-1emrpf.MuiButton-iconWarning:active { background-color: rgb(178, 152, 15); }
.css-1emrpf.MuiButton-iconWarning:disabled { opacity: 0.5; box-shadow: none; }
.css-1emrpf.MuiButton-iconSizeLarge { min-width: 44px; width: 44px; height: 44px; padding: 2px; }
.css-1emrpf.MuiButton-iconSizeLarge .MuiButton-startIcon { display: flex; gap: 0px; margin: 0px; color: rgba(255, 255, 255, 0.8); }
.css-1emrpf.MuiButton-iconSizeMedium { min-width: 40px; width: 40px; height: 40px; padding: 2px; }
.css-1emrpf.MuiButton-iconSizeMedium .MuiButton-startIcon { display: flex; gap: 0px; margin: 0px; }
.css-1emrpf.MuiButton-iconSizeSmall { min-width: 36px; width: 36px; height: 36px; padding: 2px; }
.css-1emrpf.MuiButton-iconSizeSmall .MuiButton-startIcon { display: flex; gap: 0px; margin: 0px; }
.css-1emrpf.MuiButton-outlined { color: rgb(0, 254, 169); border: 1px solid rgb(0, 254, 169); background: rgba(14, 27, 23, 0.4); }
.css-1emrpf.MuiButton-outlined:hover { border: 1px solid rgb(0, 254, 169); background: rgba(14, 27, 23, 0.4); opacity: 0.85; }
.css-1emrpf.MuiButton-outlined:active { opacity: 1; }
.css-1emrpf.MuiButton-outlined:disabled { color: rgb(0, 254, 169); border: 1px solid rgb(0, 254, 169); opacity: 0.4; }
.css-1emrpf.MuiButton-cta { color: rgb(14, 27, 23); background-image: linear-gradient(90deg, rgb(254, 226, 12) 0%, rgb(255, 174, 0) 25%, rgb(254, 226, 12) 75%, rgb(255, 174, 0) 100%); background-size: 400% 400%; font-size: 14px; font-weight: 600; line-height: 18px; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; box-shadow: rgba(255, 255, 255, 0.6) 0px 9px 8px 0px inset, rgba(0, 254, 169, 0.2) 0px -4px 8px 0px inset, rgba(0, 254, 169, 0.24) 0px 0px 50px 0px; }
.css-1emrpf.MuiButton-cta:hover { animation: 0.7s ease 0s 1 normal forwards running animation-dofypc; box-shadow: rgba(255, 255, 255, 0.6) 0px 9px 8px 0px inset, rgba(0, 254, 169, 0.2) 0px -4px 8px 0px inset, rgba(0, 254, 169, 0.8) 0px 0px 40px 0px; }
.css-1emrpf.MuiButton-cta:active { animation: 0.7s ease 0s 1 normal forwards running animation-i3y9un; box-shadow: rgba(255, 255, 255, 0.6) 0px 9px 8px 0px inset, rgba(0, 254, 169, 0.2) 0px -4px 8px 0px inset, rgba(0, 254, 169, 0.24) 0px 0px 50px 0px; }
.css-1emrpf.MuiButton-cta:disabled { color: rgb(14, 27, 23); opacity: 0.5; box-shadow: rgba(255, 255, 255, 0.6) 0px 9px 8px 0px inset, rgba(0, 254, 169, 0.2) 0px -4px 8px 0px inset, rgba(0, 254, 169, 0.24) 0px 0px 50px 0px; }
.css-1emrpf.MuiButton-ctaSizeLarge { height: 44px; padding: 0px 12px; }
.css-1emrpf.MuiButton-ctaSizeMedium { height: 40px; padding: 0px 12px; }
.css-1emrpf.MuiButton-ctaSizeSmall { height: 36px; padding: 0px 12px; }
@-webkit-keyframes animation-i3y9un { 
  0% { background-position: 50% 0%; }
  100% { background-position: 0% 5%; }
}
@keyframes animation-i3y9un { 
  0% { background-position: 50% 0%; }
  100% { background-position: 0% 5%; }
}
@-webkit-keyframes animation-dofypc { 
  0% { background-position: 0% 50%; }
  100% { background-position: 50% 0%; }
}
@keyframes animation-dofypc { 
  0% { background-position: 0% 50%; }
  100% { background-position: 50% 0%; }
}
@-webkit-keyframes animation-i3y9un { 
  0% { background-position: 50% 0%; }
  100% { background-position: 0% 5%; }
}
@keyframes animation-i3y9un { 
  0% { background-position: 50% 0%; }
  100% { background-position: 0% 5%; }
}
@-webkit-keyframes animation-dofypc { 
  0% { background-position: 0% 50%; }
  100% { background-position: 50% 0%; }
}
@keyframes animation-dofypc { 
  0% { background-position: 0% 50%; }
  100% { background-position: 50% 0%; }
}
.css-6u91hz { font-family: Kanit, sans-serif; font-weight: 500; line-height: 1.75; border-width: 1px; border-style: solid; border-image: none; border-color: var(--variant-outlinedBorder, currentColor); background-color: var(--variant-outlinedBg); --variant-textColor: #00FEA9; --variant-outlinedColor: #00FEA9; --variant-outlinedBorder: rgba(0, 254, 169, 0.5); --variant-containedColor: rgba(0, 0, 0, 0.87); --variant-containedBg: #00FEA9; transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1), box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1), border-color 250ms cubic-bezier(0.4, 0, 0.2, 1); display: inline-flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; gap: 8px; flex-shrink: 0; color: rgba(0, 0, 0, 0.8); font-size: 14px; text-transform: none; text-align: center; width: 44px; min-width: 44px; height: 44px; padding: 0px; border-radius: 6px; }
.css-6u91hz:hover { text-decoration: none; }
.css-6u91hz.Mui-disabled { color: rgba(255, 255, 255, 0.3); }
.css-6u91hz.Mui-disabled { border: 1px solid rgba(255, 255, 255, 0.12); }
@media (hover: hover) {
  .css-6u91hz:hover { --variant-containedBg: rgb(0, 177, 118); --variant-textBg: rgba(0, 254, 169, 0.08); --variant-outlinedBorder: #00FEA9; --variant-outlinedBg: rgba(0, 254, 169, 0.08); }
}
.css-6u91hz.MuiButton-loading { color: transparent; }
.css-6u91hz .MuiButton-startIcon { display: inline-flex; gap: 8px; margin-right: 0px; margin-left: 0px; }
.css-6u91hz .MuiButton-endIcon { display: inline-flex; gap: 8px; margin-right: 0px; margin-left: 0px; }
.css-6u91hz.MuiButton-containedPrimary { box-shadow: none; color: rgb(14, 27, 23); background: linear-gradient(90deg, rgb(254, 226, 12) 0%, rgb(255, 174, 0) 25%, rgb(254, 226, 12) 75%, rgb(255, 174, 0) 100%) 0% 0% / 400% 400%; }
.css-6u91hz.MuiButton-containedPrimary:hover { color: rgb(14, 27, 23); animation: 0.7s ease 0s 1 normal forwards running animation-dofypc; }
.css-6u91hz.MuiButton-containedPrimary:active { color: rgb(14, 27, 23); animation: 0.7s ease 0s 1 normal forwards running animation-i3y9un; }
.css-6u91hz.MuiButton-containedPrimary:disabled { color: rgb(14, 27, 23); opacity: 0.5; }
.css-6u91hz.MuiButton-containedSecondary { color: rgba(255, 255, 255, 0.8); background-color: rgb(28, 54, 45); box-shadow: none; }
.css-6u91hz.MuiButton-containedSecondary:hover { background-color: rgb(28, 54, 45); opacity: 0.85; }
.css-6u91hz.MuiButton-containedSecondary:active { color: rgb(255, 255, 255); background-color: rgb(28, 54, 45); opacity: 1; }
.css-6u91hz.MuiButton-containedSecondary:disabled { color: rgba(255, 255, 255, 0.8); background-color: rgb(28, 54, 45); opacity: 0.4; }
.css-6u91hz.MuiButton-containedSizeLarge { height: 44px; padding: 0px 12px; }
.css-6u91hz.MuiButton-containedSizeMedium { height: 40px; padding: 0px 12px; }
.css-6u91hz.MuiButton-containedSizeSmall { height: 36px; padding: 0px 12px; }
.css-6u91hz.MuiButton-outlinedSizeLarge { height: 44px; padding: 0px 12px; }
.css-6u91hz.MuiButton-outlinedSizeMedium { height: 40px; padding: 0px 12px; }
.css-6u91hz.MuiButton-outlinedSizeSmall { height: 36px; padding: 0px 12px 0px 8px; }
.css-6u91hz.MuiButton-text { padding: 0px 12px; color: rgb(0, 254, 169); font-size: 14px; font-weight: 600; line-height: 18px; }
.css-6u91hz.MuiButton-text:hover { background: transparent; color: rgb(0, 229, 152); }
.css-6u91hz.MuiButton-text:active { color: rgb(0, 229, 152); }
.css-6u91hz.MuiButton-text:disabled { color: rgb(0, 254, 169); opacity: 0.4; }
.css-6u91hz.MuiButton-textSecondary { color: rgba(255, 255, 255, 0.8); background: rgb(28, 54, 45); }
.css-6u91hz.MuiButton-textSecondary:hover { opacity: 0.85; }
.css-6u91hz.MuiButton-textSecondary:active { opacity: 1; }
.css-6u91hz.MuiButton-textSecondary:disabled { opacity: 0.5; }
.css-6u91hz.MuiButton-textSizeLarge { height: 44px; }
.css-6u91hz.MuiButton-textSizeMedium { height: 40px; }
.css-6u91hz.MuiButton-textSizeSmall { height: 36px; }
.css-6u91hz.MuiButton-iconInherit { padding: 0px; }
.css-6u91hz.MuiButton-iconPrimary { background: linear-gradient(90deg, rgb(254, 226, 12) 0%, rgb(255, 174, 0) 25%, rgb(254, 226, 12) 75%, rgb(255, 174, 0) 100%); box-shadow: none; }
.css-6u91hz.MuiButton-iconPrimary:hover { opacity: 0.8; }
.css-6u91hz.MuiButton-iconPrimary:active { opacity: 1; }
.css-6u91hz.MuiButton-iconPrimary:disabled { opacity: 0.5; }
.css-6u91hz.MuiButton-iconSecondary { color: rgba(255, 255, 255, 0.8); box-shadow: none; background-color: rgb(28, 54, 45); }
.css-6u91hz.MuiButton-iconSecondary:hover { background-color: rgb(28, 54, 45); opacity: 0.85; }
.css-6u91hz.MuiButton-iconSecondary:active { color: rgb(255, 255, 255); background-color: rgb(28, 54, 45); opacity: 1; }
.css-6u91hz.MuiButton-iconSecondary:disabled { color: rgba(255, 255, 255, 0.8); background-color: rgb(28, 54, 45); opacity: 0.4; }
.css-6u91hz.MuiButton-iconSuccess { background: rgb(152, 255, 22); border: 1px solid rgb(152, 255, 22); box-shadow: rgba(152, 255, 22, 0.6) 0px 0px 10px 0px; }
.css-6u91hz.MuiButton-iconSuccess:hover { background-color: rgb(106, 178, 15); }
.css-6u91hz.MuiButton-iconSuccess:active { background-color: rgb(106, 178, 15); }
.css-6u91hz.MuiButton-iconSuccess:disabled { opacity: 0.5; box-shadow: none; }
.css-6u91hz.MuiButton-iconError { background: rgb(242, 73, 50); border: 1px solid rgb(242, 73, 50); box-shadow: rgba(242, 73, 50, 0.6) 0px 0px 10px 0px; }
.css-6u91hz.MuiButton-iconError:hover { background-color: rgb(169, 51, 35); }
.css-6u91hz.MuiButton-iconError:active { background-color: rgb(169, 51, 35); }
.css-6u91hz.MuiButton-iconError:disabled { opacity: 0.5; box-shadow: none; }
.css-6u91hz.MuiButton-iconInfo { background: rgb(79, 195, 247); border: 1px solid rgb(79, 195, 247); box-shadow: rgba(79, 195, 247, 0.6) 0px 0px 10px 0px; }
.css-6u91hz.MuiButton-iconInfo:hover { background-color: rgb(55, 136, 172); }
.css-6u91hz.MuiButton-iconInfo:active { background-color: rgb(55, 136, 172); }
.css-6u91hz.MuiButton-iconInfo:disabled { opacity: 0.5; box-shadow: none; }
.css-6u91hz.MuiButton-iconWarning { background: rgb(255, 218, 22); border: 1px solid rgb(255, 218, 22); box-shadow: rgba(255, 218, 22, 0.6) 0px 0px 10px 0px; }
.css-6u91hz.MuiButton-iconWarning:hover { background-color: rgb(178, 152, 15); }
.css-6u91hz.MuiButton-iconWarning:active { background-color: rgb(178, 152, 15); }
.css-6u91hz.MuiButton-iconWarning:disabled { opacity: 0.5; box-shadow: none; }
.css-6u91hz.MuiButton-iconSizeLarge { min-width: 44px; width: 44px; height: 44px; padding: 2px; }
.css-6u91hz.MuiButton-iconSizeLarge .MuiButton-startIcon { display: flex; gap: 0px; margin: 0px; color: rgba(255, 255, 255, 0.8); }
.css-6u91hz.MuiButton-iconSizeMedium { min-width: 40px; width: 40px; height: 40px; padding: 2px; }
.css-6u91hz.MuiButton-iconSizeMedium .MuiButton-startIcon { display: flex; gap: 0px; margin: 0px; }
.css-6u91hz.MuiButton-iconSizeSmall { min-width: 36px; width: 36px; height: 36px; padding: 2px; }
.css-6u91hz.MuiButton-iconSizeSmall .MuiButton-startIcon { display: flex; gap: 0px; margin: 0px; }
.css-6u91hz.MuiButton-outlined { color: rgb(0, 254, 169); border: 1px solid rgb(0, 254, 169); background: rgba(14, 27, 23, 0.4); }
.css-6u91hz.MuiButton-outlined:hover { border: 1px solid rgb(0, 254, 169); background: rgba(14, 27, 23, 0.4); opacity: 0.85; }
.css-6u91hz.MuiButton-outlined:active { opacity: 1; }
.css-6u91hz.MuiButton-outlined:disabled { color: rgb(0, 254, 169); border: 1px solid rgb(0, 254, 169); opacity: 0.4; }
.css-6u91hz.MuiButton-cta { color: rgb(14, 27, 23); background-image: linear-gradient(90deg, rgb(254, 226, 12) 0%, rgb(255, 174, 0) 25%, rgb(254, 226, 12) 75%, rgb(255, 174, 0) 100%); background-size: 400% 400%; font-size: 14px; font-weight: 600; line-height: 18px; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; box-shadow: rgba(255, 255, 255, 0.6) 0px 9px 8px 0px inset, rgba(0, 254, 169, 0.2) 0px -4px 8px 0px inset, rgba(0, 254, 169, 0.24) 0px 0px 50px 0px; }
.css-6u91hz.MuiButton-cta:hover { animation: 0.7s ease 0s 1 normal forwards running animation-dofypc; box-shadow: rgba(255, 255, 255, 0.6) 0px 9px 8px 0px inset, rgba(0, 254, 169, 0.2) 0px -4px 8px 0px inset, rgba(0, 254, 169, 0.8) 0px 0px 40px 0px; }
.css-6u91hz.MuiButton-cta:active { animation: 0.7s ease 0s 1 normal forwards running animation-i3y9un; box-shadow: rgba(255, 255, 255, 0.6) 0px 9px 8px 0px inset, rgba(0, 254, 169, 0.2) 0px -4px 8px 0px inset, rgba(0, 254, 169, 0.24) 0px 0px 50px 0px; }
.css-6u91hz.MuiButton-cta:disabled { color: rgb(14, 27, 23); opacity: 0.5; box-shadow: rgba(255, 255, 255, 0.6) 0px 9px 8px 0px inset, rgba(0, 254, 169, 0.2) 0px -4px 8px 0px inset, rgba(0, 254, 169, 0.24) 0px 0px 50px 0px; }
.css-6u91hz.MuiButton-ctaSizeLarge { height: 44px; padding: 0px 12px; }
.css-6u91hz.MuiButton-ctaSizeMedium { height: 40px; padding: 0px 12px; }
.css-6u91hz.MuiButton-ctaSizeSmall { height: 36px; padding: 0px 12px; }
.css-z8riy8 { position: relative; box-sizing: border-box; -webkit-tap-highlight-color: transparent; outline: 0px; margin: 0px; cursor: pointer; user-select: none; vertical-align: middle; appearance: none; text-decoration: none; font-family: Kanit, sans-serif; font-weight: 500; line-height: 1.75; border-width: 1px; border-style: solid; border-image: none; border-color: var(--variant-outlinedBorder, currentColor); background-color: var(--variant-outlinedBg); --variant-textColor: #00FEA9; --variant-outlinedColor: #00FEA9; --variant-outlinedBorder: rgba(0, 254, 169, 0.5); --variant-containedColor: rgba(0, 0, 0, 0.87); --variant-containedBg: #00FEA9; transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1), box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1), border-color 250ms cubic-bezier(0.4, 0, 0.2, 1); display: inline-flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; gap: 8px; flex-shrink: 0; color: rgba(0, 0, 0, 0.8); font-size: 14px; text-transform: none; text-align: center; width: 44px; min-width: 44px; height: 44px; padding: 0px; border-radius: 6px; }
.css-z8riy8.Mui-disabled { pointer-events: none; cursor: default; }
@media print {
  .css-z8riy8 { print-color-adjust: exact; }
}
.css-z8riy8:hover { text-decoration: none; }
.css-z8riy8.Mui-disabled { color: rgba(255, 255, 255, 0.3); }
.css-z8riy8.Mui-disabled { border: 1px solid rgba(255, 255, 255, 0.12); }
@media (hover: hover) {
  .css-z8riy8:hover { --variant-containedBg: rgb(0, 177, 118); --variant-textBg: rgba(0, 254, 169, 0.08); --variant-outlinedBorder: #00FEA9; --variant-outlinedBg: rgba(0, 254, 169, 0.08); }
}
.css-z8riy8.MuiButton-loading { color: transparent; }
.css-z8riy8 .MuiButton-startIcon { display: inline-flex; gap: 8px; margin-right: 0px; margin-left: 0px; }
.css-z8riy8 .MuiButton-endIcon { display: inline-flex; gap: 8px; margin-right: 0px; margin-left: 0px; }
.css-z8riy8.MuiButton-containedPrimary { box-shadow: none; color: rgb(14, 27, 23); background: linear-gradient(90deg, rgb(254, 226, 12) 0%, rgb(255, 174, 0) 25%, rgb(254, 226, 12) 75%, rgb(255, 174, 0) 100%) 0% 0% / 400% 400%; }
.css-z8riy8.MuiButton-containedPrimary:hover { color: rgb(14, 27, 23); animation: 0.7s ease 0s 1 normal forwards running animation-dofypc; }
.css-z8riy8.MuiButton-containedPrimary:active { color: rgb(14, 27, 23); animation: 0.7s ease 0s 1 normal forwards running animation-i3y9un; }
.css-z8riy8.MuiButton-containedPrimary:disabled { color: rgb(14, 27, 23); opacity: 0.5; }
.css-z8riy8.MuiButton-containedSecondary { color: rgba(255, 255, 255, 0.8); background-color: rgb(28, 54, 45); box-shadow: none; }
.css-z8riy8.MuiButton-containedSecondary:hover { background-color: rgb(28, 54, 45); opacity: 0.85; }
.css-z8riy8.MuiButton-containedSecondary:active { color: rgb(255, 255, 255); background-color: rgb(28, 54, 45); opacity: 1; }
.css-z8riy8.MuiButton-containedSecondary:disabled { color: rgba(255, 255, 255, 0.8); background-color: rgb(28, 54, 45); opacity: 0.4; }
.css-z8riy8.MuiButton-containedSizeLarge { height: 44px; padding: 0px 12px; }
.css-z8riy8.MuiButton-containedSizeMedium { height: 40px; padding: 0px 12px; }
.css-z8riy8.MuiButton-containedSizeSmall { height: 36px; padding: 0px 12px; }
.css-z8riy8.MuiButton-outlinedSizeLarge { height: 44px; padding: 0px 12px; }
.css-z8riy8.MuiButton-outlinedSizeMedium { height: 40px; padding: 0px 12px; }
.css-z8riy8.MuiButton-outlinedSizeSmall { height: 36px; padding: 0px 12px 0px 8px; }
.css-z8riy8.MuiButton-text { padding: 0px 12px; color: rgb(0, 254, 169); font-size: 14px; font-weight: 600; line-height: 18px; }
.css-z8riy8.MuiButton-text:hover { background: transparent; color: rgb(0, 229, 152); }
.css-z8riy8.MuiButton-text:active { color: rgb(0, 229, 152); }
.css-z8riy8.MuiButton-text:disabled { color: rgb(0, 254, 169); opacity: 0.4; }
.css-z8riy8.MuiButton-textSecondary { color: rgba(255, 255, 255, 0.8); background: rgb(28, 54, 45); }
.css-z8riy8.MuiButton-textSecondary:hover { opacity: 0.85; }
.css-z8riy8.MuiButton-textSecondary:active { opacity: 1; }
.css-z8riy8.MuiButton-textSecondary:disabled { opacity: 0.5; }
.css-z8riy8.MuiButton-textSizeLarge { height: 44px; }
.css-z8riy8.MuiButton-textSizeMedium { height: 40px; }
.css-z8riy8.MuiButton-textSizeSmall { height: 36px; }
.css-z8riy8.MuiButton-iconInherit { padding: 0px; }
.css-z8riy8.MuiButton-iconPrimary { background: linear-gradient(90deg, rgb(254, 226, 12) 0%, rgb(255, 174, 0) 25%, rgb(254, 226, 12) 75%, rgb(255, 174, 0) 100%); box-shadow: none; }
.css-z8riy8.MuiButton-iconPrimary:hover { opacity: 0.8; }
.css-z8riy8.MuiButton-iconPrimary:active { opacity: 1; }
.css-z8riy8.MuiButton-iconPrimary:disabled { opacity: 0.5; }
.css-z8riy8.MuiButton-iconSecondary { color: rgba(255, 255, 255, 0.8); box-shadow: none; background-color: rgb(28, 54, 45); }
.css-z8riy8.MuiButton-iconSecondary:hover { background-color: rgb(28, 54, 45); opacity: 0.85; }
.css-z8riy8.MuiButton-iconSecondary:active { color: rgb(255, 255, 255); background-color: rgb(28, 54, 45); opacity: 1; }
.css-z8riy8.MuiButton-iconSecondary:disabled { color: rgba(255, 255, 255, 0.8); background-color: rgb(28, 54, 45); opacity: 0.4; }
.css-z8riy8.MuiButton-iconSuccess { background: rgb(152, 255, 22); border: 1px solid rgb(152, 255, 22); box-shadow: rgba(152, 255, 22, 0.6) 0px 0px 10px 0px; }
.css-z8riy8.MuiButton-iconSuccess:hover { background-color: rgb(106, 178, 15); }
.css-z8riy8.MuiButton-iconSuccess:active { background-color: rgb(106, 178, 15); }
.css-z8riy8.MuiButton-iconSuccess:disabled { opacity: 0.5; box-shadow: none; }
.css-z8riy8.MuiButton-iconError { background: rgb(242, 73, 50); border: 1px solid rgb(242, 73, 50); box-shadow: rgba(242, 73, 50, 0.6) 0px 0px 10px 0px; }
.css-z8riy8.MuiButton-iconError:hover { background-color: rgb(169, 51, 35); }
.css-z8riy8.MuiButton-iconError:active { background-color: rgb(169, 51, 35); }
.css-z8riy8.MuiButton-iconError:disabled { opacity: 0.5; box-shadow: none; }
.css-z8riy8.MuiButton-iconInfo { background: rgb(79, 195, 247); border: 1px solid rgb(79, 195, 247); box-shadow: rgba(79, 195, 247, 0.6) 0px 0px 10px 0px; }
.css-z8riy8.MuiButton-iconInfo:hover { background-color: rgb(55, 136, 172); }
.css-z8riy8.MuiButton-iconInfo:active { background-color: rgb(55, 136, 172); }
.css-z8riy8.MuiButton-iconInfo:disabled { opacity: 0.5; box-shadow: none; }
.css-z8riy8.MuiButton-iconWarning { background: rgb(255, 218, 22); border: 1px solid rgb(255, 218, 22); box-shadow: rgba(255, 218, 22, 0.6) 0px 0px 10px 0px; }
.css-z8riy8.MuiButton-iconWarning:hover { background-color: rgb(178, 152, 15); }
.css-z8riy8.MuiButton-iconWarning:active { background-color: rgb(178, 152, 15); }
.css-z8riy8.MuiButton-iconWarning:disabled { opacity: 0.5; box-shadow: none; }
.css-z8riy8.MuiButton-iconSizeLarge { min-width: 44px; width: 44px; height: 44px; padding: 2px; }
.css-z8riy8.MuiButton-iconSizeLarge .MuiButton-startIcon { display: flex; gap: 0px; margin: 0px; color: rgba(255, 255, 255, 0.8); }
.css-z8riy8.MuiButton-iconSizeMedium { min-width: 40px; width: 40px; height: 40px; padding: 2px; }
.css-z8riy8.MuiButton-iconSizeMedium .MuiButton-startIcon { display: flex; gap: 0px; margin: 0px; }
.css-z8riy8.MuiButton-iconSizeSmall { min-width: 36px; width: 36px; height: 36px; padding: 2px; }
.css-z8riy8.MuiButton-iconSizeSmall .MuiButton-startIcon { display: flex; gap: 0px; margin: 0px; }
.css-z8riy8.MuiButton-outlined { color: rgb(0, 254, 169); border: 1px solid rgb(0, 254, 169); background: rgba(14, 27, 23, 0.4); }
.css-z8riy8.MuiButton-outlined:hover { border: 1px solid rgb(0, 254, 169); background: rgba(14, 27, 23, 0.4); opacity: 0.85; }
.css-z8riy8.MuiButton-outlined:active { opacity: 1; }
.css-z8riy8.MuiButton-outlined:disabled { color: rgb(0, 254, 169); border: 1px solid rgb(0, 254, 169); opacity: 0.4; }
.css-z8riy8.MuiButton-cta { color: rgb(14, 27, 23); background-image: linear-gradient(90deg, rgb(254, 226, 12) 0%, rgb(255, 174, 0) 25%, rgb(254, 226, 12) 75%, rgb(255, 174, 0) 100%); background-size: 400% 400%; font-size: 14px; font-weight: 600; line-height: 18px; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; box-shadow: rgba(255, 255, 255, 0.6) 0px 9px 8px 0px inset, rgba(0, 254, 169, 0.2) 0px -4px 8px 0px inset, rgba(0, 254, 169, 0.24) 0px 0px 50px 0px; }
.css-z8riy8.MuiButton-cta:hover { animation: 0.7s ease 0s 1 normal forwards running animation-dofypc; box-shadow: rgba(255, 255, 255, 0.6) 0px 9px 8px 0px inset, rgba(0, 254, 169, 0.2) 0px -4px 8px 0px inset, rgba(0, 254, 169, 0.8) 0px 0px 40px 0px; }
.css-z8riy8.MuiButton-cta:active { animation: 0.7s ease 0s 1 normal forwards running animation-i3y9un; box-shadow: rgba(255, 255, 255, 0.6) 0px 9px 8px 0px inset, rgba(0, 254, 169, 0.2) 0px -4px 8px 0px inset, rgba(0, 254, 169, 0.24) 0px 0px 50px 0px; }
.css-z8riy8.MuiButton-cta:disabled { color: rgb(14, 27, 23); opacity: 0.5; box-shadow: rgba(255, 255, 255, 0.6) 0px 9px 8px 0px inset, rgba(0, 254, 169, 0.2) 0px -4px 8px 0px inset, rgba(0, 254, 169, 0.24) 0px 0px 50px 0px; }
.css-z8riy8.MuiButton-ctaSizeLarge { height: 44px; padding: 0px 12px; }
.css-z8riy8.MuiButton-ctaSizeMedium { height: 40px; padding: 0px 12px; }
.css-z8riy8.MuiButton-ctaSizeSmall { height: 36px; padding: 0px 12px; }
.css-12g4re2 .header-section-bets { border-bottom-width: 2px; border-bottom-color: rgb(21, 40, 34); }
.css-12g4re2 .header-section-bets .section-bets-tabs button { color: rgb(255, 255, 255) !important; }
.css-12g4re2 .table-header-row { background: rgb(14, 27, 23); }
.css-12g4re2 .table-header-row-cell { font-weight: 700; background: rgb(14, 27, 23) !important; }
.css-12g4re2 .table-row.Mui-selected.row-second { background-color: rgb(14, 27, 23); }
.css-12g4re2 .table-row.current-rank > td { border-top: 1px solid rgb(0, 254, 169); border-bottom: 1px solid rgb(0, 254, 169); color: rgb(0, 254, 169); }
.css-12g4re2 .table-row.current-rank > td * { color: rgb(0, 254, 169) !important; }
.css-12g4re2 .table-row.current-rank > td:first-of-type { border-left: 1px solid rgb(0, 254, 169); border-right: rgb(0, 254, 169); border-radius: 6px 0px 0px 6px; }
.css-12g4re2 .table-row.current-rank > td:last-child { border-right: 1px solid rgb(0, 254, 169); border-left: rgb(0, 254, 169); border-radius: 0px 6px 6px 0px; }
.css-12g4re2 .animate-row:nth-of-type(2n) { animation: 0.85s ease-out 0s 1 normal none running rowEven; }
.css-12g4re2 .animate-row:nth-of-type(2n+1) { animation: 0.85s ease-out 0s 1 normal none running rowOdd; }
.css-12g4re2 .prize-cell .table-row-wrapper-cell-content { justify-content: right; }
.css-175vj4 { overflow: hidden; }
.css-175vj4 .header-section-bets { border-bottom-width: 2px; border-bottom-color: rgb(21, 40, 34); }
.css-175vj4 .header-section-bets .section-bets-tabs button { color: rgb(255, 255, 255) !important; }
.css-175vj4 .table-header-row { background: rgb(14, 27, 23); }
.css-175vj4 .table-header-row-cell { font-weight: 700; background: rgb(14, 27, 23) !important; }
.css-175vj4 .table-row.Mui-selected.row-second { background-color: rgb(14, 27, 23); }
.css-175vj4 .table-row.current-rank > td { border-top: 1px solid rgb(0, 254, 169); border-bottom: 1px solid rgb(0, 254, 169); color: rgb(0, 254, 169); }
.css-175vj4 .table-row.current-rank > td * { color: rgb(0, 254, 169) !important; }
.css-175vj4 .table-row.current-rank > td:first-of-type { border-left: 1px solid rgb(0, 254, 169); border-right: rgb(0, 254, 169); border-radius: 6px 0px 0px 6px; }
.css-175vj4 .table-row.current-rank > td:last-child { border-right: 1px solid rgb(0, 254, 169); border-left: rgb(0, 254, 169); border-radius: 0px 6px 6px 0px; }
.css-175vj4 .animate-row:nth-of-type(2n) { animation: 0.85s ease-out 0s 1 normal none running rowEven; }
.css-175vj4 .animate-row:nth-of-type(2n+1) { animation: 0.85s ease-out 0s 1 normal none running rowOdd; }
.css-175vj4 .prize-cell .table-row-wrapper-cell-content { justify-content: right; }
.css-1popn2p { margin-top: 12px; margin-bottom: 16px; background-color: transparent; display: flex; -webkit-box-align: center; align-items: center; flex-direction: row; -webkit-box-pack: justify; justify-content: space-between; gap: 20px; }
@media (max-width: 899.95px) {
  .css-1popn2p { padding: 0px; border-radius: 0px; background-color: transparent; gap: 1px; align-items: flex-start; -webkit-box-pack: start; justify-content: flex-start; flex-direction: column; }
  .css-1popn2p .input-container { width: 100%; }
}
.css-8q8x80 { margin-top: 12px; margin-bottom: 16px; background-color: transparent; display: flex; -webkit-box-align: center; align-items: center; flex-direction: row; -webkit-box-pack: justify; justify-content: space-between; gap: 20px; }
@media (max-width: 899.95px) {
  .css-8q8x80 { padding: 0px; border-radius: 0px; background-color: transparent; gap: 1px; align-items: flex-start; -webkit-box-pack: start; justify-content: flex-start; flex-direction: column; }
  .css-8q8x80 .input-container { width: 100%; }
}
.css-1ihmz3f { gap: 10px; background: rgb(21, 40, 34); border-radius: 8px; padding: 4px; min-height: 44px; width: 100%; }
.css-1ihmz3f .MuiTabs-flexContainer { display: flex; align-items: flex-start; gap: 10px; height: 100%; }
.css-1ihmz3f .MuiTabs-flexContainer a { max-height: 36px; height: 36px; min-height: 36px; z-index: 2; padding-left: 12px; padding-right: 12px; }
.css-1ihmz3f button { padding: 0px 12px; height: 36px; min-height: 36px; min-width: unset; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; gap: 8px; flex-shrink: 0; border-radius: 6px; text-transform: none; z-index: 2; opacity: 1; cursor: pointer; color: rgba(255, 255, 255, 0.8); font-size: 14px; font-weight: 600; line-height: 18px; }
.css-1ihmz3f button .MuiIcon-root { color: rgba(255, 255, 255, 0.8); }
.css-1ihmz3f a { max-height: 36px; height: 36px; min-height: 36px; z-index: 2; }
.css-1ihmz3f .MuiTabs-indicator { top: 0px; height: 100%; z-index: 1; border-radius: 6px; background: rgb(42, 80, 68); transition: left 300ms cubic-bezier(0.4, 0, 0.2, 1), width 300ms cubic-bezier(0.4, 0, 0.2, 1), top 300ms cubic-bezier(0.4, 0, 0.2, 1), height 300ms cubic-bezier(0.4, 0, 0.2, 1); }
.css-1ihmz3f .Mui-selected { color: rgb(255, 255, 255); border-width: medium; border-style: none; border-color: currentcolor; border-image: none; transition: none; }
.css-1ihmz3f .Mui-selected .MuiTypography-root { color: rgb(255, 255, 255); }
.css-1ihmz3f .Mui-selected .MuiIcon-root { color: rgb(255, 255, 255); }
.css-1ihmz3f .MuiTab-iconWrapper { margin: 0px !important; }
.css-1ihmz3f .Mui-disabled { display: none; }
.css-q7vfh7 { overflow: hidden; display: flex; gap: 10px; background: rgb(21, 40, 34); border-radius: 8px; padding: 4px; min-height: 44px; width: 100%; }
@media (max-width: 599.95px) {
  .css-q7vfh7 .MuiTabs-scrollButtons { display: none; }
}
.css-q7vfh7 .Mui-disabled { display: none; }
.css-q7vfh7 .MuiTabs-flexContainer { display: flex; align-items: flex-start; gap: 10px; height: 100%; }
.css-q7vfh7 .MuiTabs-flexContainer a { max-height: 36px; height: 36px; min-height: 36px; z-index: 2; padding-left: 12px; padding-right: 12px; }
.css-q7vfh7 button { padding: 0px 12px; height: 36px; min-height: 36px; min-width: unset; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; gap: 8px; flex-shrink: 0; border-radius: 6px; text-transform: none; z-index: 2; opacity: 1; cursor: pointer; color: rgba(255, 255, 255, 0.8); font-size: 14px; font-weight: 600; line-height: 18px; }
.css-q7vfh7 button .MuiIcon-root { color: rgba(255, 255, 255, 0.8); }
.css-q7vfh7 a { max-height: 36px; height: 36px; min-height: 36px; z-index: 2; }
.css-q7vfh7 .MuiTabs-indicator { top: 0px; height: 100%; z-index: 1; border-radius: 6px; background: rgb(42, 80, 68); transition: left 300ms cubic-bezier(0.4, 0, 0.2, 1), width 300ms cubic-bezier(0.4, 0, 0.2, 1), top 300ms cubic-bezier(0.4, 0, 0.2, 1), height 300ms cubic-bezier(0.4, 0, 0.2, 1); }
.css-q7vfh7 .Mui-selected { color: rgb(255, 255, 255); border-width: medium; border-style: none; border-color: currentcolor; border-image: none; transition: none; }
.css-q7vfh7 .Mui-selected .MuiTypography-root { color: rgb(255, 255, 255); }
.css-q7vfh7 .Mui-selected .MuiIcon-root { color: rgb(255, 255, 255); }
.css-q7vfh7 .MuiTab-iconWrapper { margin: 0px !important; }
.css-q7vfh7 .Mui-disabled { display: none; }
.css-qhzvab { padding: 0px 12px; height: 40px; min-height: 40px; min-width: unset; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; gap: 8px; flex-shrink: 0; font-size: 14px; font-weight: 600; line-height: 18px; text-transform: none; border-radius: 6px; box-shadow: none; color: rgba(255, 255, 255, 0.8); }
.css-qhzvab .MuiTab-iconWrapper { margin: 0px; }
.css-qhzvab:hover { color: rgb(255, 255, 255); }
.css-qhzvab:hover .MuiIcon-root { color: rgb(255, 255, 255); }
.css-qhzvab.Mui-disabled { opacity: 0.4; }
.css-cjdne { font-family: Kanit, sans-serif; max-width: 360px; position: relative; overflow: hidden; white-space: normal; text-align: center; flex-direction: row; padding: 0px 12px; height: 40px; min-height: 40px; min-width: unset; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; gap: 8px; flex-shrink: 0; font-size: 14px; font-weight: 600; line-height: 18px; text-transform: none; border-radius: 6px; box-shadow: none; color: rgba(255, 255, 255, 0.8); }
.css-cjdne.Mui-selected { color: rgb(0, 254, 169); }
.css-cjdne.Mui-disabled { color: rgba(255, 255, 255, 0.4); }
.css-cjdne .MuiTab-iconWrapper { margin: 0px; }
.css-cjdne:hover { color: rgb(255, 255, 255); }
.css-cjdne:hover .MuiIcon-root { color: rgb(255, 255, 255); }
.css-cjdne.Mui-disabled { opacity: 0.4; }
.css-1qh1u73 { display: inline-flex; box-sizing: border-box; -webkit-tap-highlight-color: transparent; background-color: transparent; outline: 0px; border: 0px; margin: 0px; cursor: pointer; user-select: none; vertical-align: middle; appearance: none; text-decoration: none; font-family: Kanit, sans-serif; max-width: 360px; position: relative; overflow: hidden; white-space: normal; text-align: center; flex-direction: row; padding: 0px 12px; height: 40px; min-height: 40px; min-width: unset; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; gap: 8px; flex-shrink: 0; font-size: 14px; font-weight: 600; line-height: 18px; text-transform: none; border-radius: 6px; box-shadow: none; color: rgba(255, 255, 255, 0.8); }
.css-1qh1u73.Mui-disabled { pointer-events: none; cursor: default; }
@media print {
  .css-1qh1u73 { print-color-adjust: exact; }
}
.css-1qh1u73.Mui-selected { color: rgb(0, 254, 169); }
.css-1qh1u73.Mui-disabled { color: rgba(255, 255, 255, 0.4); }
.css-1qh1u73 .MuiTab-iconWrapper { margin: 0px; }
.css-1qh1u73:hover { color: rgb(255, 255, 255); }
.css-1qh1u73:hover .MuiIcon-root { color: rgb(255, 255, 255); }
.css-1qh1u73.Mui-disabled { opacity: 0.4; }
.css-1pmdnom { min-width: 127px; margin-top: 12px; }
.css-1pmdnom input { height: 100%; opacity: 0; color: transparent; padding-left: 12px; padding-right: 12px; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; font-size: 14px; font-weight: 400; line-height: 18px; }
.css-1pmdnom input:disabled { opacity: 0; }
.css-1pmdnom .MuiInputBase-root { background: rgb(28, 54, 45); font-size: 14px; font-weight: 400; line-height: 18px; color: rgb(255, 255, 255); }
.css-1pmdnom .MuiInputBase-root:hover { background: rgb(42, 80, 68); }
.css-1pmdnom .MuiInputBase-root.Mui-focused { background: rgb(28, 54, 45); }
.css-1pmdnom .MuiInputBase-root.Mui-disabled { opacity: 0.5; }
.css-1pmdnom .MuiInputBase-input { padding-right: 0px !important; }
.css-1pmdnom .MuiInputBase-input.MuiSelect-multiple #selected-icon { display: none; }
.css-1pmdnom .MuiOutlinedInput-root.MuiInputBase-sizeLarge { -webkit-box-align: center; align-items: center; padding-bottom: 0px; }
.css-1pmdnom .MuiOutlinedInput-root.MuiInputBase-sizeLarge .MuiInputBase-input { height: 100%; }
.css-1pmdnom .Mui-focused { border-color: transparent; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; }
.css-1pmdnom .MuiOutlinedInput-root #selected-icon { display: none; }
.css-1pmdnom .MuiOutlinedInput-root fieldset { border: 1px solid transparent; }
.css-1pmdnom .MuiOutlinedInput-root:hover fieldset { border: 1px solid transparent; }
.css-1pmdnom .MuiOutlinedInput-root.Mui-focused fieldset { border-color: rgb(42, 80, 68); border-width: 1px; border-style: solid; }
.css-1x3hpk2 { min-width: 127px; margin-top: 12px; }
.css-1x3hpk2 .MuiInputAdornment-positionStart { position: absolute; left: 12px; right: unset; top: 50%; transform: translateY(-50%); color: rgba(255, 255, 255, 0.8); }
.css-1x3hpk2 .MuiInputAdornment-positionEnd { position: absolute; color: rgba(255, 255, 255, 0.8); }
.css-1x3hpk2 label { font-size: 14px; font-weight: 400; line-height: 18px; color: rgba(255, 255, 255, 0.4); }
.css-1x3hpk2 label.Mui-focused { color: rgb(0, 254, 169); }
.css-1x3hpk2 .MuiInputBase-root { background: rgb(28, 54, 45); }
.css-1x3hpk2 .MuiInputBase-adornedEnd { padding-right: 12px; padding-left: unset; }
.css-1x3hpk2 .MuiInputBase-adornedStart { padding-left: 12px; padding-right: unset; }
.css-1x3hpk2 input { background-clip: text; font-size: 14px; font-weight: 400; line-height: 18px; color: rgb(255, 255, 255); box-shadow: unset !important; }
.css-1x3hpk2 input::-webkit-input-placeholder { font-size: 14px; font-weight: 400; line-height: 18px; color: rgba(255, 255, 255, 0.4); opacity: 1; }
.css-1x3hpk2 input::placeholder { font-size: 14px; font-weight: 400; line-height: 18px; color: rgba(255, 255, 255, 0.4); opacity: 1; }
.css-1x3hpk2 input:disabled { opacity: 0.5; }
.css-1x3hpk2 .MuiOutlinedInput-root { font-size: 14px; font-weight: 400; line-height: 18px; color: rgb(255, 255, 255); border-radius: 6px; }
.css-1x3hpk2 .MuiOutlinedInput-root fieldset { transition: 250ms; border-width: 1px; border-color: rgb(42, 80, 68); }
.css-1x3hpk2 .MuiOutlinedInput-root:hover { background: rgb(42, 80, 68); }
.css-1x3hpk2 .MuiOutlinedInput-root:hover fieldset { border-width: 1px; border-color: rgb(42, 80, 68); }
.css-1x3hpk2 .MuiOutlinedInput-root.Mui-focused { background: rgb(28, 54, 45); }
.css-1x3hpk2 .MuiOutlinedInput-root.Mui-focused fieldset { border-width: 1px; border-color: rgb(0, 254, 169); }
.css-1x3hpk2 .MuiOutlinedInput-root.Mui-disabled { opacity: 0.5; }
.css-1x3hpk2 .MuiOutlinedInput-root.Mui-disabled fieldset { border-color: rgb(42, 80, 68); }
.css-1x3hpk2 .MuiOutlinedInput-root.Mui-error fieldset { border-width: 1px; border-color: rgb(242, 73, 50); }
.css-1x3hpk2 .MuiOutlinedInput-root .MuiOutlinedInput-notchedOutline { top: 0px; }
.css-1x3hpk2 .MuiOutlinedInput-root .MuiInputBase-input { height: 40px; display: flex; -webkit-box-align: center; align-items: center; line-height: 18px; box-sizing: border-box; padding: 0px 12px; }
.css-1x3hpk2 .MuiOutlinedInput-root .MuiInputBase-inputSizeSmall { height: 36px; }
.css-1x3hpk2 .MuiOutlinedInput-root.MuiInputBase-sizeLarge { height: 44px; align-items: flex-end; padding-bottom: 4px; }
.css-1x3hpk2 .MuiOutlinedInput-root.MuiInputBase-sizeLarge .MuiInputBase-input { height: 18px; }
.css-1x3hpk2 .MuiOutlinedInput-root legend { display: none; }
.css-1x3hpk2 .MuiOutlinedInput-input.Mui-disabled { -webkit-text-fill-color: rgba(255, 255, 255, 0.5); }
.css-1x3hpk2 input { height: 100%; opacity: 0; color: transparent; padding-left: 12px; padding-right: 12px; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; font-size: 14px; font-weight: 400; line-height: 18px; }
.css-1x3hpk2 input:disabled { opacity: 0; }
.css-1x3hpk2 .MuiInputBase-root { background: rgb(28, 54, 45); font-size: 14px; font-weight: 400; line-height: 18px; color: rgb(255, 255, 255); }
.css-1x3hpk2 .MuiInputBase-root:hover { background: rgb(42, 80, 68); }
.css-1x3hpk2 .MuiInputBase-root.Mui-focused { background: rgb(28, 54, 45); }
.css-1x3hpk2 .MuiInputBase-root.Mui-disabled { opacity: 0.5; }
.css-1x3hpk2 .MuiInputBase-input { padding-right: 0px !important; }
.css-1x3hpk2 .MuiInputBase-input.MuiSelect-multiple #selected-icon { display: none; }
.css-1x3hpk2 .MuiOutlinedInput-root.MuiInputBase-sizeLarge { -webkit-box-align: center; align-items: center; padding-bottom: 0px; }
.css-1x3hpk2 .MuiOutlinedInput-root.MuiInputBase-sizeLarge .MuiInputBase-input { height: 100%; }
.css-1x3hpk2 .Mui-focused { border-color: transparent; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; }
.css-1x3hpk2 .MuiOutlinedInput-root #selected-icon { display: none; }
.css-1x3hpk2 .MuiOutlinedInput-root fieldset { border: 1px solid transparent; }
.css-1x3hpk2 .MuiOutlinedInput-root:hover fieldset { border: 1px solid transparent; }
.css-1x3hpk2 .MuiOutlinedInput-root.Mui-focused fieldset { border-color: rgb(42, 80, 68); border-width: 1px; border-style: solid; }
.css-1p76nl8 { min-width: 127px; margin-top: 12px; }
.css-1p76nl8 .MuiInputAdornment-positionStart { position: absolute; left: 12px; right: unset; top: 50%; transform: translateY(-50%); color: rgba(255, 255, 255, 0.8); }
.css-1p76nl8 .MuiInputAdornment-positionEnd { position: absolute; color: rgba(255, 255, 255, 0.8); }
.css-1p76nl8 label { font-size: 14px; font-weight: 400; line-height: 18px; color: rgba(255, 255, 255, 0.4); }
.css-1p76nl8 label.Mui-focused { color: rgb(0, 254, 169); }
.css-1p76nl8 .MuiInputBase-root { background: rgb(28, 54, 45); }
.css-1p76nl8 .MuiInputBase-adornedEnd { padding-right: 12px; padding-left: unset; }
.css-1p76nl8 .MuiInputBase-adornedStart { padding-left: 12px; padding-right: unset; }
.css-1p76nl8 input { background-clip: text; font-size: 14px; font-weight: 400; line-height: 18px; color: rgb(255, 255, 255); box-shadow: unset !important; }
.css-1p76nl8 input::-webkit-input-placeholder { font-size: 14px; font-weight: 400; line-height: 18px; color: rgba(255, 255, 255, 0.4); opacity: 1; }
.css-1p76nl8 input::placeholder { font-size: 14px; font-weight: 400; line-height: 18px; color: rgba(255, 255, 255, 0.4); opacity: 1; }
.css-1p76nl8 input:disabled { opacity: 0.5; }
.css-1p76nl8 .MuiOutlinedInput-root { font-size: 14px; font-weight: 400; line-height: 18px; color: rgb(255, 255, 255); border-radius: 6px; }
.css-1p76nl8 .MuiOutlinedInput-root fieldset { transition: 250ms; border-width: 1px; border-color: rgb(42, 80, 68); }
.css-1p76nl8 .MuiOutlinedInput-root:hover { background: rgb(42, 80, 68); }
.css-1p76nl8 .MuiOutlinedInput-root:hover fieldset { border-width: 1px; border-color: rgb(42, 80, 68); }
.css-1p76nl8 .MuiOutlinedInput-root.Mui-focused { background: rgb(28, 54, 45); }
.css-1p76nl8 .MuiOutlinedInput-root.Mui-focused fieldset { border-width: 1px; border-color: rgb(0, 254, 169); }
.css-1p76nl8 .MuiOutlinedInput-root.Mui-disabled { opacity: 0.5; }
.css-1p76nl8 .MuiOutlinedInput-root.Mui-disabled fieldset { border-color: rgb(42, 80, 68); }
.css-1p76nl8 .MuiOutlinedInput-root.Mui-error fieldset { border-width: 1px; border-color: rgb(242, 73, 50); }
.css-1p76nl8 .MuiOutlinedInput-root .MuiOutlinedInput-notchedOutline { top: 0px; }
.css-1p76nl8 .MuiOutlinedInput-root .MuiInputBase-input { height: 40px; display: flex; -webkit-box-align: center; align-items: center; line-height: 18px; box-sizing: border-box; padding: 0px 12px; }
.css-1p76nl8 .MuiOutlinedInput-root .MuiInputBase-inputSizeSmall { height: 36px; }
.css-1p76nl8 .MuiOutlinedInput-root.MuiInputBase-sizeLarge { height: 44px; align-items: flex-end; padding-bottom: 4px; }
.css-1p76nl8 .MuiOutlinedInput-root.MuiInputBase-sizeLarge .MuiInputBase-input { height: 18px; }
.css-1p76nl8 .MuiOutlinedInput-root legend { display: none; }
.css-1p76nl8 .MuiOutlinedInput-input.Mui-disabled { -webkit-text-fill-color: rgba(255, 255, 255, 0.5); }
.css-1p76nl8 input { height: 100%; opacity: 0; color: transparent; padding-left: 12px; padding-right: 12px; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; font-size: 14px; font-weight: 400; line-height: 18px; }
.css-1p76nl8 input:disabled { opacity: 0; }
.css-1p76nl8 .MuiInputBase-root { background: rgb(28, 54, 45); font-size: 14px; font-weight: 400; line-height: 18px; color: rgb(255, 255, 255); }
.css-1p76nl8 .MuiInputBase-root:hover { background: rgb(42, 80, 68); }
.css-1p76nl8 .MuiInputBase-root.Mui-focused { background: rgb(28, 54, 45); }
.css-1p76nl8 .MuiInputBase-root.Mui-disabled { opacity: 0.5; }
.css-1p76nl8 .MuiInputBase-input { padding-right: 0px !important; }
.css-1p76nl8 .MuiInputBase-input.MuiSelect-multiple #selected-icon { display: none; }
.css-1p76nl8 .MuiOutlinedInput-root.MuiInputBase-sizeLarge { -webkit-box-align: center; align-items: center; padding-bottom: 0px; }
.css-1p76nl8 .MuiOutlinedInput-root.MuiInputBase-sizeLarge .MuiInputBase-input { height: 100%; }
.css-1p76nl8 .Mui-focused { border-color: transparent; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; }
.css-1p76nl8 .MuiOutlinedInput-root #selected-icon { display: none; }
.css-1p76nl8 .MuiOutlinedInput-root fieldset { border: 1px solid transparent; }
.css-1p76nl8 .MuiOutlinedInput-root:hover fieldset { border: 1px solid transparent; }
.css-1p76nl8 .MuiOutlinedInput-root.Mui-focused fieldset { border-color: rgb(42, 80, 68); border-width: 1px; border-style: solid; }
.css-1yfu3oy { display: inline-flex; flex-direction: column; position: relative; padding: 0px; margin: 12px 0px 0px; border: 0px; vertical-align: top; width: 100%; min-width: 127px; }
.css-1yfu3oy .MuiInputAdornment-positionStart { position: absolute; left: 12px; right: unset; top: 50%; transform: translateY(-50%); color: rgba(255, 255, 255, 0.8); }
.css-1yfu3oy .MuiInputAdornment-positionEnd { position: absolute; color: rgba(255, 255, 255, 0.8); }
.css-1yfu3oy label { font-size: 14px; font-weight: 400; line-height: 18px; color: rgba(255, 255, 255, 0.4); }
.css-1yfu3oy label.Mui-focused { color: rgb(0, 254, 169); }
.css-1yfu3oy .MuiInputBase-root { background: rgb(28, 54, 45); }
.css-1yfu3oy .MuiInputBase-adornedEnd { padding-right: 12px; padding-left: unset; }
.css-1yfu3oy .MuiInputBase-adornedStart { padding-left: 12px; padding-right: unset; }
.css-1yfu3oy input { background-clip: text; font-size: 14px; font-weight: 400; line-height: 18px; color: rgb(255, 255, 255); box-shadow: unset !important; }
.css-1yfu3oy input::-webkit-input-placeholder { font-size: 14px; font-weight: 400; line-height: 18px; color: rgba(255, 255, 255, 0.4); opacity: 1; }
.css-1yfu3oy input::placeholder { font-size: 14px; font-weight: 400; line-height: 18px; color: rgba(255, 255, 255, 0.4); opacity: 1; }
.css-1yfu3oy input:disabled { opacity: 0.5; }
.css-1yfu3oy .MuiOutlinedInput-root { font-size: 14px; font-weight: 400; line-height: 18px; color: rgb(255, 255, 255); border-radius: 6px; }
.css-1yfu3oy .MuiOutlinedInput-root fieldset { transition: 250ms; border-width: 1px; border-color: rgb(42, 80, 68); }
.css-1yfu3oy .MuiOutlinedInput-root:hover { background: rgb(42, 80, 68); }
.css-1yfu3oy .MuiOutlinedInput-root:hover fieldset { border-width: 1px; border-color: rgb(42, 80, 68); }
.css-1yfu3oy .MuiOutlinedInput-root.Mui-focused { background: rgb(28, 54, 45); }
.css-1yfu3oy .MuiOutlinedInput-root.Mui-focused fieldset { border-width: 1px; border-color: rgb(0, 254, 169); }
.css-1yfu3oy .MuiOutlinedInput-root.Mui-disabled { opacity: 0.5; }
.css-1yfu3oy .MuiOutlinedInput-root.Mui-disabled fieldset { border-color: rgb(42, 80, 68); }
.css-1yfu3oy .MuiOutlinedInput-root.Mui-error fieldset { border-width: 1px; border-color: rgb(242, 73, 50); }
.css-1yfu3oy .MuiOutlinedInput-root .MuiOutlinedInput-notchedOutline { top: 0px; }
.css-1yfu3oy .MuiOutlinedInput-root .MuiInputBase-input { height: 40px; display: flex; -webkit-box-align: center; align-items: center; line-height: 18px; box-sizing: border-box; padding: 0px 12px; }
.css-1yfu3oy .MuiOutlinedInput-root .MuiInputBase-inputSizeSmall { height: 36px; }
.css-1yfu3oy .MuiOutlinedInput-root.MuiInputBase-sizeLarge { height: 44px; align-items: flex-end; padding-bottom: 4px; }
.css-1yfu3oy .MuiOutlinedInput-root.MuiInputBase-sizeLarge .MuiInputBase-input { height: 18px; }
.css-1yfu3oy .MuiOutlinedInput-root legend { display: none; }
.css-1yfu3oy .MuiOutlinedInput-input.Mui-disabled { -webkit-text-fill-color: rgba(255, 255, 255, 0.5); }
.css-1yfu3oy input { height: 100%; opacity: 0; color: transparent; padding-left: 12px; padding-right: 12px; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; font-size: 14px; font-weight: 400; line-height: 18px; }
.css-1yfu3oy input:disabled { opacity: 0; }
.css-1yfu3oy .MuiInputBase-root { background: rgb(28, 54, 45); font-size: 14px; font-weight: 400; line-height: 18px; color: rgb(255, 255, 255); }
.css-1yfu3oy .MuiInputBase-root:hover { background: rgb(42, 80, 68); }
.css-1yfu3oy .MuiInputBase-root.Mui-focused { background: rgb(28, 54, 45); }
.css-1yfu3oy .MuiInputBase-root.Mui-disabled { opacity: 0.5; }
.css-1yfu3oy .MuiInputBase-input { padding-right: 0px !important; }
.css-1yfu3oy .MuiInputBase-input.MuiSelect-multiple #selected-icon { display: none; }
.css-1yfu3oy .MuiOutlinedInput-root.MuiInputBase-sizeLarge { -webkit-box-align: center; align-items: center; padding-bottom: 0px; }
.css-1yfu3oy .MuiOutlinedInput-root.MuiInputBase-sizeLarge .MuiInputBase-input { height: 100%; }
.css-1yfu3oy .Mui-focused { border-color: transparent; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; }
.css-1yfu3oy .MuiOutlinedInput-root #selected-icon { display: none; }
.css-1yfu3oy .MuiOutlinedInput-root fieldset { border: 1px solid transparent; }
.css-1yfu3oy .MuiOutlinedInput-root:hover fieldset { border: 1px solid transparent; }
.css-1yfu3oy .MuiOutlinedInput-root.Mui-focused fieldset { border-color: rgb(42, 80, 68); border-width: 1px; border-style: solid; }
.css-ia7ztw { font-family: Kanit, sans-serif; font-weight: 400; font-size: 1rem; line-height: 1.4375em; color: rgb(255, 255, 255); box-sizing: border-box; cursor: text; display: inline-flex; -webkit-box-align: center; align-items: center; width: 100%; position: relative; border-radius: 4px; }
.css-ia7ztw.Mui-disabled { color: rgba(255, 255, 255, 0.4); cursor: default; }
.css-ia7ztw:hover .MuiOutlinedInput-notchedOutline { border-color: rgb(255, 255, 255); }
@media (hover: none) {
  .css-ia7ztw:hover .MuiOutlinedInput-notchedOutline { border-color: rgba(255, 255, 255, 0.23); }
}
.css-ia7ztw.Mui-focused .MuiOutlinedInput-notchedOutline { border-width: 2px; }
.css-ia7ztw.Mui-focused .MuiOutlinedInput-notchedOutline { border-color: rgb(0, 254, 169); }
.css-ia7ztw.Mui-error .MuiOutlinedInput-notchedOutline { border-color: rgb(242, 73, 50); }
.css-ia7ztw.Mui-disabled .MuiOutlinedInput-notchedOutline { border-color: rgba(255, 255, 255, 0.3); }
.css-y7p799 { font: inherit; letter-spacing: inherit; color: currentcolor; border: 0px; box-sizing: content-box; background: none; height: 1.4375em; margin: 0px; -webkit-tap-highlight-color: transparent; display: block; min-width: 0px; width: 100%; animation-name: mui-auto-fill-cancel; animation-duration: 10ms; padding: 16.5px 14px; }
.css-y7p799::-webkit-input-placeholder { color: currentcolor; opacity: 0.5; transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1); }
.css-y7p799:focus { outline: 0px; }
.css-y7p799:invalid { box-shadow: none; }
.css-y7p799::-webkit-search-decoration { appearance: none; }
label[data-shrink="false"] + .MuiInputBase-formControl .css-y7p799::-webkit-input-placeholder { opacity: 0 !important; }
label[data-shrink="false"] + .MuiInputBase-formControl .css-y7p799:focus::-webkit-input-placeholder { opacity: 0.5; }
.css-y7p799.Mui-disabled { opacity: 1; -webkit-text-fill-color: rgba(255, 255, 255, 0.4); }
.css-y7p799:-webkit-autofill { animation-duration: 5000s; animation-name: mui-auto-fill; }
.css-y7p799:-webkit-autofill { box-shadow: rgb(38, 103, 152) 0px 0px 0px 100px inset; -webkit-text-fill-color: rgb(255, 255, 255); caret-color: rgb(255, 255, 255); border-radius: inherit; }
.css-j4nryt { appearance: none; user-select: none; cursor: pointer; border-radius: 4px; font: inherit; letter-spacing: inherit; color: currentcolor; border: 0px; box-sizing: content-box; background: none; height: 1.4375em; margin: 0px; -webkit-tap-highlight-color: transparent; display: block; min-width: 0px; width: 100%; animation-name: mui-auto-fill-cancel; animation-duration: 10ms; padding: 16.5px 14px; }
.css-j4nryt:focus { border-radius: 0px; }
.css-j4nryt.Mui-disabled { cursor: default; }
.css-j4nryt[multiple] { height: auto; }
.css-j4nryt:not([multiple]) option, .css-j4nryt:not([multiple]) optgroup { background-color: rgb(21, 40, 34); }
.css-j4nryt:focus { border-radius: 4px; }
.css-j4nryt.css-j4nryt.css-j4nryt { padding-right: 32px; }
.css-j4nryt.MuiSelect-select { height: auto; min-height: 1.4375em; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.css-j4nryt::-webkit-input-placeholder { color: currentcolor; opacity: 0.5; transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1); }
.css-j4nryt:focus { outline: 0px; }
.css-j4nryt:invalid { box-shadow: none; }
.css-j4nryt::-webkit-search-decoration { appearance: none; }
label[data-shrink="false"] + .MuiInputBase-formControl .css-j4nryt::-webkit-input-placeholder { opacity: 0 !important; }
label[data-shrink="false"] + .MuiInputBase-formControl .css-j4nryt:focus::-webkit-input-placeholder { opacity: 0.5; }
.css-j4nryt.Mui-disabled { opacity: 1; -webkit-text-fill-color: rgba(255, 255, 255, 0.4); }
.css-j4nryt:-webkit-autofill { animation-duration: 5000s; animation-name: mui-auto-fill; }
.css-j4nryt:-webkit-autofill { box-shadow: rgb(38, 103, 152) 0px 0px 0px 100px inset; -webkit-text-fill-color: rgb(255, 255, 255); caret-color: rgb(255, 255, 255); border-radius: inherit; }
.css-p9p0ok { display: flex; -webkit-box-align: center; align-items: center; gap: 4px; white-space: normal; width: calc(100% - 58px); }
.css-1kl9l3m { font-weight: 500; }
.css-1yli7wi { margin: 0px; font-size: 14px; color: rgb(255, 255, 255); font-weight: 500; }
.css-19cc1hc { position: absolute; right: 8px; left: unset; top: 50%; transform: translateY(-50%); color: rgb(0, 254, 169); }
.css-1l8wmu4 { position: absolute; right: 8px; left: unset; top: 50%; transform: translateY(-50%); color: rgb(0, 254, 169); }
.css-1l8wmu4.MuiIcon-root { display: flex; width: 20px !important; height: 20px !important; font-size: 20px !important; line-height: 20px !important; }
.css-1l8wmu4.MuiIcon-root.MuiIcon-colorTxt\.textWhite100 { color: rgb(255, 255, 255); }
.css-1l8wmu4.MuiIcon-root.MuiIcon-colorTxt\.textWhite80 { color: rgba(255, 255, 255, 0.8); }
.css-1l8wmu4.MuiIcon-root.MuiIcon-colorTxt\.textWhite40 { color: rgba(255, 255, 255, 0.4); }
.css-1l8wmu4.MuiIcon-root.MuiIcon-colorTxt\.secondary { color: rgba(255, 255, 255, 0.8); }
.css-1l8wmu4.MuiIcon-root.MuiIcon-colorAccent\.main { color: rgb(0, 254, 169); }
.css-1l8wmu4.MuiIcon-root.MuiIcon-colorAccent\.gradient { background: linear-gradient(90deg, rgb(254, 226, 12) 0%, rgb(255, 174, 0) 100%) text; -webkit-text-fill-color: transparent; }
.css-1l8wmu4.MuiIcon-root.MuiIcon-colorEvent\.bg { color: rgb(21, 40, 34); }
.css-1l8wmu4.MuiIcon-root.MuiIcon-colorEvent\.bgHover { color: rgb(28, 54, 45); }
.css-1l8wmu4.MuiIcon-root.MuiIcon-colorEvent\.bg2 { color: rgb(0, 254, 169); }
.css-1l8wmu4.MuiIcon-root.MuiIcon-colorFilter\.bg { color: rgb(21, 40, 34); }
.css-1l8wmu4.MuiIcon-root.MuiIcon-colorFilter\.bgHover { color: rgb(28, 54, 45); }
.css-1l8wmu4.MuiIcon-root.MuiIcon-colorFilter\.bg2 { color: rgb(0, 254, 169); }
.css-1l8wmu4.MuiIcon-root.MuiIcon-colorFixedColor\.success { color: rgb(152, 255, 22); }
.css-1l8wmu4.MuiIcon-root.MuiIcon-colorFixedColor\.warning { color: rgb(255, 218, 22); }
.css-1l8wmu4.MuiIcon-root.MuiIcon-colorFixedColor\.error { color: rgb(242, 73, 50); }
.css-1l8wmu4.MuiIcon-root.MuiIcon-colorHeader\.bg { color: rgb(28, 54, 45); }
.css-1l8wmu4.MuiIcon-root.MuiIcon-colorInputDropDown\.bg { color: rgb(21, 40, 34); }
.css-1l8wmu4.MuiIcon-root.MuiIcon-colorInputDropDown\.bgHover { color: rgb(28, 54, 45); }
.css-1l8wmu4.MuiIcon-root.MuiIcon-colorInputDropDown\.bg2 { color: rgb(0, 254, 169); }
.css-1l8wmu4.MuiIcon-root.MuiIcon-colorMenu1\.bg { color: rgb(14, 27, 23); }
.css-1l8wmu4.MuiIcon-root.MuiIcon-colorOdd\.bg { color: rgb(21, 40, 34); }
.css-1l8wmu4.MuiIcon-root.MuiIcon-colorOdd\.bg2 { color: rgb(28, 54, 45); }
.css-1l8wmu4.MuiIcon-root.MuiIcon-colorVip\.blackDiamond { color: rgb(240, 230, 215); }
.css-1l8wmu4.MuiIcon-root.MuiIcon-colorVip\.bronze { color: rgb(202, 128, 86); }
.css-1l8wmu4.MuiIcon-root.MuiIcon-colorVip\.gold { color: rgb(238, 190, 68); }
.css-1l8wmu4.MuiIcon-root.MuiIcon-colorVip\.sliver { color: rgb(221, 221, 221); }
.css-1l8wmu4.MuiIcon-root.MuiIcon-colorDark\.dark1 { color: rgb(14, 27, 23); }
.css-1l8wmu4.MuiIcon-root.MuiIcon-colorFixedColor\.info { color: rgb(79, 195, 247); }
.css-1l8wmu4.MuiIcon-fontSizeSmall { width: 16px !important; height: 16px !important; font-size: 16px !important; line-height: 16px !important; }
.css-1l8wmu4.MuiIcon-fontSizeLarge { width: 24px !important; height: 24px !important; font-size: 24px !important; line-height: 24px !important; }
.css-1l8wmu4.MuiIcon-fontSizeLarge80 { width: 80px !important; height: 80px !important; font-size: 80px !important; line-height: 80px !important; }
.css-1l8wmu4.MuiIcon-fontSizeLarge40 { width: 40px !important; height: 40px !important; font-size: 40px !important; line-height: 40px !important; }
.css-1l8wmu4.MuiIcon-fontSizeLarge64 { width: 64px !important; height: 64px !important; font-size: 64px !important; line-height: 64px !important; }
.css-1l8wmu4.MuiIcon-fontSizeLarge44 { width: 44px !important; height: 44px !important; font-size: 44px !important; line-height: 44px !important; }
.css-1l8wmu4.MuiIcon-fontSizeExtraSmall { width: 14px !important; height: 14px !important; font-size: 14px !important; line-height: 14px !important; }
.css-1l8wmu4.MuiIcon-fontSizeExtLarge { width: 32px !important; height: 32px !important; font-size: 32px !important; line-height: 32px !important; }
.css-1l8wmu4.MuiIcon-colorWhite { color: rgb(255, 255, 255); }
.css-1pknlb2 { user-select: none; width: 1em; height: 1em; overflow: hidden; display: inline-block; text-align: center; flex-shrink: 0; font-size: 1.5rem; position: absolute; right: 8px; left: unset; top: 50%; transform: translateY(-50%); color: rgb(0, 254, 169); }
.css-1pknlb2.MuiIcon-root { display: flex; width: 20px !important; height: 20px !important; font-size: 20px !important; line-height: 20px !important; }
.css-1pknlb2.MuiIcon-root.MuiIcon-colorTxt\.textWhite100 { color: rgb(255, 255, 255); }
.css-1pknlb2.MuiIcon-root.MuiIcon-colorTxt\.textWhite80 { color: rgba(255, 255, 255, 0.8); }
.css-1pknlb2.MuiIcon-root.MuiIcon-colorTxt\.textWhite40 { color: rgba(255, 255, 255, 0.4); }
.css-1pknlb2.MuiIcon-root.MuiIcon-colorTxt\.secondary { color: rgba(255, 255, 255, 0.8); }
.css-1pknlb2.MuiIcon-root.MuiIcon-colorAccent\.main { color: rgb(0, 254, 169); }
.css-1pknlb2.MuiIcon-root.MuiIcon-colorAccent\.gradient { background: linear-gradient(90deg, rgb(254, 226, 12) 0%, rgb(255, 174, 0) 100%) text; -webkit-text-fill-color: transparent; }
.css-1pknlb2.MuiIcon-root.MuiIcon-colorEvent\.bg { color: rgb(21, 40, 34); }
.css-1pknlb2.MuiIcon-root.MuiIcon-colorEvent\.bgHover { color: rgb(28, 54, 45); }
.css-1pknlb2.MuiIcon-root.MuiIcon-colorEvent\.bg2 { color: rgb(0, 254, 169); }
.css-1pknlb2.MuiIcon-root.MuiIcon-colorFilter\.bg { color: rgb(21, 40, 34); }
.css-1pknlb2.MuiIcon-root.MuiIcon-colorFilter\.bgHover { color: rgb(28, 54, 45); }
.css-1pknlb2.MuiIcon-root.MuiIcon-colorFilter\.bg2 { color: rgb(0, 254, 169); }
.css-1pknlb2.MuiIcon-root.MuiIcon-colorFixedColor\.success { color: rgb(152, 255, 22); }
.css-1pknlb2.MuiIcon-root.MuiIcon-colorFixedColor\.warning { color: rgb(255, 218, 22); }
.css-1pknlb2.MuiIcon-root.MuiIcon-colorFixedColor\.error { color: rgb(242, 73, 50); }
.css-1pknlb2.MuiIcon-root.MuiIcon-colorHeader\.bg { color: rgb(28, 54, 45); }
.css-1pknlb2.MuiIcon-root.MuiIcon-colorInputDropDown\.bg { color: rgb(21, 40, 34); }
.css-1pknlb2.MuiIcon-root.MuiIcon-colorInputDropDown\.bgHover { color: rgb(28, 54, 45); }
.css-1pknlb2.MuiIcon-root.MuiIcon-colorInputDropDown\.bg2 { color: rgb(0, 254, 169); }
.css-1pknlb2.MuiIcon-root.MuiIcon-colorMenu1\.bg { color: rgb(14, 27, 23); }
.css-1pknlb2.MuiIcon-root.MuiIcon-colorOdd\.bg { color: rgb(21, 40, 34); }
.css-1pknlb2.MuiIcon-root.MuiIcon-colorOdd\.bg2 { color: rgb(28, 54, 45); }
.css-1pknlb2.MuiIcon-root.MuiIcon-colorVip\.blackDiamond { color: rgb(240, 230, 215); }
.css-1pknlb2.MuiIcon-root.MuiIcon-colorVip\.bronze { color: rgb(202, 128, 86); }
.css-1pknlb2.MuiIcon-root.MuiIcon-colorVip\.gold { color: rgb(238, 190, 68); }
.css-1pknlb2.MuiIcon-root.MuiIcon-colorVip\.sliver { color: rgb(221, 221, 221); }
.css-1pknlb2.MuiIcon-root.MuiIcon-colorDark\.dark1 { color: rgb(14, 27, 23); }
.css-1pknlb2.MuiIcon-root.MuiIcon-colorFixedColor\.info { color: rgb(79, 195, 247); }
.css-1pknlb2.MuiIcon-fontSizeSmall { width: 16px !important; height: 16px !important; font-size: 16px !important; line-height: 16px !important; }
.css-1pknlb2.MuiIcon-fontSizeLarge { width: 24px !important; height: 24px !important; font-size: 24px !important; line-height: 24px !important; }
.css-1pknlb2.MuiIcon-fontSizeLarge80 { width: 80px !important; height: 80px !important; font-size: 80px !important; line-height: 80px !important; }
.css-1pknlb2.MuiIcon-fontSizeLarge40 { width: 40px !important; height: 40px !important; font-size: 40px !important; line-height: 40px !important; }
.css-1pknlb2.MuiIcon-fontSizeLarge64 { width: 64px !important; height: 64px !important; font-size: 64px !important; line-height: 64px !important; }
.css-1pknlb2.MuiIcon-fontSizeLarge44 { width: 44px !important; height: 44px !important; font-size: 44px !important; line-height: 44px !important; }
.css-1pknlb2.MuiIcon-fontSizeExtraSmall { width: 14px !important; height: 14px !important; font-size: 14px !important; line-height: 14px !important; }
.css-1pknlb2.MuiIcon-fontSizeExtLarge { width: 32px !important; height: 32px !important; font-size: 32px !important; line-height: 32px !important; }
.css-1pknlb2.MuiIcon-colorWhite { color: rgb(255, 255, 255); }
.css-147e5lo { bottom: 0px; left: 0px; position: absolute; opacity: 0; pointer-events: none; width: 100%; box-sizing: border-box; }
.css-2ekav1 { position: absolute; top: calc(50% - 0.5em); pointer-events: none; color: rgb(255, 255, 255); right: 7px; }
.css-2ekav1.Mui-disabled { color: rgba(255, 255, 255, 0.3); }
.css-1cisn15 { user-select: none; width: 1em; height: 1em; display: inline-block; flex-shrink: 0; transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1); fill: currentcolor; font-size: 1.5rem; position: absolute; top: calc(50% - 0.5em); pointer-events: none; color: rgb(255, 255, 255); right: 7px; }
.css-1cisn15.Mui-disabled { color: rgba(255, 255, 255, 0.3); }
.css-dqgkwh { border-color: rgba(255, 255, 255, 0.23); }
.css-kdbx36 { text-align: left; position: absolute; inset: -5px 0px 0px; margin: 0px; padding: 0px 8px; pointer-events: none; border-radius: inherit; border-style: solid; border-width: 1px; overflow: hidden; min-width: 0%; border-color: rgba(255, 255, 255, 0.23); }
.css-w4cd9x { float: unset; width: auto; overflow: hidden; padding: 0px; line-height: 11px; transition: width 150ms cubic-bezier(0, 0, 0.2, 1); }
.css-q438ze.overflow-active { overflow-y: hidden; }
.css-1ye5255 { overflow-y: hidden; background: transparent; box-shadow: none; border-radius: 0px; overflow-x: unset; }
.css-1ye5255 .table-row.Mui-selected { background-color: transparent; }
.css-1ye5255 .table-row.Mui-selected:hover { background-color: rgb(42, 80, 68); }
.css-1ye5255.table-medium .table-row-wrapper-cell-content, .css-1ye5255.table-medium .table-header-row-cell { height: 40px; padding: 0px 16px; overflow: auto; }
.css-1ye5255.table-small .table-row-wrapper-cell-content, .css-1ye5255.table-small .table-header-row-cell { height: 36px; padding: 0px 12px; }
.css-1ye5255 .MuiTableBody-root .MuiTableRow-root:nth-of-type(2n+1) { background-color: rgb(14, 27, 23); }
.css-1ye5255 .MuiTableBody-root .MuiTableRow-root:nth-of-type(2n) { background-color: transparent; }
.css-17zislt { width: 100%; overflow-y: hidden; background: transparent; box-shadow: none; border-radius: 0px; overflow-x: unset; }
.css-17zislt .MuiTableBody-root .MuiTableRow-root:nth-of-type(2n+1) { background-color: rgb(14, 27, 23); }
.css-17zislt .MuiTableBody-root .MuiTableRow-root:nth-of-type(2n) { background-color: transparent; }
.css-17zislt .table-row.Mui-selected { background-color: transparent; }
.css-17zislt .table-row.Mui-selected:hover { background-color: rgb(42, 80, 68); }
.css-17zislt.table-medium .table-row-wrapper-cell-content, .css-17zislt.table-medium .table-header-row-cell { height: 40px; padding: 0px 16px; overflow: auto; }
.css-17zislt.table-small .table-row-wrapper-cell-content, .css-17zislt.table-small .table-header-row-cell { height: 36px; padding: 0px 12px; }
.css-17zislt .MuiTableBody-root .MuiTableRow-root:nth-of-type(2n+1) { background-color: rgb(14, 27, 23); }
.css-17zislt .MuiTableBody-root .MuiTableRow-root:nth-of-type(2n) { background-color: transparent; }
.css-p1yab0 { color: rgb(255, 255, 255); transition: box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1); width: 100%; overflow-y: hidden; background: transparent; box-shadow: none; border-radius: 0px; overflow-x: unset; }
.css-p1yab0 .MuiTableBody-root .MuiTableRow-root:nth-of-type(2n+1) { background-color: rgb(14, 27, 23); }
.css-p1yab0 .MuiTableBody-root .MuiTableRow-root:nth-of-type(2n) { background-color: transparent; }
.css-p1yab0 .table-row.Mui-selected { background-color: transparent; }
.css-p1yab0 .table-row.Mui-selected:hover { background-color: rgb(42, 80, 68); }
.css-p1yab0.table-medium .table-row-wrapper-cell-content, .css-p1yab0.table-medium .table-header-row-cell { height: 40px; padding: 0px 16px; overflow: auto; }
.css-p1yab0.table-small .table-row-wrapper-cell-content, .css-p1yab0.table-small .table-header-row-cell { height: 36px; padding: 0px 12px; }
.css-p1yab0 .MuiTableBody-root .MuiTableRow-root:nth-of-type(2n+1) { background-color: rgb(14, 27, 23); }
.css-p1yab0 .MuiTableBody-root .MuiTableRow-root:nth-of-type(2n) { background-color: transparent; }
.css-4eh5yl { display: table; width: 100%; border-spacing: 0px; border-collapse: separate; }
.css-4eh5yl caption { font-family: Kanit, sans-serif; font-weight: 400; font-size: 0.875rem; line-height: 1.43; padding: 8px; color: rgba(255, 255, 255, 0.8); text-align: left; caption-side: bottom; }
.css-s4zxv0 { display: table-header-group; }
.css-jvfj9y { color: inherit; display: table-row; vertical-align: middle; outline: 0px; }
.css-jvfj9y.MuiTableRow-hover:hover { background-color: rgba(255, 255, 255, 0.08); }
.css-jvfj9y.Mui-selected { background-color: rgba(0, 254, 169, 0.16); }
.css-jvfj9y.Mui-selected:hover { background-color: rgba(0, 254, 169, 0.24); }
.css-10b9e0i { padding: 0px; border: 0px; }
.css-10b9e0i.MuiTableCell-head { color: rgba(255, 255, 255, 0.8); font-size: 14px; background-color: transparent; border-left-width: 0px !important; }
.css-10b9e0i.success { border-left: 1px solid rgb(152, 255, 22) !important; }
.css-10b9e0i.error { border-left: 1px solid rgb(242, 73, 50) !important; }
.css-10b9e0i.warning { border-left: 1px solid rgb(255, 218, 22) !important; }
.css-k69a97 { font-family: Kanit, sans-serif; font-size: 0.875rem; display: table-cell; vertical-align: inherit; color: rgb(255, 255, 255); line-height: 1.5rem; font-weight: 500; text-align: left; position: sticky; top: 0px; z-index: 2; background-color: rgb(12, 23, 19); padding: 0px; border: 0px; }
.css-k69a97.MuiTableCell-head { color: rgba(255, 255, 255, 0.8); font-size: 14px; background-color: transparent; border-left-width: 0px !important; }
.css-k69a97.success { border-left: 1px solid rgb(152, 255, 22) !important; }
.css-k69a97.error { border-left: 1px solid rgb(242, 73, 50) !important; }
.css-k69a97.warning { border-left: 1px solid rgb(255, 218, 22) !important; }
.css-1sss3db { font-family: Kanit, sans-serif; font-size: 0.875rem; display: table-cell; vertical-align: inherit; color: rgb(255, 255, 255); line-height: 1.5rem; font-weight: 500; text-align: right; flex-direction: row-reverse; position: sticky; top: 0px; z-index: 2; background-color: rgb(12, 23, 19); padding: 0px; border: 0px; }
.css-1sss3db.MuiTableCell-head { color: rgba(255, 255, 255, 0.8); font-size: 14px; background-color: transparent; border-left-width: 0px !important; }
.css-1sss3db.success { border-left: 1px solid rgb(152, 255, 22) !important; }
.css-1sss3db.error { border-left: 1px solid rgb(242, 73, 50) !important; }
.css-1sss3db.warning { border-left: 1px solid rgb(255, 218, 22) !important; }
.css-f64tkn > tr > td:first-of-type { border-radius: 6px 0px 0px 6px !important; }
.css-f64tkn > tr > td:last-of-type { border-radius: 0px 6px 6px 0px !important; }
.css-1al1qe8 { display: table-row-group; }
.css-1al1qe8 > tr > td:first-of-type { border-radius: 6px 0px 0px 6px !important; }
.css-1al1qe8 > tr > td:last-of-type { border-radius: 0px 6px 6px 0px !important; }
.css-1qh8f6b { color: inherit; display: table-row; vertical-align: middle; outline: 0px; }
.css-1qh8f6b.MuiTableRow-hover:hover { background-color: rgba(255, 255, 255, 0.08); }
.css-1qh8f6b.Mui-selected { background-color: rgba(0, 254, 169, 0.16); }
.css-1qh8f6b.Mui-selected:hover { background-color: rgba(0, 254, 169, 0.24); }
.css-1qh8f6b:last-child td, .css-1qh8f6b:last-child th { border: 0px solid; }
.css-9auq4v { font-family: Kanit, sans-serif; font-weight: 400; font-size: 0.875rem; line-height: 1.43; display: table-cell; vertical-align: inherit; color: rgb(255, 255, 255); text-align: left; padding: 0px; border: 0px; }
.css-9auq4v.MuiTableCell-head { color: rgba(255, 255, 255, 0.8); font-size: 14px; background-color: transparent; border-left-width: 0px !important; }
.css-9auq4v.success { border-left: 1px solid rgb(152, 255, 22) !important; }
.css-9auq4v.error { border-left: 1px solid rgb(242, 73, 50) !important; }
.css-9auq4v.warning { border-left: 1px solid rgb(255, 218, 22) !important; }
.css-ipkic { display: flex; gap: 8px; justify-content: left; -webkit-box-align: center; align-items: center; width: 100%; }
.css-89phf5 { display: flex; gap: 8px; justify-content: left; -webkit-box-align: center; align-items: center; width: 100%; }
.css-15r0vu8 { display: block; background-color: rgba(255, 255, 255, 0.13); height: auto; animation: 2s ease-in-out 0.5s infinite normal none running animation-c7515d; }
.css-15r0vu8 > * { visibility: hidden; }
@-webkit-keyframes animation-c7515d { 
  0% { opacity: 1; }
  50% { opacity: 0.4; }
  100% { opacity: 1; }
}
@keyframes animation-c7515d { 
  0% { opacity: 1; }
  50% { opacity: 0.4; }
  100% { opacity: 1; }
}
.css-11jgprl { text-decoration: none; max-width: 100%; cursor: pointer; -webkit-box-align: center; align-items: center; gap: 8px; position: relative; display: flex; -webkit-box-pack: start; justify-content: flex-start; flex: 1 1 0%; }
.css-1huifw1 { text-decoration: none; max-width: 100%; cursor: pointer; -webkit-box-align: center; align-items: center; gap: 8px; position: relative; display: flex; -webkit-box-pack: start; justify-content: flex-start; flex: 1 1 0%; }
.css-15blhf0 { max-height: 32px; max-width: 24px; min-width: 24px; min-height: 32px; position: absolute; left: 0px; right: auto; top: -8px; }
.css-15blhf0 .game-image { border-radius: 4px; }
.css-32b9p4 { margin: 0px 0px 0px 32px; font-size: 14px; display: block; color: rgb(255, 255, 255); font-weight: 600; }
.css-4kz0r1 { font-family: Kanit, sans-serif; font-weight: 400; font-size: 0.875rem; line-height: 1.43; display: table-cell; vertical-align: inherit; color: rgb(255, 255, 255); text-align: right; flex-direction: row-reverse; padding: 0px; border: 0px; }
.css-4kz0r1.MuiTableCell-head { color: rgba(255, 255, 255, 0.8); font-size: 14px; background-color: transparent; border-left-width: 0px !important; }
.css-4kz0r1.success { border-left: 1px solid rgb(152, 255, 22) !important; }
.css-4kz0r1.error { border-left: 1px solid rgb(242, 73, 50) !important; }
.css-4kz0r1.warning { border-left: 1px solid rgb(255, 218, 22) !important; }
.css-1gxhn40 { display: flex; -webkit-box-align: center; align-items: center; margin-left: auto; margin-right: 0px; gap: 4px; }
.css-1r3b6j7 { font-size: 14px; font-weight: 600; }
.css-1j86g2b { line-height: unset; width: 16px; height: 16px; }
.css-rwg4s2 { position: relative; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; flex-shrink: 0; font-family: Kanit, sans-serif; font-size: 1.25rem; border-radius: 50%; overflow: hidden; user-select: none; color: rgb(12, 23, 19); background-color: rgb(117, 117, 117); line-height: unset; width: 16px; height: 16px; }
.css-18o7a3 { width: 75%; height: 75%; }
.css-97wums { user-select: none; display: inline-block; flex-shrink: 0; transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1); fill: currentcolor; font-size: 1.5rem; width: 75%; height: 75%; }
.css-1rjontk { margin: 0px 0px 0px auto; font-size: 14px; display: block; font-weight: 600; }
.css-1dzunhc { width: 40px; flex-shrink: 0; opacity: 0.8; }
.css-1dzunhc.Mui-disabled { opacity: 0; }
.css-1gh31go { display: inline-flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; position: relative; box-sizing: border-box; -webkit-tap-highlight-color: transparent; background-color: transparent; outline: 0px; border: 0px; margin: 0px; border-radius: 0px; padding: 0px; cursor: pointer; user-select: none; vertical-align: middle; appearance: none; text-decoration: none; color: inherit; width: 40px; flex-shrink: 0; opacity: 0.8; }
.css-1gh31go.Mui-disabled { pointer-events: none; cursor: default; }
@media print {
  .css-1gh31go { print-color-adjust: exact; }
}
.css-1gh31go.Mui-disabled { opacity: 0; }
.css-vh810p { user-select: none; width: 1em; height: 1em; display: inline-block; flex-shrink: 0; transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1); fill: currentcolor; font-size: 1.25rem; }
.css-1jtwck0 { margin-top: env(safe-area-inset-top); margin-bottom: calc(env(safe-area-inset-bottom) + 58px); }
.css-1tmuefj { position: relative; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; flex-shrink: 0; font-family: Kanit, sans-serif; font-size: 1.25rem; border-radius: 50%; overflow: hidden; user-select: none; line-height: unset; width: 16px; height: 16px; }
.css-45do71 { width: 100%; height: 100%; text-align: center; object-fit: cover; color: transparent; text-indent: 10000px; }
.css-13rj97x { font-size: 14px; font-weight: 600; color: rgb(152, 255, 22); }
.css-7p7k2n { margin: 0px 0px 0px auto; font-size: 14px; display: block; color: rgb(152, 255, 22); font-weight: 600; }
.css-awmzos { display: flex; -webkit-box-align: center; align-items: center; height: 66px; gap: 16px; border-radius: 8px; background: linear-gradient(270deg, rgb(42, 80, 68) 1.17%, rgba(42, 80, 68, 0) 72.22%); border: 1px solid rgb(28, 54, 45); text-decoration: none; overflow: hidden; padding: 4px 16px 4px 0px; width: 153px; }
@media (max-width: 599.95px) {
  .css-awmzos { width: 136px; }
}
.css-cmy82t { position: relative; flex-shrink: 0; width: 48px; height: 66px; border-radius: 6px; background: rgb(28, 54, 45); overflow: hidden; }
.css-cmy82t .wrapper-image { height: 100%; }
.css-1hh0d1e { display: flex; flex-direction: column; gap: 4px; white-space: nowrap; overflow: hidden; }
.css-1o0zpf5 { margin: 0px; font-size: 12px; color: rgb(255, 255, 255); font-weight: 600; }
.css-1rri9tg { margin: 0px; font-size: 12px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; color: rgb(152, 255, 22); font-weight: 600; }
.css-1j89x4w { margin: 0px; font-size: 12px; color: rgba(255, 255, 255, 0.8); font-weight: 600; }
.css-1wxaqej { box-sizing: border-box; margin: 0px; flex-direction: row; }
.css-xt1rog { width: 100%; margin-top: 12px; }
@media (max-width: 1300px) {
  .css-xt1rog { padding-left: 20px; padding-right: 20px; }
}
@media (max-width: 599.95px) {
  .css-xt1rog { padding-left: 0px; padding-right: 0px; }
}
.css-12eo11i { max-width: 1200px; margin: 0px auto; width: 100%; }
@media (max-width: 599.95px) {
  .css-12eo11i { padding: 0px; }
}
.css-1x6ihxx { display: flex; flex-direction: column; -webkit-box-align: center; align-items: center; overflow: hidden; transition: max-height 0.5s linear; max-height: 290px; position: relative; }
.css-1x6ihxx::before { content: ""; position: absolute; z-index: 1; bottom: 0px; left: 0px; width: 100%; height: 50%; background: linear-gradient(360deg, rgb(14, 27, 23) 0%, rgba(26, 27, 35, 0) 100%); }
@media (max-width: 599.95px) {
  .css-1x6ihxx { padding: 0px; max-height: 370px; }
}
.css-1luso1x { column-count: 2; column-gap: 70px; break-before: avoid; font-family: Kanit, sans-serif; font-size: 14px; }
.css-1luso1x h1 { font-size: 32px; font-family: Kanit, sans-serif; font-weight: 300; line-height: 1.167; }
.css-1luso1x h2 { font-size: 24px; font-family: Kanit, sans-serif; font-weight: 300; line-height: 1.2; }
.css-1luso1x h3 { font-size: 20px; font-family: Kanit, sans-serif; font-weight: 400; line-height: 1.167; }
.css-1luso1x h4 { font-size: 18px; font-family: Kanit, sans-serif; font-weight: 400; line-height: 1.235; }
.css-1luso1x h5 { font-size: 16px; font-family: Kanit, sans-serif; font-weight: 400; line-height: 1.334; }
.css-1luso1x h6 { font-size: 14px; font-family: Kanit, sans-serif; font-weight: 500; line-height: 1.6; }
.css-1luso1x title10 { font-size: 10px; }
.css-1luso1x title11 { font-size: 11px; }
.css-1luso1x title12 { font-size: 12px; }
.css-1luso1x title13 { font-size: 13px; }
.css-1luso1x title14 { font-size: 14px; }
.css-1luso1x title16 { font-size: 16px; }
.css-1luso1x title20 { font-size: 20px; }
.css-1luso1x title24 { font-size: 24px; }
.css-1luso1x title32 { font-size: 32px; }
.css-1luso1x title48 { font-size: 48px; }
.css-1luso1x headline20 { font-size: 20px; font-weight: 500; line-height: 28px; }
.css-1luso1x medium12 { font-size: 12px; font-weight: 500; line-height: 16px; }
.css-1luso1x semibold14 { font-size: 14px; font-weight: 600; line-height: 18px; }
.css-1luso1x regular14 { font-size: 14px; font-weight: 400; line-height: 18px; }
.css-1luso1x bodyregular14 { font-size: 14px; font-weight: 400; line-height: normal; font-family: Inter, sans-serif; }
.css-1luso1x subtitle1 { font-family: Kanit, sans-serif; font-weight: 400; font-size: 1rem; line-height: 1.75; }
.css-1luso1x subtitle2 { font-family: Kanit, sans-serif; font-weight: 500; font-size: 0.875rem; line-height: 1.57; }
.css-1luso1x body1 { font-family: Kanit, sans-serif; font-weight: 400; font-size: 1rem; line-height: 1.5; }
.css-1luso1x body2 { font-family: Kanit, sans-serif; font-weight: 400; font-size: 0.875rem; line-height: 1.43; }
.css-1luso1x button { font-family: Kanit, sans-serif; font-weight: 500; font-size: 0.875rem; line-height: 1.75; text-transform: uppercase; }
.css-1luso1x caption { font-family: Kanit, sans-serif; font-weight: 400; font-size: 0.75rem; line-height: 1.66; }
.css-1luso1x overline { font-family: Kanit, sans-serif; font-weight: 400; font-size: 0.75rem; line-height: 2.66; text-transform: uppercase; }
.css-1luso1x inherit { font-family: inherit; font-weight: inherit; font-size: inherit; line-height: inherit; letter-spacing: inherit; }
@media (max-width: 599.95px) {
  .css-1luso1x { column-count: 1; }
}
.css-1luso1x p { font-weight: 400; font-size: var(--font-size-11); line-height: var(--l-height-15); color: var(--soft-violet); margin: 0px 0px 10px; }
.css-1luso1x p:first-of-type { margin-top: 0px; }
.css-1luso1x p:last-child { margin-bottom: 0px; }
@media screen and (max-width: 1100px) {
  .css-1luso1x { column-gap: 30px; }
}
@media screen and (max-width: 768px) {
  .css-1luso1x { column-count: unset; }
}
.css-1luso1x table { width: 100%; table-layout: fixed; border-collapse: collapse; }
.css-1luso1x th, .css-1luso1x td { overflow-wrap: break-word; }
.css-1luso1x thead, .css-1luso1x tbody { break-inside: avoid; }
.css-gmuwbf { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; }
.css-1cw7t8m { width: 135px; z-index: 1; margin-top: 10px; }
.css-pdx5q0 { display: inline-flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; gap: 8px; flex-shrink: 0; border-radius: 6px; color: rgba(0, 0, 0, 0.8); font-size: 14px; text-transform: none; text-align: center; width: 135px; z-index: 1; margin-top: 10px; }
.css-pdx5q0 .MuiButton-startIcon { display: inline-flex; gap: 8px; margin-right: 0px; margin-left: 0px; }
.css-pdx5q0 .MuiButton-endIcon { display: inline-flex; gap: 8px; margin-right: 0px; margin-left: 0px; }
.css-pdx5q0.MuiButton-containedPrimary { box-shadow: none; color: rgb(14, 27, 23); background: linear-gradient(90deg, rgb(254, 226, 12) 0%, rgb(255, 174, 0) 25%, rgb(254, 226, 12) 75%, rgb(255, 174, 0) 100%) 0% 0% / 400% 400%; }
.css-pdx5q0.MuiButton-containedPrimary:hover { color: rgb(14, 27, 23); animation: 0.7s ease 0s 1 normal forwards running animation-dofypc; }
.css-pdx5q0.MuiButton-containedPrimary:active { color: rgb(14, 27, 23); animation: 0.7s ease 0s 1 normal forwards running animation-i3y9un; }
.css-pdx5q0.MuiButton-containedPrimary:disabled { color: rgb(14, 27, 23); opacity: 0.5; }
.css-pdx5q0.MuiButton-containedSecondary { color: rgba(255, 255, 255, 0.8); background-color: rgb(28, 54, 45); box-shadow: none; }
.css-pdx5q0.MuiButton-containedSecondary:hover { background-color: rgb(28, 54, 45); opacity: 0.85; }
.css-pdx5q0.MuiButton-containedSecondary:active { color: rgb(255, 255, 255); background-color: rgb(28, 54, 45); opacity: 1; }
.css-pdx5q0.MuiButton-containedSecondary:disabled { color: rgba(255, 255, 255, 0.8); background-color: rgb(28, 54, 45); opacity: 0.4; }
.css-pdx5q0.MuiButton-containedSizeLarge { height: 44px; padding: 0px 12px; }
.css-pdx5q0.MuiButton-containedSizeMedium { height: 40px; padding: 0px 12px; }
.css-pdx5q0.MuiButton-containedSizeSmall { height: 36px; padding: 0px 12px; }
.css-pdx5q0.MuiButton-outlinedSizeLarge { height: 44px; padding: 0px 12px; }
.css-pdx5q0.MuiButton-outlinedSizeMedium { height: 40px; padding: 0px 12px; }
.css-pdx5q0.MuiButton-outlinedSizeSmall { height: 36px; padding: 0px 12px 0px 8px; }
.css-pdx5q0.MuiButton-text { padding: 0px 12px; color: rgb(0, 254, 169); font-size: 14px; font-weight: 600; line-height: 18px; }
.css-pdx5q0.MuiButton-text:hover { background: transparent; color: rgb(0, 229, 152); }
.css-pdx5q0.MuiButton-text:active { color: rgb(0, 229, 152); }
.css-pdx5q0.MuiButton-text:disabled { color: rgb(0, 254, 169); opacity: 0.4; }
.css-pdx5q0.MuiButton-textSecondary { color: rgba(255, 255, 255, 0.8); background: rgb(28, 54, 45); }
.css-pdx5q0.MuiButton-textSecondary:hover { opacity: 0.85; }
.css-pdx5q0.MuiButton-textSecondary:active { opacity: 1; }
.css-pdx5q0.MuiButton-textSecondary:disabled { opacity: 0.5; }
.css-pdx5q0.MuiButton-textSizeLarge { height: 44px; }
.css-pdx5q0.MuiButton-textSizeMedium { height: 40px; }
.css-pdx5q0.MuiButton-textSizeSmall { height: 36px; }
.css-pdx5q0.MuiButton-iconInherit { padding: 0px; }
.css-pdx5q0.MuiButton-iconPrimary { background: linear-gradient(90deg, rgb(254, 226, 12) 0%, rgb(255, 174, 0) 25%, rgb(254, 226, 12) 75%, rgb(255, 174, 0) 100%); box-shadow: none; }
.css-pdx5q0.MuiButton-iconPrimary:hover { opacity: 0.8; }
.css-pdx5q0.MuiButton-iconPrimary:active { opacity: 1; }
.css-pdx5q0.MuiButton-iconPrimary:disabled { opacity: 0.5; }
.css-pdx5q0.MuiButton-iconSecondary { color: rgba(255, 255, 255, 0.8); box-shadow: none; background-color: rgb(28, 54, 45); }
.css-pdx5q0.MuiButton-iconSecondary:hover { background-color: rgb(28, 54, 45); opacity: 0.85; }
.css-pdx5q0.MuiButton-iconSecondary:active { color: rgb(255, 255, 255); background-color: rgb(28, 54, 45); opacity: 1; }
.css-pdx5q0.MuiButton-iconSecondary:disabled { color: rgba(255, 255, 255, 0.8); background-color: rgb(28, 54, 45); opacity: 0.4; }
.css-pdx5q0.MuiButton-iconSuccess { background: rgb(152, 255, 22); border: 1px solid rgb(152, 255, 22); box-shadow: rgba(152, 255, 22, 0.6) 0px 0px 10px 0px; }
.css-pdx5q0.MuiButton-iconSuccess:hover { background-color: rgb(106, 178, 15); }
.css-pdx5q0.MuiButton-iconSuccess:active { background-color: rgb(106, 178, 15); }
.css-pdx5q0.MuiButton-iconSuccess:disabled { opacity: 0.5; box-shadow: none; }
.css-pdx5q0.MuiButton-iconError { background: rgb(242, 73, 50); border: 1px solid rgb(242, 73, 50); box-shadow: rgba(242, 73, 50, 0.6) 0px 0px 10px 0px; }
.css-pdx5q0.MuiButton-iconError:hover { background-color: rgb(169, 51, 35); }
.css-pdx5q0.MuiButton-iconError:active { background-color: rgb(169, 51, 35); }
.css-pdx5q0.MuiButton-iconError:disabled { opacity: 0.5; box-shadow: none; }
.css-pdx5q0.MuiButton-iconInfo { background: rgb(79, 195, 247); border: 1px solid rgb(79, 195, 247); box-shadow: rgba(79, 195, 247, 0.6) 0px 0px 10px 0px; }
.css-pdx5q0.MuiButton-iconInfo:hover { background-color: rgb(55, 136, 172); }
.css-pdx5q0.MuiButton-iconInfo:active { background-color: rgb(55, 136, 172); }
.css-pdx5q0.MuiButton-iconInfo:disabled { opacity: 0.5; box-shadow: none; }
.css-pdx5q0.MuiButton-iconWarning { background: rgb(255, 218, 22); border: 1px solid rgb(255, 218, 22); box-shadow: rgba(255, 218, 22, 0.6) 0px 0px 10px 0px; }
.css-pdx5q0.MuiButton-iconWarning:hover { background-color: rgb(178, 152, 15); }
.css-pdx5q0.MuiButton-iconWarning:active { background-color: rgb(178, 152, 15); }
.css-pdx5q0.MuiButton-iconWarning:disabled { opacity: 0.5; box-shadow: none; }
.css-pdx5q0.MuiButton-iconSizeLarge { min-width: 44px; width: 44px; height: 44px; padding: 2px; }
.css-pdx5q0.MuiButton-iconSizeLarge .MuiButton-startIcon { display: flex; gap: 0px; margin: 0px; color: rgba(255, 255, 255, 0.8); }
.css-pdx5q0.MuiButton-iconSizeMedium { min-width: 40px; width: 40px; height: 40px; padding: 2px; }
.css-pdx5q0.MuiButton-iconSizeMedium .MuiButton-startIcon { display: flex; gap: 0px; margin: 0px; }
.css-pdx5q0.MuiButton-iconSizeSmall { min-width: 36px; width: 36px; height: 36px; padding: 2px; }
.css-pdx5q0.MuiButton-iconSizeSmall .MuiButton-startIcon { display: flex; gap: 0px; margin: 0px; }
.css-pdx5q0.MuiButton-outlined { color: rgb(0, 254, 169); border: 1px solid rgb(0, 254, 169); background: rgba(14, 27, 23, 0.4); }
.css-pdx5q0.MuiButton-outlined:hover { border: 1px solid rgb(0, 254, 169); background: rgba(14, 27, 23, 0.4); opacity: 0.85; }
.css-pdx5q0.MuiButton-outlined:active { opacity: 1; }
.css-pdx5q0.MuiButton-outlined:disabled { color: rgb(0, 254, 169); border: 1px solid rgb(0, 254, 169); opacity: 0.4; }
.css-pdx5q0.MuiButton-cta { color: rgb(14, 27, 23); background-image: linear-gradient(90deg, rgb(254, 226, 12) 0%, rgb(255, 174, 0) 25%, rgb(254, 226, 12) 75%, rgb(255, 174, 0) 100%); background-size: 400% 400%; font-size: 14px; font-weight: 600; line-height: 18px; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; box-shadow: rgba(255, 255, 255, 0.6) 0px 9px 8px 0px inset, rgba(0, 254, 169, 0.2) 0px -4px 8px 0px inset, rgba(0, 254, 169, 0.24) 0px 0px 50px 0px; }
.css-pdx5q0.MuiButton-cta:hover { animation: 0.7s ease 0s 1 normal forwards running animation-dofypc; box-shadow: rgba(255, 255, 255, 0.6) 0px 9px 8px 0px inset, rgba(0, 254, 169, 0.2) 0px -4px 8px 0px inset, rgba(0, 254, 169, 0.8) 0px 0px 40px 0px; }
.css-pdx5q0.MuiButton-cta:active { animation: 0.7s ease 0s 1 normal forwards running animation-i3y9un; box-shadow: rgba(255, 255, 255, 0.6) 0px 9px 8px 0px inset, rgba(0, 254, 169, 0.2) 0px -4px 8px 0px inset, rgba(0, 254, 169, 0.24) 0px 0px 50px 0px; }
.css-pdx5q0.MuiButton-cta:disabled { color: rgb(14, 27, 23); opacity: 0.5; box-shadow: rgba(255, 255, 255, 0.6) 0px 9px 8px 0px inset, rgba(0, 254, 169, 0.2) 0px -4px 8px 0px inset, rgba(0, 254, 169, 0.24) 0px 0px 50px 0px; }
.css-pdx5q0.MuiButton-ctaSizeLarge { height: 44px; padding: 0px 12px; }
.css-pdx5q0.MuiButton-ctaSizeMedium { height: 40px; padding: 0px 12px; }
.css-pdx5q0.MuiButton-ctaSizeSmall { height: 36px; padding: 0px 12px; }
@-webkit-keyframes animation-i3y9un { 
  0% { background-position: 50% 0%; }
  100% { background-position: 0% 5%; }
}
@keyframes animation-i3y9un { 
  0% { background-position: 50% 0%; }
  100% { background-position: 0% 5%; }
}
@-webkit-keyframes animation-dofypc { 
  0% { background-position: 0% 50%; }
  100% { background-position: 50% 0%; }
}
@keyframes animation-dofypc { 
  0% { background-position: 0% 50%; }
  100% { background-position: 50% 0%; }
}
@-webkit-keyframes animation-i3y9un { 
  0% { background-position: 50% 0%; }
  100% { background-position: 0% 5%; }
}
@keyframes animation-i3y9un { 
  0% { background-position: 50% 0%; }
  100% { background-position: 0% 5%; }
}
@-webkit-keyframes animation-dofypc { 
  0% { background-position: 0% 50%; }
  100% { background-position: 50% 0%; }
}
@keyframes animation-dofypc { 
  0% { background-position: 0% 50%; }
  100% { background-position: 50% 0%; }
}
.css-2q25hi { font-family: Kanit, sans-serif; font-weight: 500; line-height: 1.75; min-width: 64px; border: 0px; background-color: var(--variant-containedBg); box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 1px -2px, rgba(0, 0, 0, 0.14) 0px 2px 2px 0px, rgba(0, 0, 0, 0.12) 0px 1px 5px 0px; --variant-textColor: #2A5044; --variant-outlinedColor: #2A5044; --variant-outlinedBorder: rgba(42, 80, 68, 0.5); --variant-containedColor: #fff; --variant-containedBg: #2A5044; padding: 4px 10px; transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1), box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1), border-color 250ms cubic-bezier(0.4, 0, 0.2, 1); display: inline-flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; gap: 8px; flex-shrink: 0; border-radius: 6px; color: rgba(0, 0, 0, 0.8); font-size: 14px; text-transform: none; text-align: center; width: 135px; z-index: 1; margin-top: 10px; }
.css-2q25hi:hover { text-decoration: none; }
.css-2q25hi.Mui-disabled { color: rgba(255, 255, 255, 0.3); }
.css-2q25hi:hover { box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 4px -1px, rgba(0, 0, 0, 0.14) 0px 4px 5px 0px, rgba(0, 0, 0, 0.12) 0px 1px 10px 0px; }
@media (hover: none) {
  .css-2q25hi:hover { box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 1px -2px, rgba(0, 0, 0, 0.14) 0px 2px 2px 0px, rgba(0, 0, 0, 0.12) 0px 1px 5px 0px; }
}
.css-2q25hi:active { box-shadow: rgba(0, 0, 0, 0.2) 0px 5px 5px -3px, rgba(0, 0, 0, 0.14) 0px 8px 10px 1px, rgba(0, 0, 0, 0.12) 0px 3px 14px 2px; }
.css-2q25hi.Mui-focusVisible { box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 5px -1px, rgba(0, 0, 0, 0.14) 0px 6px 10px 0px, rgba(0, 0, 0, 0.12) 0px 1px 18px 0px; }
.css-2q25hi.Mui-disabled { color: rgba(255, 255, 255, 0.3); box-shadow: none; background-color: rgba(255, 255, 255, 0.12); }
@media (hover: hover) {
  .css-2q25hi:hover { --variant-containedBg: rgb(29, 56, 47); --variant-textBg: rgba(42, 80, 68, 0.08); --variant-outlinedBorder: #2A5044; --variant-outlinedBg: rgba(42, 80, 68, 0.08); }
}
.css-2q25hi.MuiButton-loading { color: transparent; }
.css-2q25hi .MuiButton-startIcon { display: inline-flex; gap: 8px; margin-right: 0px; margin-left: 0px; }
.css-2q25hi .MuiButton-endIcon { display: inline-flex; gap: 8px; margin-right: 0px; margin-left: 0px; }
.css-2q25hi.MuiButton-containedPrimary { box-shadow: none; color: rgb(14, 27, 23); background: linear-gradient(90deg, rgb(254, 226, 12) 0%, rgb(255, 174, 0) 25%, rgb(254, 226, 12) 75%, rgb(255, 174, 0) 100%) 0% 0% / 400% 400%; }
.css-2q25hi.MuiButton-containedPrimary:hover { color: rgb(14, 27, 23); animation: 0.7s ease 0s 1 normal forwards running animation-dofypc; }
.css-2q25hi.MuiButton-containedPrimary:active { color: rgb(14, 27, 23); animation: 0.7s ease 0s 1 normal forwards running animation-i3y9un; }
.css-2q25hi.MuiButton-containedPrimary:disabled { color: rgb(14, 27, 23); opacity: 0.5; }
.css-2q25hi.MuiButton-containedSecondary { color: rgba(255, 255, 255, 0.8); background-color: rgb(28, 54, 45); box-shadow: none; }
.css-2q25hi.MuiButton-containedSecondary:hover { background-color: rgb(28, 54, 45); opacity: 0.85; }
.css-2q25hi.MuiButton-containedSecondary:active { color: rgb(255, 255, 255); background-color: rgb(28, 54, 45); opacity: 1; }
.css-2q25hi.MuiButton-containedSecondary:disabled { color: rgba(255, 255, 255, 0.8); background-color: rgb(28, 54, 45); opacity: 0.4; }
.css-2q25hi.MuiButton-containedSizeLarge { height: 44px; padding: 0px 12px; }
.css-2q25hi.MuiButton-containedSizeMedium { height: 40px; padding: 0px 12px; }
.css-2q25hi.MuiButton-containedSizeSmall { height: 36px; padding: 0px 12px; }
.css-2q25hi.MuiButton-outlinedSizeLarge { height: 44px; padding: 0px 12px; }
.css-2q25hi.MuiButton-outlinedSizeMedium { height: 40px; padding: 0px 12px; }
.css-2q25hi.MuiButton-outlinedSizeSmall { height: 36px; padding: 0px 12px 0px 8px; }
.css-2q25hi.MuiButton-text { padding: 0px 12px; color: rgb(0, 254, 169); font-size: 14px; font-weight: 600; line-height: 18px; }
.css-2q25hi.MuiButton-text:hover { background: transparent; color: rgb(0, 229, 152); }
.css-2q25hi.MuiButton-text:active { color: rgb(0, 229, 152); }
.css-2q25hi.MuiButton-text:disabled { color: rgb(0, 254, 169); opacity: 0.4; }
.css-2q25hi.MuiButton-textSecondary { color: rgba(255, 255, 255, 0.8); background: rgb(28, 54, 45); }
.css-2q25hi.MuiButton-textSecondary:hover { opacity: 0.85; }
.css-2q25hi.MuiButton-textSecondary:active { opacity: 1; }
.css-2q25hi.MuiButton-textSecondary:disabled { opacity: 0.5; }
.css-2q25hi.MuiButton-textSizeLarge { height: 44px; }
.css-2q25hi.MuiButton-textSizeMedium { height: 40px; }
.css-2q25hi.MuiButton-textSizeSmall { height: 36px; }
.css-2q25hi.MuiButton-iconInherit { padding: 0px; }
.css-2q25hi.MuiButton-iconPrimary { background: linear-gradient(90deg, rgb(254, 226, 12) 0%, rgb(255, 174, 0) 25%, rgb(254, 226, 12) 75%, rgb(255, 174, 0) 100%); box-shadow: none; }
.css-2q25hi.MuiButton-iconPrimary:hover { opacity: 0.8; }
.css-2q25hi.MuiButton-iconPrimary:active { opacity: 1; }
.css-2q25hi.MuiButton-iconPrimary:disabled { opacity: 0.5; }
.css-2q25hi.MuiButton-iconSecondary { color: rgba(255, 255, 255, 0.8); box-shadow: none; background-color: rgb(28, 54, 45); }
.css-2q25hi.MuiButton-iconSecondary:hover { background-color: rgb(28, 54, 45); opacity: 0.85; }
.css-2q25hi.MuiButton-iconSecondary:active { color: rgb(255, 255, 255); background-color: rgb(28, 54, 45); opacity: 1; }
.css-2q25hi.MuiButton-iconSecondary:disabled { color: rgba(255, 255, 255, 0.8); background-color: rgb(28, 54, 45); opacity: 0.4; }
.css-2q25hi.MuiButton-iconSuccess { background: rgb(152, 255, 22); border: 1px solid rgb(152, 255, 22); box-shadow: rgba(152, 255, 22, 0.6) 0px 0px 10px 0px; }
.css-2q25hi.MuiButton-iconSuccess:hover { background-color: rgb(106, 178, 15); }
.css-2q25hi.MuiButton-iconSuccess:active { background-color: rgb(106, 178, 15); }
.css-2q25hi.MuiButton-iconSuccess:disabled { opacity: 0.5; box-shadow: none; }
.css-2q25hi.MuiButton-iconError { background: rgb(242, 73, 50); border: 1px solid rgb(242, 73, 50); box-shadow: rgba(242, 73, 50, 0.6) 0px 0px 10px 0px; }
.css-2q25hi.MuiButton-iconError:hover { background-color: rgb(169, 51, 35); }
.css-2q25hi.MuiButton-iconError:active { background-color: rgb(169, 51, 35); }
.css-2q25hi.MuiButton-iconError:disabled { opacity: 0.5; box-shadow: none; }
.css-2q25hi.MuiButton-iconInfo { background: rgb(79, 195, 247); border: 1px solid rgb(79, 195, 247); box-shadow: rgba(79, 195, 247, 0.6) 0px 0px 10px 0px; }
.css-2q25hi.MuiButton-iconInfo:hover { background-color: rgb(55, 136, 172); }
.css-2q25hi.MuiButton-iconInfo:active { background-color: rgb(55, 136, 172); }
.css-2q25hi.MuiButton-iconInfo:disabled { opacity: 0.5; box-shadow: none; }
.css-2q25hi.MuiButton-iconWarning { background: rgb(255, 218, 22); border: 1px solid rgb(255, 218, 22); box-shadow: rgba(255, 218, 22, 0.6) 0px 0px 10px 0px; }
.css-2q25hi.MuiButton-iconWarning:hover { background-color: rgb(178, 152, 15); }
.css-2q25hi.MuiButton-iconWarning:active { background-color: rgb(178, 152, 15); }
.css-2q25hi.MuiButton-iconWarning:disabled { opacity: 0.5; box-shadow: none; }
.css-2q25hi.MuiButton-iconSizeLarge { min-width: 44px; width: 44px; height: 44px; padding: 2px; }
.css-2q25hi.MuiButton-iconSizeLarge .MuiButton-startIcon { display: flex; gap: 0px; margin: 0px; color: rgba(255, 255, 255, 0.8); }
.css-2q25hi.MuiButton-iconSizeMedium { min-width: 40px; width: 40px; height: 40px; padding: 2px; }
.css-2q25hi.MuiButton-iconSizeMedium .MuiButton-startIcon { display: flex; gap: 0px; margin: 0px; }
.css-2q25hi.MuiButton-iconSizeSmall { min-width: 36px; width: 36px; height: 36px; padding: 2px; }
.css-2q25hi.MuiButton-iconSizeSmall .MuiButton-startIcon { display: flex; gap: 0px; margin: 0px; }
.css-2q25hi.MuiButton-outlined { color: rgb(0, 254, 169); border: 1px solid rgb(0, 254, 169); background: rgba(14, 27, 23, 0.4); }
.css-2q25hi.MuiButton-outlined:hover { border: 1px solid rgb(0, 254, 169); background: rgba(14, 27, 23, 0.4); opacity: 0.85; }
.css-2q25hi.MuiButton-outlined:active { opacity: 1; }
.css-2q25hi.MuiButton-outlined:disabled { color: rgb(0, 254, 169); border: 1px solid rgb(0, 254, 169); opacity: 0.4; }
.css-2q25hi.MuiButton-cta { color: rgb(14, 27, 23); background-image: linear-gradient(90deg, rgb(254, 226, 12) 0%, rgb(255, 174, 0) 25%, rgb(254, 226, 12) 75%, rgb(255, 174, 0) 100%); background-size: 400% 400%; font-size: 14px; font-weight: 600; line-height: 18px; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; box-shadow: rgba(255, 255, 255, 0.6) 0px 9px 8px 0px inset, rgba(0, 254, 169, 0.2) 0px -4px 8px 0px inset, rgba(0, 254, 169, 0.24) 0px 0px 50px 0px; }
.css-2q25hi.MuiButton-cta:hover { animation: 0.7s ease 0s 1 normal forwards running animation-dofypc; box-shadow: rgba(255, 255, 255, 0.6) 0px 9px 8px 0px inset, rgba(0, 254, 169, 0.2) 0px -4px 8px 0px inset, rgba(0, 254, 169, 0.8) 0px 0px 40px 0px; }
.css-2q25hi.MuiButton-cta:active { animation: 0.7s ease 0s 1 normal forwards running animation-i3y9un; box-shadow: rgba(255, 255, 255, 0.6) 0px 9px 8px 0px inset, rgba(0, 254, 169, 0.2) 0px -4px 8px 0px inset, rgba(0, 254, 169, 0.24) 0px 0px 50px 0px; }
.css-2q25hi.MuiButton-cta:disabled { color: rgb(14, 27, 23); opacity: 0.5; box-shadow: rgba(255, 255, 255, 0.6) 0px 9px 8px 0px inset, rgba(0, 254, 169, 0.2) 0px -4px 8px 0px inset, rgba(0, 254, 169, 0.24) 0px 0px 50px 0px; }
.css-2q25hi.MuiButton-ctaSizeLarge { height: 44px; padding: 0px 12px; }
.css-2q25hi.MuiButton-ctaSizeMedium { height: 40px; padding: 0px 12px; }
.css-2q25hi.MuiButton-ctaSizeSmall { height: 36px; padding: 0px 12px; }
.css-qol67j { position: relative; box-sizing: border-box; -webkit-tap-highlight-color: transparent; outline: 0px; margin: 10px 0px 0px; cursor: pointer; user-select: none; vertical-align: middle; appearance: none; text-decoration: none; font-family: Kanit, sans-serif; font-weight: 500; line-height: 1.75; min-width: 64px; border: 0px; background-color: var(--variant-containedBg); box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 1px -2px, rgba(0, 0, 0, 0.14) 0px 2px 2px 0px, rgba(0, 0, 0, 0.12) 0px 1px 5px 0px; --variant-textColor: #2A5044; --variant-outlinedColor: #2A5044; --variant-outlinedBorder: rgba(42, 80, 68, 0.5); --variant-containedColor: #fff; --variant-containedBg: #2A5044; padding: 4px 10px; transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1), box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1), border-color 250ms cubic-bezier(0.4, 0, 0.2, 1); display: inline-flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; gap: 8px; flex-shrink: 0; border-radius: 6px; color: rgba(0, 0, 0, 0.8); font-size: 14px; text-transform: none; text-align: center; width: 135px; z-index: 1; }
.css-qol67j.Mui-disabled { pointer-events: none; cursor: default; }
@media print {
  .css-qol67j { print-color-adjust: exact; }
}
.css-qol67j:hover { text-decoration: none; }
.css-qol67j.Mui-disabled { color: rgba(255, 255, 255, 0.3); }
.css-qol67j:hover { box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 4px -1px, rgba(0, 0, 0, 0.14) 0px 4px 5px 0px, rgba(0, 0, 0, 0.12) 0px 1px 10px 0px; }
@media (hover: none) {
  .css-qol67j:hover { box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 1px -2px, rgba(0, 0, 0, 0.14) 0px 2px 2px 0px, rgba(0, 0, 0, 0.12) 0px 1px 5px 0px; }
}
.css-qol67j:active { box-shadow: rgba(0, 0, 0, 0.2) 0px 5px 5px -3px, rgba(0, 0, 0, 0.14) 0px 8px 10px 1px, rgba(0, 0, 0, 0.12) 0px 3px 14px 2px; }
.css-qol67j.Mui-focusVisible { box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 5px -1px, rgba(0, 0, 0, 0.14) 0px 6px 10px 0px, rgba(0, 0, 0, 0.12) 0px 1px 18px 0px; }
.css-qol67j.Mui-disabled { color: rgba(255, 255, 255, 0.3); box-shadow: none; background-color: rgba(255, 255, 255, 0.12); }
@media (hover: hover) {
  .css-qol67j:hover { --variant-containedBg: rgb(29, 56, 47); --variant-textBg: rgba(42, 80, 68, 0.08); --variant-outlinedBorder: #2A5044; --variant-outlinedBg: rgba(42, 80, 68, 0.08); }
}
.css-qol67j.MuiButton-loading { color: transparent; }
.css-qol67j .MuiButton-startIcon { display: inline-flex; gap: 8px; margin-right: 0px; margin-left: 0px; }
.css-qol67j .MuiButton-endIcon { display: inline-flex; gap: 8px; margin-right: 0px; margin-left: 0px; }
.css-qol67j.MuiButton-containedPrimary { box-shadow: none; color: rgb(14, 27, 23); background: linear-gradient(90deg, rgb(254, 226, 12) 0%, rgb(255, 174, 0) 25%, rgb(254, 226, 12) 75%, rgb(255, 174, 0) 100%) 0% 0% / 400% 400%; }
.css-qol67j.MuiButton-containedPrimary:hover { color: rgb(14, 27, 23); animation: 0.7s ease 0s 1 normal forwards running animation-dofypc; }
.css-qol67j.MuiButton-containedPrimary:active { color: rgb(14, 27, 23); animation: 0.7s ease 0s 1 normal forwards running animation-i3y9un; }
.css-qol67j.MuiButton-containedPrimary:disabled { color: rgb(14, 27, 23); opacity: 0.5; }
.css-qol67j.MuiButton-containedSecondary { color: rgba(255, 255, 255, 0.8); background-color: rgb(28, 54, 45); box-shadow: none; }
.css-qol67j.MuiButton-containedSecondary:hover { background-color: rgb(28, 54, 45); opacity: 0.85; }
.css-qol67j.MuiButton-containedSecondary:active { color: rgb(255, 255, 255); background-color: rgb(28, 54, 45); opacity: 1; }
.css-qol67j.MuiButton-containedSecondary:disabled { color: rgba(255, 255, 255, 0.8); background-color: rgb(28, 54, 45); opacity: 0.4; }
.css-qol67j.MuiButton-containedSizeLarge { height: 44px; padding: 0px 12px; }
.css-qol67j.MuiButton-containedSizeMedium { height: 40px; padding: 0px 12px; }
.css-qol67j.MuiButton-containedSizeSmall { height: 36px; padding: 0px 12px; }
.css-qol67j.MuiButton-outlinedSizeLarge { height: 44px; padding: 0px 12px; }
.css-qol67j.MuiButton-outlinedSizeMedium { height: 40px; padding: 0px 12px; }
.css-qol67j.MuiButton-outlinedSizeSmall { height: 36px; padding: 0px 12px 0px 8px; }
.css-qol67j.MuiButton-text { padding: 0px 12px; color: rgb(0, 254, 169); font-size: 14px; font-weight: 600; line-height: 18px; }
.css-qol67j.MuiButton-text:hover { background: transparent; color: rgb(0, 229, 152); }
.css-qol67j.MuiButton-text:active { color: rgb(0, 229, 152); }
.css-qol67j.MuiButton-text:disabled { color: rgb(0, 254, 169); opacity: 0.4; }
.css-qol67j.MuiButton-textSecondary { color: rgba(255, 255, 255, 0.8); background: rgb(28, 54, 45); }
.css-qol67j.MuiButton-textSecondary:hover { opacity: 0.85; }
.css-qol67j.MuiButton-textSecondary:active { opacity: 1; }
.css-qol67j.MuiButton-textSecondary:disabled { opacity: 0.5; }
.css-qol67j.MuiButton-textSizeLarge { height: 44px; }
.css-qol67j.MuiButton-textSizeMedium { height: 40px; }
.css-qol67j.MuiButton-textSizeSmall { height: 36px; }
.css-qol67j.MuiButton-iconInherit { padding: 0px; }
.css-qol67j.MuiButton-iconPrimary { background: linear-gradient(90deg, rgb(254, 226, 12) 0%, rgb(255, 174, 0) 25%, rgb(254, 226, 12) 75%, rgb(255, 174, 0) 100%); box-shadow: none; }
.css-qol67j.MuiButton-iconPrimary:hover { opacity: 0.8; }
.css-qol67j.MuiButton-iconPrimary:active { opacity: 1; }
.css-qol67j.MuiButton-iconPrimary:disabled { opacity: 0.5; }
.css-qol67j.MuiButton-iconSecondary { color: rgba(255, 255, 255, 0.8); box-shadow: none; background-color: rgb(28, 54, 45); }
.css-qol67j.MuiButton-iconSecondary:hover { background-color: rgb(28, 54, 45); opacity: 0.85; }
.css-qol67j.MuiButton-iconSecondary:active { color: rgb(255, 255, 255); background-color: rgb(28, 54, 45); opacity: 1; }
.css-qol67j.MuiButton-iconSecondary:disabled { color: rgba(255, 255, 255, 0.8); background-color: rgb(28, 54, 45); opacity: 0.4; }
.css-qol67j.MuiButton-iconSuccess { background: rgb(152, 255, 22); border: 1px solid rgb(152, 255, 22); box-shadow: rgba(152, 255, 22, 0.6) 0px 0px 10px 0px; }
.css-qol67j.MuiButton-iconSuccess:hover { background-color: rgb(106, 178, 15); }
.css-qol67j.MuiButton-iconSuccess:active { background-color: rgb(106, 178, 15); }
.css-qol67j.MuiButton-iconSuccess:disabled { opacity: 0.5; box-shadow: none; }
.css-qol67j.MuiButton-iconError { background: rgb(242, 73, 50); border: 1px solid rgb(242, 73, 50); box-shadow: rgba(242, 73, 50, 0.6) 0px 0px 10px 0px; }
.css-qol67j.MuiButton-iconError:hover { background-color: rgb(169, 51, 35); }
.css-qol67j.MuiButton-iconError:active { background-color: rgb(169, 51, 35); }
.css-qol67j.MuiButton-iconError:disabled { opacity: 0.5; box-shadow: none; }
.css-qol67j.MuiButton-iconInfo { background: rgb(79, 195, 247); border: 1px solid rgb(79, 195, 247); box-shadow: rgba(79, 195, 247, 0.6) 0px 0px 10px 0px; }
.css-qol67j.MuiButton-iconInfo:hover { background-color: rgb(55, 136, 172); }
.css-qol67j.MuiButton-iconInfo:active { background-color: rgb(55, 136, 172); }
.css-qol67j.MuiButton-iconInfo:disabled { opacity: 0.5; box-shadow: none; }
.css-qol67j.MuiButton-iconWarning { background: rgb(255, 218, 22); border: 1px solid rgb(255, 218, 22); box-shadow: rgba(255, 218, 22, 0.6) 0px 0px 10px 0px; }
.css-qol67j.MuiButton-iconWarning:hover { background-color: rgb(178, 152, 15); }
.css-qol67j.MuiButton-iconWarning:active { background-color: rgb(178, 152, 15); }
.css-qol67j.MuiButton-iconWarning:disabled { opacity: 0.5; box-shadow: none; }
.css-qol67j.MuiButton-iconSizeLarge { min-width: 44px; width: 44px; height: 44px; padding: 2px; }
.css-qol67j.MuiButton-iconSizeLarge .MuiButton-startIcon { display: flex; gap: 0px; margin: 0px; color: rgba(255, 255, 255, 0.8); }
.css-qol67j.MuiButton-iconSizeMedium { min-width: 40px; width: 40px; height: 40px; padding: 2px; }
.css-qol67j.MuiButton-iconSizeMedium .MuiButton-startIcon { display: flex; gap: 0px; margin: 0px; }
.css-qol67j.MuiButton-iconSizeSmall { min-width: 36px; width: 36px; height: 36px; padding: 2px; }
.css-qol67j.MuiButton-iconSizeSmall .MuiButton-startIcon { display: flex; gap: 0px; margin: 0px; }
.css-qol67j.MuiButton-outlined { color: rgb(0, 254, 169); border: 1px solid rgb(0, 254, 169); background: rgba(14, 27, 23, 0.4); }
.css-qol67j.MuiButton-outlined:hover { border: 1px solid rgb(0, 254, 169); background: rgba(14, 27, 23, 0.4); opacity: 0.85; }
.css-qol67j.MuiButton-outlined:active { opacity: 1; }
.css-qol67j.MuiButton-outlined:disabled { color: rgb(0, 254, 169); border: 1px solid rgb(0, 254, 169); opacity: 0.4; }
.css-qol67j.MuiButton-cta { color: rgb(14, 27, 23); background-image: linear-gradient(90deg, rgb(254, 226, 12) 0%, rgb(255, 174, 0) 25%, rgb(254, 226, 12) 75%, rgb(255, 174, 0) 100%); background-size: 400% 400%; font-size: 14px; font-weight: 600; line-height: 18px; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; box-shadow: rgba(255, 255, 255, 0.6) 0px 9px 8px 0px inset, rgba(0, 254, 169, 0.2) 0px -4px 8px 0px inset, rgba(0, 254, 169, 0.24) 0px 0px 50px 0px; }
.css-qol67j.MuiButton-cta:hover { animation: 0.7s ease 0s 1 normal forwards running animation-dofypc; box-shadow: rgba(255, 255, 255, 0.6) 0px 9px 8px 0px inset, rgba(0, 254, 169, 0.2) 0px -4px 8px 0px inset, rgba(0, 254, 169, 0.8) 0px 0px 40px 0px; }
.css-qol67j.MuiButton-cta:active { animation: 0.7s ease 0s 1 normal forwards running animation-i3y9un; box-shadow: rgba(255, 255, 255, 0.6) 0px 9px 8px 0px inset, rgba(0, 254, 169, 0.2) 0px -4px 8px 0px inset, rgba(0, 254, 169, 0.24) 0px 0px 50px 0px; }
.css-qol67j.MuiButton-cta:disabled { color: rgb(14, 27, 23); opacity: 0.5; box-shadow: rgba(255, 255, 255, 0.6) 0px 9px 8px 0px inset, rgba(0, 254, 169, 0.2) 0px -4px 8px 0px inset, rgba(0, 254, 169, 0.24) 0px 0px 50px 0px; }
.css-qol67j.MuiButton-ctaSizeLarge { height: 44px; padding: 0px 12px; }
.css-qol67j.MuiButton-ctaSizeMedium { height: 40px; padding: 0px 12px; }
.css-qol67j.MuiButton-ctaSizeSmall { height: 36px; padding: 0px 12px; }
.css-1nxmlfy { display: flex; flex-flow: wrap; -webkit-box-pack: justify; justify-content: space-between; align-items: flex-start; gap: 32px; padding: 0px !important; }
@media (max-width: 599.95px) {
  .css-1nxmlfy { gap: 16px; flex-flow: column wrap; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; }
}
.css-xw9dbp { width: 100%; margin-left: auto; box-sizing: border-box; margin-right: auto; display: flex; flex-flow: wrap; -webkit-box-pack: justify; justify-content: space-between; align-items: flex-start; gap: 32px; padding: 0px !important; }
@media (min-width: 600px) {
  .css-xw9dbp { padding-left: 12px; padding-right: 12px; }
}
@media (min-width: 1200px) {
  .css-xw9dbp { max-width: 1200px; }
}
@media (max-width: 599.95px) {
  .css-xw9dbp { gap: 16px; flex-flow: column wrap; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; }
}
.css-11jtupw { display: flex; flex-direction: column; -webkit-box-pack: center; justify-content: center; align-items: flex-start; gap: 24px; flex: 2 1 0%; border-radius: 8px; }
@media (max-width: 599.95px) {
  .css-11jtupw { width: 100%; gap: 16px; }
}
.css-1j69x7j { display: flex; align-items: flex-start; flex-direction: row; gap: 32px; }
@media (max-width: 899.95px) {
  .css-1j69x7j { flex-wrap: wrap; gap: 16px; width: 100%; padding: 12px 0px; }
}
.css-1hnpmg4 { display: flex; flex-direction: column; -webkit-box-pack: center; justify-content: center; align-items: flex-start; color: rgb(255, 255, 255); gap: 12px; flex: 1 0 0px; max-width: fit-content; }
@media (max-width: 899.95px) {
  .css-1hnpmg4 { flex: 1 1 calc(50% - 16px); max-width: none; align-items: flex-start; gap: 16px; }
}
.css-u8avr4 { margin: 0px; font-size: 14px; color: rgba(255, 255, 255, 0.4); font-weight: 400; }
.css-167fpre { font-size: 14px; color: rgba(255, 255, 255, 0.4); text-decoration: none; }
.css-167fpre:hover { transform: translateY(1px); }
.css-167fpre:hover span, .css-167fpre:hover span.MuiIcon-root { color: rgb(0, 254, 169); }
.css-129dslv { margin: 0px; font-size: 14px; color: rgb(255, 255, 255); font-weight: 600; }
.css-tngyie { display: flex; flex-direction: column; -webkit-box-pack: center; justify-content: center; align-items: flex-start; color: rgb(255, 255, 255); gap: 12px; flex: 1 0 0px; max-width: fit-content; }
@media (max-width: 899.95px) {
  .css-tngyie { flex: 1 1 calc(50% - 16px); max-width: none; align-items: flex-start; gap: 16px; }
}
@media (max-width: 599.95px) {
  .css-tngyie { border-top: 1px solid rgb(42, 80, 68); border-bottom: 1px solid rgb(42, 80, 68); padding-top: 16px; padding-bottom: 16px; }
}
.css-15bas85 { display: flex; flex-direction: row; -webkit-box-pack: center; justify-content: center; align-items: flex-start; color: rgb(255, 255, 255); gap: 16px; }
@media (max-width: 599.95px) {
  .css-15bas85 { width: 100%; gap: 24px; -webkit-box-pack: start; justify-content: flex-start; }
}
.css-1i43dhb { display: flex; flex-direction: column; gap: 24px; }
.css-15wwkbo { max-width: 584px; width: 100%; display: flex; -webkit-box-align: center; align-items: center; }
.css-10rvbm3 { font-weight: 500; }
.css-zqlfkp { margin: 0px; font-size: 14px; color: rgba(255, 255, 255, 0.4); font-weight: 500; }
.rfm-marquee-container { overflow-x: hidden; display: flex; flex-direction: row; position: relative; width: var(--width); transform: var(--transform); }
.rfm-marquee-container:hover div { animation-play-state: var(--pause-on-hover); }
.rfm-marquee-container:active div { animation-play-state: var(--pause-on-click); }
.rfm-overlay { position: absolute; width: 100%; height: 100%; }
.rfm-overlay::before, .rfm-overlay::after { background: linear-gradient(to right, var(--gradient-color), rgba(255, 255, 255, 0)); content: ""; height: 100%; position: absolute; width: var(--gradient-width); z-index: 2; pointer-events: none; touch-action: none; }
.rfm-overlay::after { right: 0px; top: 0px; transform: rotateZ(180deg); }
.rfm-overlay::before { left: 0px; top: 0px; }
.rfm-marquee { flex: 0 0 auto; min-width: var(--min-width); z-index: 1; display: flex; flex-direction: row; align-items: center; animation-duration: ; animation-timing-function: ; animation-iteration-count: ; animation-fill-mode: ; animation-name: ; animation-timeline: ; animation-range-start: ; animation-range-end: ; animation-play-state: var(--play); animation-delay: var(--delay); animation-direction: var(--direction); }
@keyframes scroll { 
  0% { transform: translateX(0%); }
  100% { transform: translateX(-100%); }
}
.rfm-initial-child-container { flex: 0 0 auto; display: flex; min-width: auto; flex-direction: row; align-items: center; }
.rfm-child { transform: var(--transform); }
@media (max-width: 768px) {
  #dlag-34427d00-8750-4703-ac3e-c6d0833f4602 { display: flex; align-items: center; justify-content: center; }
}
#nprogress { pointer-events: none; }
#nprogress .bar { background: rgb(254, 226, 12); position: fixed; z-index: 9999; top: env(safe-area-inset-top); left: 0px; width: 100%; height: 2px; }
#nprogress .peg { display: block; position: absolute; right: 0px; width: 100px; height: 100%; box-shadow: rgb(254, 226, 12) 0px 0px 10px, rgb(254, 226, 12) 0px 0px 5px; opacity: 1; }
#nprogress .spinner { display: block; position: fixed; z-index: 1031; top: 15px; right: 15px; }
#nprogress .spinner-icon { width: 18px; height: 18px; box-sizing: border-box; border-width: 2px; border-style: solid; border-color: rgb(254, 226, 12) transparent transparent rgb(254, 226, 12); border-image: none; border-radius: 50%; animation: 400ms linear 0s infinite normal none running nprogress-spinner; }
.nprogress-custom-parent { overflow: hidden; position: relative; }
.nprogress-custom-parent #nprogress .spinner, .nprogress-custom-parent #nprogress .bar { position: absolute; }
@-webkit-keyframes nprogress-spinner { 
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
@keyframes nprogress-spinner { 
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}