@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid}}}@layer theme{:root,:host{--spacing:.25rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1)}}@layer base,components;@layer utilities{.visible{visibility:visible}.fixed{position:fixed}.static{position:static}.container{width:100%}@media(min-width:40rem){.container{max-width:40rem}}@media(min-width:48rem){.container{max-width:48rem}}@media(min-width:64rem){.container{max-width:64rem}}@media(min-width:80rem){.container{max-width:80rem}}@media(min-width:96rem){.container{max-width:96rem}}.mt-1{margin-top:var(--spacing)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-3{margin-top:calc(var(--spacing) * 3)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mb-1{margin-bottom:var(--spacing)}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.mb-3{margin-bottom:calc(var(--spacing) * 3)}.mb-4{margin-bottom:calc(var(--spacing) * 4)}.mb-5{margin-bottom:calc(var(--spacing) * 5)}.ml-auto{margin-left:auto}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-block{display:inline-block}.table{display:table}.h-3{height:calc(var(--spacing) * 3)}.h-full{height:100%}.min-w-0{min-width:0}.flex-1{flex:1}.flex-shrink,.shrink{flex-shrink:1}.shrink-0{flex-shrink:0}.flex-grow{flex-grow:1}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.cursor-pointer{cursor:pointer}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-baseline{align-items:baseline}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-0\.5{gap:calc(var(--spacing) * .5)}.gap-1{gap:var(--spacing)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-x-4{column-gap:calc(var(--spacing) * 4)}.gap-x-6{column-gap:calc(var(--spacing) * 6)}.gap-y-1{row-gap:var(--spacing)}.gap-y-2{row-gap:calc(var(--spacing) * 2)}.overflow-hidden{overflow:hidden}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.border{border-style:var(--tw-border-style);border-width:1px}.p-3{padding:calc(var(--spacing) * 3)}.p-4{padding:calc(var(--spacing) * 4)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-4{padding-inline:calc(var(--spacing) * 4)}.py-0\.5{padding-block:calc(var(--spacing) * .5)}.py-1{padding-block:var(--spacing)}.py-3{padding-block:calc(var(--spacing) * 3)}.pb-4{padding-bottom:calc(var(--spacing) * 4)}.pl-5{padding-left:calc(var(--spacing) * 5)}.text-left{text-align:left}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.line-through{text-decoration-line:line-through}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}@media(min-width:48rem){.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}:root{--mui-primary-main: #2ecc71;--mui-primary-dark: rgb(32, 142, 79);--mui-secondary-main: #e74c3c;--mui-secondary-dark: rgb(161, 53, 42);--mui-text-primary: rgba(0, 0, 0, .87);--mui-text-secondary: rgba(0, 0, 0, .6);--mui-text-disabled: rgba(0, 0, 0, .38);--mui-action-active: rgba(0, 0, 0, .54);--mui-action-hover: rgba(0, 0, 0, .04);--mui-action-disabled: rgba(0, 0, 0, .26);--mui-action-disabled-bg: rgba(0, 0, 0, .12);--mui-divider: rgba(0, 0, 0, .12);--mui-font-family: Kanit}html{-webkit-text-size-adjust:100%;box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}body{margin:0;color:var(--mui-text-primary);font-family:var(--mui-font-family);font-weight:400;font-size:1rem;line-height:1.5;background-color:#fff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.MuiTypography-root{margin:0;font-family:var(--mui-font-family)}.MuiTypography-h1{font-weight:300;font-size:36px;line-height:1.167;color:var(--mui-primary-main)}.MuiTypography-h3{font-weight:400;font-size:3rem;line-height:1.167}.MuiTypography-h6{font-weight:500;font-size:1.25rem;line-height:1}.MuiTypography-body1{font-weight:400;font-size:1rem;line-height:1.5}.MuiTypography-subtitle1{font-weight:400;font-size:1rem;line-height:1.75}.MuiSvgIcon-root{-webkit-user-select:none;user-select:none;width:1em;height:1em;display:inline-block;fill:currentColor;flex-shrink:0;transition:fill .2s cubic-bezier(.4,0,.2,1) 0ms;font-size:1.5rem}.MuiPaper-root{background-color:#fff;color:var(--mui-text-primary);border-radius:40px;box-shadow:0 0 40px #00000026}.MuiButtonBase-root{display:inline-flex;align-items:center;justify-content:center;position:relative;box-sizing:border-box;background-color:transparent;outline:0;border:0;margin:0;cursor:pointer;-webkit-user-select:none;user-select:none;vertical-align:middle;appearance:none;text-decoration:none;font-family:var(--mui-font-family)}.MuiButtonBase-root:disabled{pointer-events:none;cursor:default}.MuiButton-root{min-width:64px;padding:6px 16px;border-radius:10px;font-weight:500;font-size:.875rem;line-height:1.75;text-transform:uppercase;transition:background-color .25s cubic-bezier(.4,0,.2,1) 0ms,box-shadow .25s cubic-bezier(.4,0,.2,1) 0ms,border-color .25s cubic-bezier(.4,0,.2,1) 0ms,color .25s cubic-bezier(.4,0,.2,1) 0ms}.MuiButton-contained{color:#fff;box-shadow:none}.MuiButton-containedPrimary{background-color:var(--mui-primary-main)}.MuiButton-containedPrimary:hover{background-color:var(--mui-primary-dark)}.MuiButton-containedSecondary{background-color:var(--mui-secondary-main)}.MuiButton-containedSecondary:hover{background-color:var(--mui-secondary-dark)}@media(hover:none){.MuiButton-containedPrimary:hover{background-color:var(--mui-primary-main)}.MuiButton-containedSecondary:hover{background-color:var(--mui-secondary-main)}}.MuiButton-contained.Mui-disabled{color:var(--mui-action-disabled);box-shadow:none;background-color:var(--mui-action-disabled-bg)}.MuiLoadingButton-root.MuiLoadingButton-loading{color:transparent}.MuiLoadingButton-loadingIndicator{position:absolute;visibility:visible;display:flex;left:50%;transform:translate(-50%);color:var(--mui-action-disabled)}.MuiIconButton-root{text-align:center;flex:0 0 auto;font-size:1.5rem;padding:8px;border-radius:50%;overflow:visible;color:var(--mui-action-active);transition:background-color .15s cubic-bezier(.4,0,.2,1) 0ms}.MuiIconButton-root:hover{background-color:var(--mui-action-hover)}.MuiIconButton-edgeEnd{margin-right:-12px}.MuiCircularProgress-root{display:inline-block;color:var(--mui-primary-main);animation:mui-circular-rotate 1.4s linear infinite}.MuiCircularProgress-svg{display:block}.MuiCircularProgress-circle{stroke:currentColor;stroke-dasharray:80px,200px;stroke-dashoffset:0;animation:mui-circular-dash 1.4s ease-in-out infinite}@keyframes mui-circular-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes mui-circular-dash{0%{stroke-dasharray:1px,200px;stroke-dashoffset:0}50%{stroke-dasharray:100px,200px;stroke-dashoffset:-15px}to{stroke-dasharray:100px,200px;stroke-dashoffset:-125px}}.MuiFormControl-root{display:inline-flex;flex-direction:column;position:relative;min-width:0;padding:0;margin:0;border:0;vertical-align:top}.MuiFormControl-fullWidth{width:100%}.MuiInputLabel-root{color:var(--mui-text-secondary);font-family:var(--mui-font-family);font-weight:400;font-size:1rem;line-height:1.4375em;padding:0;display:block;transform-origin:top left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:calc(100% - 24px);position:absolute;left:0;top:0;transform:translate(14px,16px) scale(1);transition:color .2s cubic-bezier(0,0,.2,1) 0ms,transform .2s cubic-bezier(0,0,.2,1) 0ms,max-width .2s cubic-bezier(0,0,.2,1) 0ms;z-index:1;pointer-events:none}.MuiInputLabel-sizeSmall{transform:translate(14px,9px) scale(1)}.MuiInputLabel-shrink{transform:translate(14px,-9px) scale(.75);max-width:calc(133% - 32px)}.MuiInputLabel-root.Mui-focused{color:var(--mui-primary-main)}.MuiInputBase-root{font-family:var(--mui-font-family);font-weight:400;font-size:1rem;line-height:1.4375em;color:var(--mui-text-primary);box-sizing:border-box;position:relative;cursor:text;display:inline-flex;align-items:center;border-radius:10px!important}.MuiInputBase-input{font:inherit;letter-spacing:inherit;color:#34495e;padding:4px 0 5px;border:0;box-sizing:content-box;background:none;height:1.4375em;margin:0;-webkit-tap-highlight-color:transparent;display:block;min-width:0;width:100%;animation-name:mui-auto-fill-cancel}.MuiInputBase-input:focus{outline:0}@keyframes mui-auto-fill-cancel{0%{display:block}to{display:block}}.MuiInputBase-fullWidth{width:100%}.MuiOutlinedInput-root{position:relative}.MuiOutlinedInput-input{padding:16.5px 14px}.MuiInputBase-sizeSmall .MuiOutlinedInput-input{padding:8.5px 14px}.MuiOutlinedInput-notchedOutline{text-align:left;position:absolute;inset:-5px 0 0;margin:0;padding:0 8px;pointer-events:none;border-radius:inherit;border-style:solid;border-width:1px;overflow:hidden;min-width:0%;border-color:#0000003b}.MuiOutlinedInput-root:hover .MuiOutlinedInput-notchedOutline{border-color:#000000de}.MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline{border-color:var(--mui-primary-main);border-width:2px}@media(hover:none){.MuiOutlinedInput-root:hover .MuiOutlinedInput-notchedOutline{border-color:#0000003b}}.MuiOutlinedInput-notchedOutline legend{float:unset;width:auto;overflow:hidden;display:block;padding:0;height:11px;font-size:.75em;visibility:hidden;max-width:.01px;transition:max-width 50ms cubic-bezier(0,0,.2,1) 0ms;white-space:nowrap}.MuiOutlinedInput-notchedOutline legend>span{padding-left:5px;padding-right:5px;display:inline-block;opacity:0;visibility:visible}.MuiOutlinedInput-notchedOutline.notched legend{max-width:100%;transition:max-width .1s cubic-bezier(0,0,.2,1) 50ms}.MuiFormHelperText-root{color:var(--mui-text-secondary);font-family:var(--mui-font-family);font-weight:400;font-size:.75rem;line-height:1.66;text-align:left;margin:3px 14px 0}.MuiInputAdornment-root{display:flex;height:.01em;max-height:2em;align-items:center;white-space:nowrap;color:var(--mui-action-active)}.MuiInputAdornment-positionEnd{margin-left:8px}.MuiSelect-select{-moz-appearance:none;-webkit-appearance:none;-webkit-user-select:none;user-select:none;border-radius:inherit;cursor:pointer;min-height:1.4375em;padding-right:32px;display:flex;align-items:center}.MuiSelect-select:focus{outline:0}.MuiSelect-icon{position:absolute;right:7px;top:calc(50% - .5em);pointer-events:none;color:var(--mui-action-active);transition:transform .3s cubic-bezier(.4,0,.2,1) 0ms}.MuiSelect-iconOpen{transform:rotate(180deg)}.MuiSelect-nativeInput{bottom:0;left:0;position:absolute;opacity:0;pointer-events:none;width:100%;box-sizing:border-box}.MuiModal-root{position:fixed;z-index:1300;inset:0}.MuiBackdrop-invisible{position:fixed;display:flex;align-items:center;justify-content:center;inset:0;background-color:transparent;-webkit-tap-highlight-color:transparent}.MuiPopover-paper{position:absolute;overflow-x:hidden;overflow-y:auto;min-width:16px;min-height:16px;max-width:calc(100% - 32px);max-height:calc(100% - 32px);outline:0;box-shadow:0 5px 20px #0000002b;border-radius:20px}.MuiList-root{list-style:none;margin:0;padding:0;position:relative}.MuiList-padding{padding-top:8px;padding-bottom:8px}.MuiMenuItem-root{display:flex;justify-content:flex-start;align-items:center;position:relative;text-decoration:none;min-height:48px;padding:6px 16px;box-sizing:border-box;white-space:nowrap;width:100%;font-family:var(--mui-font-family);font-weight:400;font-size:1rem;line-height:1.5;color:var(--mui-text-primary);background-color:transparent;border:0;cursor:pointer;text-align:left;transition:background-color .15s cubic-bezier(.4,0,.2,1) 0ms}.MuiMenuItem-root:hover{background-color:var(--mui-action-hover)}.MuiMenuItem-root.Mui-selected{background-color:#2ecc7114}.MuiMenuItem-root.Mui-selected:hover{background-color:#2ecc711f}.MuiListItemText-root{flex:1 1 auto;min-width:0;margin-top:4px;margin-bottom:4px}.MuiCheckbox-root{padding:9px;border-radius:50%;color:var(--mui-text-secondary);display:inline-flex;align-items:center;justify-content:center;position:relative;box-sizing:border-box;background-color:transparent;outline:0;border:0;margin:0;cursor:pointer;vertical-align:middle;transition:background-color .15s cubic-bezier(.4,0,.2,1) 0ms}.MuiCheckbox-root:hover{background-color:var(--mui-action-hover)}.MuiCheckbox-root.Mui-checked{color:var(--mui-primary-main)}.MuiCheckbox-root.Mui-checked:hover{background-color:#2ecc710a}.MuiTableContainer-root{width:100%;overflow-x:auto}.MuiTable-root{display:table;width:100%;border-collapse:collapse;border-spacing:0}.MuiTableHead-root{display:table-header-group}.MuiTableBody-root{display:table-row-group}.MuiTableRow-root{color:inherit;display:table-row;vertical-align:middle;outline:0}.MuiTableCell-root{font-family:var(--mui-font-family);font-weight:400;font-size:.875rem;line-height:1.43;display:table-cell;vertical-align:inherit;border-bottom:1px solid rgb(224,224,224);text-align:left;padding:16px;color:var(--mui-text-primary)}.MuiTableCell-head{color:var(--mui-text-primary);font-weight:500;line-height:1.5rem}.MuiTableCell-alignCenter{text-align:center}.MuiTabs-root{overflow:hidden;min-height:48px;-webkit-overflow-scrolling:touch;display:flex}.MuiTabs-scroller{position:relative;display:inline-block;flex:1 1 auto;white-space:nowrap;overflow-x:hidden}.MuiTabs-flexContainer{display:flex}.MuiTabs-centered{justify-content:center}.MuiTabs-indicator{position:absolute;height:2px;bottom:0;width:100%;transition:all .3s cubic-bezier(.4,0,.2,1) 0ms;background-color:var(--mui-primary-main)}.MuiTab-root{font-family:var(--mui-font-family);font-weight:500;font-size:.875rem;line-height:1.25;text-transform:uppercase;max-width:360px;min-width:90px;position:relative;min-height:48px;flex-shrink:0;padding:12px 16px;overflow:hidden;white-space:normal;text-align:center;flex-direction:column;color:var(--mui-text-secondary)}.MuiTab-labelIcon{min-height:72px;padding-top:9px;padding-bottom:9px}.MuiTab-labelIcon .MuiSvgIcon-root{margin-bottom:6px}.MuiTab-root.Mui-selected{color:var(--mui-primary-main)}.MuiContainer-root{width:100%;margin-left:auto;margin-right:auto;box-sizing:border-box;display:block;padding-left:16px;padding-right:16px}@media(min-width:600px){.MuiContainer-root{padding-left:24px;padding-right:24px}}@media(min-width:1200px){.MuiContainer-maxWidthLg{max-width:1200px}}.MuiGrid-container{box-sizing:border-box;display:flex;flex-wrap:wrap;width:100%}.MuiGrid-item{box-sizing:border-box;margin:0}.MuiGrid-spacing-xs-2{width:calc(100% + 16px);margin-top:-16px;margin-left:-16px}.MuiGrid-spacing-xs-2>.MuiGrid-item{padding-top:16px;padding-left:16px}.MuiGrid-justify-space-around{justify-content:space-around}.MuiGrid-grid-xs-9{flex-basis:75%;flex-grow:0;max-width:75%}@media(min-width:900px){.MuiGrid-grid-md-3{flex-basis:25%;flex-grow:0;max-width:25%}.MuiGrid-grid-md-4{flex-basis:33.333333%;flex-grow:0;max-width:33.333333%}}.main{width:100%;height:100vh;overflow-y:scroll;background-image:url(../../../images/bg-main.png);background-position:center;background-size:cover;font-family:Kanit,sans-serif;display:flex;flex-direction:column;color:#2c3e50}.main>section{flex-grow:1;padding:0 40px}.main>footer{font-size:16px;text-align:center;color:#fff;padding:20px}.main>footer>a{color:#fff;text-decoration:underline}.tool_select_box,.connect_control_box{border-radius:0 0 40px 40px;box-shadow:0 0 40px #00000026;background-color:#fff;height:100%;padding:30px}.tool_select_item_box{display:flex;flex-direction:row;flex-wrap:wrap;padding:0;margin:0 -10px}.tool_select_item_box>li{list-style:none;margin:0;padding:10px;width:25%}.tool_select_item_box>li>a{border-radius:20px;border:solid 2px #ECF0F1;display:flex;flex-direction:row;align-items:center;cursor:pointer;transition:all .3s;text-decoration:none;color:inherit}.tool_select_item_box>li>a>div:first-child{color:#2c3e50;display:flex;justify-content:center;align-items:center;padding:10px}.tool_select_item_box>li>a>div:last-child{flex-grow:1}.tool_select_item_box>li>a>div:last-child>h3{color:#2c3e50;font-size:32px}.tool_select_item_box>li>a:hover{border-color:#cacfd2}.connect_control_box{height:auto;display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:20px 30px}.connect_control_box>div{display:flex;flex-direction:row}.connect_control_box>div>div{margin-right:20px;font-size:20px}.connect_control_box>div>div>span{font-weight:700;text-decoration:underline;cursor:pointer}.connect_control_box>div>div>span:hover{color:#2ecc71}.content_box{display:flex;flex-direction:row;align-items:flex-start;margin-top:30px}.content_box>div:first-child{padding-right:30px;width:330px}.content_box>div:last-child{flex-grow:1}.content_box>div>div{border-radius:40px;box-shadow:0 0 40px #00000026;background-color:#fff;height:100%;padding:30px}.content_box>div>div>h3{margin:0 0 10px}