@import"https://fonts.googleapis.com/css2?family=Noto+Sans+Thai+Looped:wght@100;200;300;400;500;600;700;800;900&display=swap";@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Thai+Looped:wght@100;200;300;400;500;600;700&family=Noto+Sans+Thai+Looped:wght@100;200;300;400;500;600;700;800;900&display=swap";@import"https://fonts.googleapis.com/css2?family=Noto+Sans+Thai:wght@100..900&display=swap";@import"https://fonts.googleapis.com/css2?family=Inter:wght@200;300;400;500;600;700&family=Prompt:wght@200;300;400;500;600;700&display=swap";*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]{display:none}:root,[data-theme]{background-color:var(--fallback-b1,oklch(var(--b1)/1));color:var(--fallback-bc,oklch(var(--bc)/1))}@supports not (color: oklch(0% 0 0)){:root{color-scheme:light;--fallback-p: #491eff;--fallback-pc: #d4dbff;--fallback-s: #ff41c7;--fallback-sc: #fff9fc;--fallback-a: #00cfbd;--fallback-ac: #00100d;--fallback-n: #2b3440;--fallback-nc: #d7dde4;--fallback-b1: #ffffff;--fallback-b2: #e5e6e6;--fallback-b3: #e5e6e6;--fallback-bc: #1f2937;--fallback-in: #00b3f0;--fallback-inc: #000000;--fallback-su: #00ca92;--fallback-suc: #000000;--fallback-wa: #ffc22d;--fallback-wac: #000000;--fallback-er: #ff6f70;--fallback-erc: #000000}@media (prefers-color-scheme: dark){:root{color-scheme:dark;--fallback-p: #7582ff;--fallback-pc: #050617;--fallback-s: #ff71cf;--fallback-sc: #190211;--fallback-a: #00c7b5;--fallback-ac: #000e0c;--fallback-n: #2a323c;--fallback-nc: #a6adbb;--fallback-b1: #1d232a;--fallback-b2: #191e24;--fallback-b3: #15191e;--fallback-bc: #a6adbb;--fallback-in: #00b3f0;--fallback-inc: #000000;--fallback-su: #00ca92;--fallback-suc: #000000;--fallback-wa: #ffc22d;--fallback-wac: #000000;--fallback-er: #ff6f70;--fallback-erc: #000000}}}html{-webkit-tap-highlight-color:transparent}*{scrollbar-color:color-mix(in oklch,currentColor 35%,transparent) transparent}*:hover{scrollbar-color:color-mix(in oklch,currentColor 60%,transparent) transparent}:root{color-scheme:light;--in: 72.06% .191 231.6;--su: 64.8% .15 160;--wa: 84.71% .199 83.87;--er: 71.76% .221 22.18;--pc: 89.824% .06192 275.75;--ac: 15.352% .0368 183.61;--inc: 0% 0 0;--suc: 0% 0 0;--wac: 0% 0 0;--erc: 0% 0 0;--rounded-box: 1rem;--rounded-btn: .5rem;--rounded-badge: 1.9rem;--animation-btn: .25s;--animation-input: .2s;--btn-focus-scale: .95;--border-btn: 1px;--tab-border: 1px;--tab-radius: .5rem;--p: 49.12% .3096 275.75;--s: 69.71% .329 342.55;--sc: 98.71% .0106 342.55;--a: 76.76% .184 183.61;--n: 32.1785% .02476 255.701624;--nc: 89.4994% .011585 252.096176;--b1: 100% 0 0;--b2: 96.1151% 0 0;--b3: 92.4169% .00108 197.137559;--bc: 27.8078% .029596 256.847952}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }.alert{display:grid;width:100%;grid-auto-flow:row;align-content:flex-start;align-items:center;justify-items:center;gap:1rem;text-align:center;border-radius:var(--rounded-box, 1rem);border-width:1px;--tw-border-opacity: 1;border-color:var(--fallback-b2,oklch(var(--b2)/var(--tw-border-opacity)));padding:1rem;--tw-text-opacity: 1;color:var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity)));--alert-bg: var(--fallback-b2,oklch(var(--b2)/1));--alert-bg-mix: var(--fallback-b1,oklch(var(--b1)/1));background-color:var(--alert-bg)}@media (min-width: 640px){.alert{grid-auto-flow:column;grid-template-columns:auto minmax(auto,1fr);justify-items:start;text-align:start}}.avatar.placeholder>div{display:flex;align-items:center;justify-content:center}@media (hover:hover){.label a:hover{--tw-text-opacity: 1;color:var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity)))}.menu li>*:not(ul,.menu-title,details,.btn):active,.menu li>*:not(ul,.menu-title,details,.btn).active,.menu li>details>summary:active{--tw-bg-opacity: 1;background-color:var(--fallback-n,oklch(var(--n)/var(--tw-bg-opacity)));--tw-text-opacity: 1;color:var(--fallback-nc,oklch(var(--nc)/var(--tw-text-opacity)))}.table tr.hover:hover,.table tr.hover:nth-child(2n):hover{--tw-bg-opacity: 1;background-color:var(--fallback-b2,oklch(var(--b2)/var(--tw-bg-opacity)))}.table-zebra tr.hover:hover,.table-zebra tr.hover:nth-child(2n):hover{--tw-bg-opacity: 1;background-color:var(--fallback-b3,oklch(var(--b3)/var(--tw-bg-opacity)))}}.btn{display:inline-flex;height:3rem;min-height:3rem;flex-shrink:0;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;flex-wrap:wrap;align-items:center;justify-content:center;border-radius:var(--rounded-btn, .5rem);border-color:transparent;border-color:oklch(var(--btn-color, var(--b2)) / var(--tw-border-opacity));padding-left:1rem;padding-right:1rem;text-align:center;font-size:.875rem;line-height:1em;gap:.5rem;font-weight:600;text-decoration-line:none;transition-duration:.2s;transition-timing-function:cubic-bezier(0,0,.2,1);border-width:var(--border-btn, 1px);transition-property:color,background-color,border-color,opacity,box-shadow,transform;--tw-text-opacity: 1;color:var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity)));--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);outline-color:var(--fallback-bc,oklch(var(--bc)/1));background-color:oklch(var(--btn-color, var(--b2)) / var(--tw-bg-opacity));--tw-bg-opacity: 1;--tw-border-opacity: 1}.btn-disabled,.btn[disabled],.btn:disabled{pointer-events:none}:where(.btn:is(input[type=checkbox])),:where(.btn:is(input[type=radio])){width:auto;-webkit-appearance:none;-moz-appearance:none;appearance:none}.btn:is(input[type=checkbox]):after,.btn:is(input[type=radio]):after{--tw-content: attr(aria-label);content:var(--tw-content)}.card{position:relative;display:flex;flex-direction:column;border-radius:var(--rounded-box, 1rem)}.card:focus{outline:2px solid transparent;outline-offset:2px}.card figure{display:flex;align-items:center;justify-content:center}.card.image-full{display:grid}.card.image-full:before{position:relative;content:"";z-index:10;border-radius:var(--rounded-box, 1rem);--tw-bg-opacity: 1;background-color:var(--fallback-n,oklch(var(--n)/var(--tw-bg-opacity)));opacity:.75}.card.image-full:before,.card.image-full>*{grid-column-start:1;grid-row-start:1}.card.image-full>figure img{height:100%;-o-object-fit:cover;object-fit:cover}.card.image-full>.card-body{position:relative;z-index:20;--tw-text-opacity: 1;color:var(--fallback-nc,oklch(var(--nc)/var(--tw-text-opacity)))}.checkbox{flex-shrink:0;--chkbg: var(--fallback-bc,oklch(var(--bc)/1));--chkfg: var(--fallback-b1,oklch(var(--b1)/1));height:1.5rem;width:1.5rem;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:var(--rounded-btn, .5rem);border-width:1px;border-color:var(--fallback-bc,oklch(var(--bc)/var(--tw-border-opacity)));--tw-border-opacity: .2}.dropdown{position:relative;display:inline-block}.dropdown>*:not(summary):focus{outline:2px solid transparent;outline-offset:2px}.dropdown .dropdown-content{position:absolute}.dropdown:is(:not(details)) .dropdown-content{visibility:hidden;opacity:0;transform-origin:top;--tw-scale-x: .95;--tw-scale-y: .95;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-timing-function:cubic-bezier(0,0,.2,1);transition-duration:.2s}.dropdown.dropdown-open .dropdown-content,.dropdown:not(.dropdown-hover):focus .dropdown-content,.dropdown:focus-within .dropdown-content{visibility:visible;opacity:1}@media (hover: hover){.dropdown.dropdown-hover:hover .dropdown-content{visibility:visible;opacity:1}.btm-nav>*.disabled:hover,.btm-nav>*[disabled]:hover{pointer-events:none;--tw-border-opacity: 0;background-color:var(--fallback-n,oklch(var(--n)/var(--tw-bg-opacity)));--tw-bg-opacity: .1;color:var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity)));--tw-text-opacity: .2}.btn:hover{--tw-border-opacity: 1;border-color:var(--fallback-b3,oklch(var(--b3)/var(--tw-border-opacity)));--tw-bg-opacity: 1;background-color:var(--fallback-b3,oklch(var(--b3)/var(--tw-bg-opacity)))}@supports (color: color-mix(in oklab,black,black)){.btn:hover{background-color:color-mix(in oklab,oklch(var(--btn-color, var(--b2)) / var(--tw-bg-opacity, 1)) 90%,black);border-color:color-mix(in oklab,oklch(var(--btn-color, var(--b2)) / var(--tw-border-opacity, 1)) 90%,black)}}@supports not (color: oklch(0% 0 0)){.btn:hover{background-color:var(--btn-color, var(--fallback-b2));border-color:var(--btn-color, var(--fallback-b2))}}.btn.glass:hover{--glass-opacity: 25%;--glass-border-opacity: 15%}.btn-disabled:hover,.btn[disabled]:hover,.btn:disabled:hover{--tw-border-opacity: 0;background-color:var(--fallback-n,oklch(var(--n)/var(--tw-bg-opacity)));--tw-bg-opacity: .2;color:var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity)));--tw-text-opacity: .2}@supports (color: color-mix(in oklab,black,black)){.btn:is(input[type=checkbox]:checked):hover,.btn:is(input[type=radio]:checked):hover{background-color:color-mix(in oklab,var(--fallback-p,oklch(var(--p)/1)) 90%,black);border-color:color-mix(in oklab,var(--fallback-p,oklch(var(--p)/1)) 90%,black)}}.dropdown.dropdown-hover:hover .dropdown-content{--tw-scale-x: 1;--tw-scale-y: 1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}:where(.menu li:not(.menu-title,.disabled)>*:not(ul,details,.menu-title)):not(.active,.btn):hover,:where(.menu li:not(.menu-title,.disabled)>details>summary:not(.menu-title)):not(.active,.btn):hover{cursor:pointer;outline:2px solid transparent;outline-offset:2px}@supports (color: oklch(0% 0 0)){:where(.menu li:not(.menu-title,.disabled)>*:not(ul,details,.menu-title)):not(.active,.btn):hover,:where(.menu li:not(.menu-title,.disabled)>details>summary:not(.menu-title)):not(.active,.btn):hover{background-color:var(--fallback-bc,oklch(var(--bc)/.1))}}}.dropdown:is(details) summary::-webkit-details-marker{display:none}.label{display:flex;-webkit-user-select:none;-moz-user-select:none;user-select:none;align-items:center;justify-content:space-between;padding:.5rem .25rem}.indicator{position:relative;display:inline-flex;width:-moz-max-content;width:max-content}.indicator :where(.indicator-item){z-index:1;position:absolute;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));white-space:nowrap}.input{flex-shrink:1;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:3rem;padding-left:1rem;padding-right:1rem;font-size:1rem;line-height:2;line-height:1.5rem;border-radius:var(--rounded-btn, .5rem);border-width:1px;border-color:transparent;--tw-bg-opacity: 1;background-color:var(--fallback-b1,oklch(var(--b1)/var(--tw-bg-opacity)))}.input[type=number]::-webkit-inner-spin-button,.input-md[type=number]::-webkit-inner-spin-button{margin-top:-1rem;margin-bottom:-1rem;margin-inline-end:-1rem}.join{display:inline-flex;align-items:stretch;border-radius:var(--rounded-btn, .5rem)}.join :where(.join-item){border-start-end-radius:0;border-end-end-radius:0;border-end-start-radius:0;border-start-start-radius:0}.join .join-item:not(:first-child):not(:last-child),.join *:not(:first-child):not(:last-child) .join-item{border-start-end-radius:0;border-end-end-radius:0;border-end-start-radius:0;border-start-start-radius:0}.join .join-item:first-child:not(:last-child),.join *:first-child:not(:last-child) .join-item{border-start-end-radius:0;border-end-end-radius:0}.join .dropdown .join-item:first-child:not(:last-child),.join *:first-child:not(:last-child) .dropdown .join-item{border-start-end-radius:inherit;border-end-end-radius:inherit}.join :where(.join-item:first-child:not(:last-child)),.join :where(*:first-child:not(:last-child) .join-item){border-end-start-radius:inherit;border-start-start-radius:inherit}.join .join-item:last-child:not(:first-child),.join *:last-child:not(:first-child) .join-item{border-end-start-radius:0;border-start-start-radius:0}.join :where(.join-item:last-child:not(:first-child)),.join :where(*:last-child:not(:first-child) .join-item){border-start-end-radius:inherit;border-end-end-radius:inherit}@supports not selector(:has(*)){:where(.join *){border-radius:inherit}}@supports selector(:has(*)){:where(.join *:has(.join-item)){border-radius:inherit}}.\!link{cursor:pointer!important;text-decoration-line:underline!important}.link{cursor:pointer;text-decoration-line:underline}.menu{display:flex;flex-direction:column;flex-wrap:wrap;font-size:.875rem;line-height:1.25rem;padding:.5rem}.menu :where(li ul){position:relative;white-space:nowrap;margin-inline-start:1rem;padding-inline-start:.5rem}.menu :where(li:not(.menu-title)>*:not(ul,details,.menu-title,.btn)),.menu :where(li:not(.menu-title)>details>summary:not(.menu-title)){display:grid;grid-auto-flow:column;align-content:flex-start;align-items:center;gap:.5rem;grid-auto-columns:minmax(auto,max-content) auto max-content;-webkit-user-select:none;-moz-user-select:none;user-select:none}.menu li.disabled{cursor:not-allowed;-webkit-user-select:none;-moz-user-select:none;user-select:none;color:var(--fallback-bc,oklch(var(--bc)/.3))}.menu :where(li>.menu-dropdown:not(.menu-dropdown-show)){display:none}:where(.menu li){position:relative;display:flex;flex-shrink:0;flex-direction:column;flex-wrap:wrap;align-items:stretch}:where(.menu li) .badge{justify-self:end}.modal{pointer-events:none;position:fixed;top:0;right:0;bottom:0;left:0;margin:0;display:grid;height:100%;max-height:none;width:100%;max-width:none;justify-items:center;padding:0;opacity:0;overscroll-behavior:contain;z-index:999;background-color:transparent;color:inherit;transition-duration:.2s;transition-timing-function:cubic-bezier(0,0,.2,1);transition-property:transform,opacity,visibility;overflow-y:hidden}:where(.modal){align-items:center}.modal-open,.modal:target,.modal-toggle:checked+.modal,.modal[open]{pointer-events:auto;visibility:visible;opacity:1}:root:has(:is(.modal-open,.modal:target,.modal-toggle:checked+.modal,.modal[open])){overflow:hidden;scrollbar-gutter:stable}.radio{flex-shrink:0;--chkbg: var(--bc);height:1.5rem;width:1.5rem;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:9999px;border-width:1px;border-color:var(--fallback-bc,oklch(var(--bc)/var(--tw-border-opacity)));--tw-border-opacity: .2}.range{height:1.5rem;width:100%;cursor:pointer;-moz-appearance:none;appearance:none;-webkit-appearance:none;--range-shdw: var(--fallback-bc,oklch(var(--bc)/1));overflow:hidden;border-radius:var(--rounded-box, 1rem);background-color:transparent}.range:focus{outline:none}.select{display:inline-flex;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:3rem;min-height:3rem;padding-inline-start:1rem;padding-inline-end:2.5rem;font-size:.875rem;line-height:1.25rem;line-height:2;border-radius:var(--rounded-btn, .5rem);border-width:1px;border-color:transparent;--tw-bg-opacity: 1;background-color:var(--fallback-b1,oklch(var(--b1)/var(--tw-bg-opacity)));background-image:linear-gradient(45deg,transparent 50%,currentColor 50%),linear-gradient(135deg,currentColor 50%,transparent 50%);background-position:calc(100% - 20px) calc(1px + 50%),calc(100% - 16.1px) calc(1px + 50%);background-size:4px 4px,4px 4px;background-repeat:no-repeat}.select[multiple]{height:auto}.steps .step{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));grid-template-columns:auto;grid-template-rows:repeat(2,minmax(0,1fr));grid-template-rows:40px 1fr;place-items:center;text-align:center;min-width:4rem}.table{position:relative;width:100%;border-radius:var(--rounded-box, 1rem);text-align:left;font-size:.875rem;line-height:1.25rem}.table :where(.table-pin-rows thead tr){position:sticky;top:0;z-index:1;--tw-bg-opacity: 1;background-color:var(--fallback-b1,oklch(var(--b1)/var(--tw-bg-opacity)))}.table :where(.table-pin-rows tfoot tr){position:sticky;bottom:0;z-index:1;--tw-bg-opacity: 1;background-color:var(--fallback-b1,oklch(var(--b1)/var(--tw-bg-opacity)))}.table :where(.table-pin-cols tr th){position:sticky;left:0;right:0;--tw-bg-opacity: 1;background-color:var(--fallback-b1,oklch(var(--b1)/var(--tw-bg-opacity)))}.textarea{min-height:3rem;flex-shrink:1;padding:.5rem 1rem;font-size:.875rem;line-height:1.25rem;line-height:2;border-radius:var(--rounded-btn, .5rem);border-width:1px;border-color:transparent;--tw-bg-opacity: 1;background-color:var(--fallback-b1,oklch(var(--b1)/var(--tw-bg-opacity)))}.btm-nav>*:where(.active){border-top-width:2px;--tw-bg-opacity: 1;background-color:var(--fallback-b1,oklch(var(--b1)/var(--tw-bg-opacity)))}.btm-nav>*.disabled,.btm-nav>*[disabled]{pointer-events:none;--tw-border-opacity: 0;background-color:var(--fallback-n,oklch(var(--n)/var(--tw-bg-opacity)));--tw-bg-opacity: .1;color:var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity)));--tw-text-opacity: .2}.btm-nav>* .label{font-size:1rem;line-height:1.5rem}@media (prefers-reduced-motion: no-preference){.btn{animation:button-pop var(--animation-btn, .25s) ease-out}}.btn:active:hover,.btn:active:focus{animation:button-pop 0s ease-out;transform:scale(var(--btn-focus-scale, .97))}@supports not (color: oklch(0% 0 0)){.btn{background-color:var(--btn-color, var(--fallback-b2));border-color:var(--btn-color, var(--fallback-b2))}}.btn:focus-visible{outline-style:solid;outline-width:2px;outline-offset:2px}.btn.glass{--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);outline-color:currentColor}.btn.glass.btn-active{--glass-opacity: 25%;--glass-border-opacity: 15%}.btn.btn-disabled,.btn[disabled],.btn:disabled{--tw-border-opacity: 0;background-color:var(--fallback-n,oklch(var(--n)/var(--tw-bg-opacity)));--tw-bg-opacity: .2;color:var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity)));--tw-text-opacity: .2}.btn:is(input[type=checkbox]:checked),.btn:is(input[type=radio]:checked){--tw-border-opacity: 1;border-color:var(--fallback-p,oklch(var(--p)/var(--tw-border-opacity)));--tw-bg-opacity: 1;background-color:var(--fallback-p,oklch(var(--p)/var(--tw-bg-opacity)));--tw-text-opacity: 1;color:var(--fallback-pc,oklch(var(--pc)/var(--tw-text-opacity)))}.btn:is(input[type=checkbox]:checked):focus-visible,.btn:is(input[type=radio]:checked):focus-visible{outline-color:var(--fallback-p,oklch(var(--p)/1))}@keyframes button-pop{0%{transform:scale(var(--btn-focus-scale, .98))}40%{transform:scale(1.02)}to{transform:scale(1)}}.card :where(figure:first-child){overflow:hidden;border-start-start-radius:inherit;border-start-end-radius:inherit;border-end-start-radius:unset;border-end-end-radius:unset}.card :where(figure:last-child){overflow:hidden;border-start-start-radius:unset;border-start-end-radius:unset;border-end-start-radius:inherit;border-end-end-radius:inherit}.card:focus-visible{outline:2px solid currentColor;outline-offset:2px}.card.bordered{border-width:1px;--tw-border-opacity: 1;border-color:var(--fallback-b2,oklch(var(--b2)/var(--tw-border-opacity)))}.card.compact .card-body{padding:1rem;font-size:.875rem;line-height:1.25rem}.card.image-full :where(figure){overflow:hidden;border-radius:inherit}.checkbox:focus{box-shadow:none}.checkbox:focus-visible{outline-style:solid;outline-width:2px;outline-offset:2px;outline-color:var(--fallback-bc,oklch(var(--bc)/1))}.checkbox:disabled{border-width:0px;cursor:not-allowed;border-color:transparent;--tw-bg-opacity: 1;background-color:var(--fallback-bc,oklch(var(--bc)/var(--tw-bg-opacity)));opacity:.2}.checkbox:checked,.checkbox[aria-checked=true]{background-repeat:no-repeat;animation:checkmark var(--animation-input, .2s) ease-out;background-color:var(--chkbg);background-image:linear-gradient(-45deg,transparent 65%,var(--chkbg) 65.99%),linear-gradient(45deg,transparent 75%,var(--chkbg) 75.99%),linear-gradient(-45deg,var(--chkbg) 40%,transparent 40.99%),linear-gradient(45deg,var(--chkbg) 30%,var(--chkfg) 30.99%,var(--chkfg) 40%,transparent 40.99%),linear-gradient(-45deg,var(--chkfg) 50%,var(--chkbg) 50.99%)}.checkbox:indeterminate{--tw-bg-opacity: 1;background-color:var(--fallback-bc,oklch(var(--bc)/var(--tw-bg-opacity)));background-repeat:no-repeat;animation:checkmark var(--animation-input, .2s) ease-out;background-image:linear-gradient(90deg,transparent 80%,var(--chkbg) 80%),linear-gradient(-90deg,transparent 80%,var(--chkbg) 80%),linear-gradient(0deg,var(--chkbg) 43%,var(--chkfg) 43%,var(--chkfg) 57%,var(--chkbg) 57%)}@keyframes checkmark{0%{background-position-y:5px}50%{background-position-y:-2px}to{background-position-y:0}}.dropdown.dropdown-open .dropdown-content,.dropdown:focus .dropdown-content,.dropdown:focus-within .dropdown-content{--tw-scale-x: 1;--tw-scale-y: 1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.input input{--tw-bg-opacity: 1;background-color:var(--fallback-p,oklch(var(--p)/var(--tw-bg-opacity)));background-color:transparent}.input input:focus{outline:2px solid transparent;outline-offset:2px}.input[list]::-webkit-calendar-picker-indicator{line-height:1em}.input:focus,.input:focus-within{box-shadow:none;border-color:var(--fallback-bc,oklch(var(--bc)/.2));outline-style:solid;outline-width:2px;outline-offset:2px;outline-color:var(--fallback-bc,oklch(var(--bc)/.2))}.input:has(>input[disabled]),.input-disabled,.input:disabled,.input[disabled]{cursor:not-allowed;--tw-border-opacity: 1;border-color:var(--fallback-b2,oklch(var(--b2)/var(--tw-border-opacity)));--tw-bg-opacity: 1;background-color:var(--fallback-b2,oklch(var(--b2)/var(--tw-bg-opacity)));color:var(--fallback-bc,oklch(var(--bc)/.4))}.input:has(>input[disabled])::-moz-placeholder,.input-disabled::-moz-placeholder,.input:disabled::-moz-placeholder,.input[disabled]::-moz-placeholder{color:var(--fallback-bc,oklch(var(--bc)/var(--tw-placeholder-opacity)));--tw-placeholder-opacity: .2}.input:has(>input[disabled])::placeholder,.input-disabled::placeholder,.input:disabled::placeholder,.input[disabled]::placeholder{color:var(--fallback-bc,oklch(var(--bc)/var(--tw-placeholder-opacity)));--tw-placeholder-opacity: .2}.input:has(>input[disabled])>input[disabled]{cursor:not-allowed}.input::-webkit-date-and-time-value{text-align:inherit}.join>:where(*:not(:first-child)){margin-top:0;margin-bottom:0;margin-inline-start:-1px}.join>:where(*:not(:first-child)):is(.btn){margin-inline-start:calc(var(--border-btn) * -1)}.\!link:focus{outline:2px solid transparent!important;outline-offset:2px!important}.link:focus{outline:2px solid transparent;outline-offset:2px}.\!link:focus-visible{outline:2px solid currentColor!important;outline-offset:2px!important}.link:focus-visible{outline:2px solid currentColor;outline-offset:2px}.\!loading{pointer-events:none!important;display:inline-block!important;aspect-ratio:1 / 1!important;width:1.5rem!important;background-color:currentColor!important;-webkit-mask-size:100%!important;mask-size:100%!important;-webkit-mask-repeat:no-repeat!important;mask-repeat:no-repeat!important;-webkit-mask-position:center!important;mask-position:center!important;-webkit-mask-image:url("data:image/svg+xml,%3Csvg width='24' height='24' stroke='%23000' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cstyle%3E.spinner_V8m1%7Btransform-origin:center;animation:spinner_zKoa 2s linear infinite%7D.spinner_V8m1 circle%7Bstroke-linecap:round;animation:spinner_YpZS 1.5s ease-out infinite%7D%40keyframes spinner_zKoa%7B100%25%7Btransform:rotate(360deg)%7D%7D%40keyframes spinner_YpZS%7B0%25%7Bstroke-dasharray:0 150;stroke-dashoffset:0%7D47.5%25%7Bstroke-dasharray:42 150;stroke-dashoffset:-16%7D95%25%2C100%25%7Bstroke-dasharray:42 150;stroke-dashoffset:-59%7D%7D%3C%2Fstyle%3E%3Cg class='spinner_V8m1'%3E%3Ccircle cx='12' cy='12' r='9.5' fill='none' stroke-width='3'%3E%3C%2Fcircle%3E%3C%2Fg%3E%3C%2Fsvg%3E")!important;mask-image:url("data:image/svg+xml,%3Csvg width='24' height='24' stroke='%23000' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cstyle%3E.spinner_V8m1%7Btransform-origin:center;animation:spinner_zKoa 2s linear infinite%7D.spinner_V8m1 circle%7Bstroke-linecap:round;animation:spinner_YpZS 1.5s ease-out infinite%7D%40keyframes spinner_zKoa%7B100%25%7Btransform:rotate(360deg)%7D%7D%40keyframes spinner_YpZS%7B0%25%7Bstroke-dasharray:0 150;stroke-dashoffset:0%7D47.5%25%7Bstroke-dasharray:42 150;stroke-dashoffset:-16%7D95%25%2C100%25%7Bstroke-dasharray:42 150;stroke-dashoffset:-59%7D%7D%3C%2Fstyle%3E%3Cg class='spinner_V8m1'%3E%3Ccircle cx='12' cy='12' r='9.5' fill='none' stroke-width='3'%3E%3C%2Fcircle%3E%3C%2Fg%3E%3C%2Fsvg%3E")!important}.loading{pointer-events:none;display:inline-block;aspect-ratio:1 / 1;width:1.5rem;background-color:currentColor;-webkit-mask-size:100%;mask-size:100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-image:url("data:image/svg+xml,%3Csvg width='24' height='24' stroke='%23000' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cstyle%3E.spinner_V8m1%7Btransform-origin:center;animation:spinner_zKoa 2s linear infinite%7D.spinner_V8m1 circle%7Bstroke-linecap:round;animation:spinner_YpZS 1.5s ease-out infinite%7D%40keyframes spinner_zKoa%7B100%25%7Btransform:rotate(360deg)%7D%7D%40keyframes spinner_YpZS%7B0%25%7Bstroke-dasharray:0 150;stroke-dashoffset:0%7D47.5%25%7Bstroke-dasharray:42 150;stroke-dashoffset:-16%7D95%25%2C100%25%7Bstroke-dasharray:42 150;stroke-dashoffset:-59%7D%7D%3C%2Fstyle%3E%3Cg class='spinner_V8m1'%3E%3Ccircle cx='12' cy='12' r='9.5' fill='none' stroke-width='3'%3E%3C%2Fcircle%3E%3C%2Fg%3E%3C%2Fsvg%3E");mask-image:url("data:image/svg+xml,%3Csvg width='24' height='24' stroke='%23000' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cstyle%3E.spinner_V8m1%7Btransform-origin:center;animation:spinner_zKoa 2s linear infinite%7D.spinner_V8m1 circle%7Bstroke-linecap:round;animation:spinner_YpZS 1.5s ease-out infinite%7D%40keyframes spinner_zKoa%7B100%25%7Btransform:rotate(360deg)%7D%7D%40keyframes spinner_YpZS%7B0%25%7Bstroke-dasharray:0 150;stroke-dashoffset:0%7D47.5%25%7Bstroke-dasharray:42 150;stroke-dashoffset:-16%7D95%25%2C100%25%7Bstroke-dasharray:42 150;stroke-dashoffset:-59%7D%7D%3C%2Fstyle%3E%3Cg class='spinner_V8m1'%3E%3Ccircle cx='12' cy='12' r='9.5' fill='none' stroke-width='3'%3E%3C%2Fcircle%3E%3C%2Fg%3E%3C%2Fsvg%3E")}:where(.menu li:empty){--tw-bg-opacity: 1;background-color:var(--fallback-bc,oklch(var(--bc)/var(--tw-bg-opacity)));opacity:.1;margin:.5rem 1rem;height:1px}.menu :where(li ul):before{position:absolute;bottom:.75rem;inset-inline-start:0px;top:.75rem;width:1px;--tw-bg-opacity: 1;background-color:var(--fallback-bc,oklch(var(--bc)/var(--tw-bg-opacity)));opacity:.1;content:""}.menu :where(li:not(.menu-title)>*:not(ul,details,.menu-title,.btn)),.menu :where(li:not(.menu-title)>details>summary:not(.menu-title)){border-radius:var(--rounded-btn, .5rem);padding:.5rem 1rem;text-align:start;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-timing-function:cubic-bezier(0,0,.2,1);transition-duration:.2s;text-wrap:balance}:where(.menu li:not(.menu-title,.disabled)>*:not(ul,details,.menu-title)):not(summary,.active,.btn).focus,:where(.menu li:not(.menu-title,.disabled)>*:not(ul,details,.menu-title)):not(summary,.active,.btn):focus,:where(.menu li:not(.menu-title,.disabled)>*:not(ul,details,.menu-title)):is(summary):not(.active,.btn):focus-visible,:where(.menu li:not(.menu-title,.disabled)>details>summary:not(.menu-title)):not(summary,.active,.btn).focus,:where(.menu li:not(.menu-title,.disabled)>details>summary:not(.menu-title)):not(summary,.active,.btn):focus,:where(.menu li:not(.menu-title,.disabled)>details>summary:not(.menu-title)):is(summary):not(.active,.btn):focus-visible{cursor:pointer;background-color:var(--fallback-bc,oklch(var(--bc)/.1));--tw-text-opacity: 1;color:var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity)));outline:2px solid transparent;outline-offset:2px}.menu li>*:not(ul,.menu-title,details,.btn):active,.menu li>*:not(ul,.menu-title,details,.btn).active,.menu li>details>summary:active{--tw-bg-opacity: 1;background-color:var(--fallback-n,oklch(var(--n)/var(--tw-bg-opacity)));--tw-text-opacity: 1;color:var(--fallback-nc,oklch(var(--nc)/var(--tw-text-opacity)))}.menu :where(li>details>summary)::-webkit-details-marker{display:none}.menu :where(li>details>summary):after,.menu :where(li>.menu-dropdown-toggle):after{justify-self:end;display:block;margin-top:-.5rem;height:.5rem;width:.5rem;transform:rotate(45deg);transition-property:transform,margin-top;transition-duration:.3s;transition-timing-function:cubic-bezier(.4,0,.2,1);content:"";transform-origin:75% 75%;box-shadow:2px 2px;pointer-events:none}.menu :where(li>details[open]>summary):after,.menu :where(li>.menu-dropdown-toggle.menu-dropdown-show):after{transform:rotate(225deg);margin-top:0}.mockup-phone .display{overflow:hidden;border-radius:40px;margin-top:-25px}.mockup-browser .mockup-browser-toolbar .input{position:relative;margin-left:auto;margin-right:auto;display:block;height:1.75rem;width:24rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;--tw-bg-opacity: 1;background-color:var(--fallback-b2,oklch(var(--b2)/var(--tw-bg-opacity)));padding-left:2rem;direction:ltr}.mockup-browser .mockup-browser-toolbar .input:before{content:"";position:absolute;left:.5rem;top:50%;aspect-ratio:1 / 1;height:.75rem;--tw-translate-y: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));border-radius:9999px;border-width:2px;border-color:currentColor;opacity:.6}.mockup-browser .mockup-browser-toolbar .input:after{content:"";position:absolute;left:1.25rem;top:50%;height:.5rem;--tw-translate-y: 25%;--tw-rotate: -45deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));border-radius:9999px;border-width:1px;border-color:currentColor;opacity:.6}.modal:not(dialog:not(.modal-open)),.modal::backdrop{background-color:#0006;animation:modal-pop .2s ease-out}.modal-open .modal-box,.modal-toggle:checked+.modal .modal-box,.modal:target .modal-box,.modal[open] .modal-box{--tw-translate-y: 0px;--tw-scale-x: 1;--tw-scale-y: 1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes modal-pop{0%{opacity:0}}@keyframes progress-loading{50%{background-position-x:-115%}}.radio:focus{box-shadow:none}.radio:focus-visible{outline-style:solid;outline-width:2px;outline-offset:2px;outline-color:var(--fallback-bc,oklch(var(--bc)/1))}.radio:checked,.radio[aria-checked=true]{--tw-bg-opacity: 1;background-color:var(--fallback-bc,oklch(var(--bc)/var(--tw-bg-opacity)));background-image:none;animation:radiomark var(--animation-input, .2s) ease-out;box-shadow:0 0 0 4px var(--fallback-b1,oklch(var(--b1)/1)) inset,0 0 0 4px var(--fallback-b1,oklch(var(--b1)/1)) inset}.radio:disabled{cursor:not-allowed;opacity:.2}@keyframes radiomark{0%{box-shadow:0 0 0 12px var(--fallback-b1,oklch(var(--b1)/1)) inset,0 0 0 12px var(--fallback-b1,oklch(var(--b1)/1)) inset}50%{box-shadow:0 0 0 3px var(--fallback-b1,oklch(var(--b1)/1)) inset,0 0 0 3px var(--fallback-b1,oklch(var(--b1)/1)) inset}to{box-shadow:0 0 0 4px var(--fallback-b1,oklch(var(--b1)/1)) inset,0 0 0 4px var(--fallback-b1,oklch(var(--b1)/1)) inset}}.range:focus-visible::-webkit-slider-thumb{--focus-shadow: 0 0 0 6px var(--fallback-b1,oklch(var(--b1)/1)) inset, 0 0 0 2rem var(--range-shdw) inset}.range:focus-visible::-moz-range-thumb{--focus-shadow: 0 0 0 6px var(--fallback-b1,oklch(var(--b1)/1)) inset, 0 0 0 2rem var(--range-shdw) inset}.range::-webkit-slider-runnable-track{height:.5rem;width:100%;border-radius:var(--rounded-box, 1rem);background-color:var(--fallback-bc,oklch(var(--bc)/.1))}.range::-moz-range-track{height:.5rem;width:100%;border-radius:var(--rounded-box, 1rem);background-color:var(--fallback-bc,oklch(var(--bc)/.1))}.range::-webkit-slider-thumb{position:relative;height:1.5rem;width:1.5rem;border-radius:var(--rounded-box, 1rem);border-style:none;--tw-bg-opacity: 1;background-color:var(--fallback-b1,oklch(var(--b1)/var(--tw-bg-opacity)));-moz-appearance:none;appearance:none;-webkit-appearance:none;top:50%;color:var(--range-shdw);transform:translateY(-50%);--filler-size: 100rem;--filler-offset: .6rem;box-shadow:0 0 0 3px var(--range-shdw) inset,var(--focus-shadow, 0 0),calc(var(--filler-size) * -1 - var(--filler-offset)) 0 0 var(--filler-size)}.range::-moz-range-thumb{position:relative;height:1.5rem;width:1.5rem;border-radius:var(--rounded-box, 1rem);border-style:none;--tw-bg-opacity: 1;background-color:var(--fallback-b1,oklch(var(--b1)/var(--tw-bg-opacity)));top:50%;color:var(--range-shdw);--filler-size: 100rem;--filler-offset: .5rem;box-shadow:0 0 0 3px var(--range-shdw) inset,var(--focus-shadow, 0 0),calc(var(--filler-size) * -1 - var(--filler-offset)) 0 0 var(--filler-size)}@keyframes rating-pop{0%{transform:translateY(-.125em)}40%{transform:translateY(-.125em)}to{transform:translateY(0)}}.select:focus{box-shadow:none;border-color:var(--fallback-bc,oklch(var(--bc)/.2));outline-style:solid;outline-width:2px;outline-offset:2px;outline-color:var(--fallback-bc,oklch(var(--bc)/.2))}.select-disabled,.select:disabled,.select[disabled]{cursor:not-allowed;--tw-border-opacity: 1;border-color:var(--fallback-b2,oklch(var(--b2)/var(--tw-border-opacity)));--tw-bg-opacity: 1;background-color:var(--fallback-b2,oklch(var(--b2)/var(--tw-bg-opacity)));color:var(--fallback-bc,oklch(var(--bc)/.4))}.select-disabled::-moz-placeholder,.select:disabled::-moz-placeholder,.select[disabled]::-moz-placeholder{color:var(--fallback-bc,oklch(var(--bc)/var(--tw-placeholder-opacity)));--tw-placeholder-opacity: .2}.select-disabled::placeholder,.select:disabled::placeholder,.select[disabled]::placeholder{color:var(--fallback-bc,oklch(var(--bc)/var(--tw-placeholder-opacity)));--tw-placeholder-opacity: .2}.select-multiple,.select[multiple],.select[size].select:not([size="1"]){background-image:none;padding-right:1rem}[dir=rtl] .select{background-position:calc(0% + 12px) calc(1px + 50%),calc(0% + 16px) calc(1px + 50%)}@keyframes skeleton{0%{background-position:150%}to{background-position:-50%}}.steps .step:before{top:0;grid-column-start:1;grid-row-start:1;height:.5rem;width:100%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));--tw-bg-opacity: 1;background-color:var(--fallback-b3,oklch(var(--b3)/var(--tw-bg-opacity)));--tw-text-opacity: 1;color:var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity)));content:"";margin-inline-start:-100%}.steps .step:after{content:counter(step);counter-increment:step;z-index:1;position:relative;grid-column-start:1;grid-row-start:1;display:grid;height:2rem;width:2rem;place-items:center;place-self:center;border-radius:9999px;--tw-bg-opacity: 1;background-color:var(--fallback-b3,oklch(var(--b3)/var(--tw-bg-opacity)));--tw-text-opacity: 1;color:var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity)))}.steps .step:first-child:before{content:none}.steps .step[data-content]:after{content:attr(data-content)}.table:where([dir=rtl],[dir=rtl] *){text-align:right}.table :where(th,td){padding:.75rem 1rem;vertical-align:middle}.table tr.active,.table tr.active:nth-child(2n),.table-zebra tbody tr:nth-child(2n){--tw-bg-opacity: 1;background-color:var(--fallback-b2,oklch(var(--b2)/var(--tw-bg-opacity)))}.table-zebra tr.active,.table-zebra tr.active:nth-child(2n),.table-zebra-zebra tbody tr:nth-child(2n){--tw-bg-opacity: 1;background-color:var(--fallback-b3,oklch(var(--b3)/var(--tw-bg-opacity)))}.table :where(thead tr,tbody tr:not(:last-child),tbody tr:first-child:last-child){border-bottom-width:1px;--tw-border-opacity: 1;border-bottom-color:var(--fallback-b2,oklch(var(--b2)/var(--tw-border-opacity)))}.table :where(thead,tfoot){white-space:nowrap;font-size:.75rem;line-height:1rem;font-weight:700;color:var(--fallback-bc,oklch(var(--bc)/.6))}.table :where(tfoot){border-top-width:1px;--tw-border-opacity: 1;border-top-color:var(--fallback-b2,oklch(var(--b2)/var(--tw-border-opacity)))}.textarea:focus{box-shadow:none;border-color:var(--fallback-bc,oklch(var(--bc)/.2));outline-style:solid;outline-width:2px;outline-offset:2px;outline-color:var(--fallback-bc,oklch(var(--bc)/.2))}.textarea-disabled,.textarea:disabled,.textarea[disabled]{cursor:not-allowed;--tw-border-opacity: 1;border-color:var(--fallback-b2,oklch(var(--b2)/var(--tw-border-opacity)));--tw-bg-opacity: 1;background-color:var(--fallback-b2,oklch(var(--b2)/var(--tw-bg-opacity)));color:var(--fallback-bc,oklch(var(--bc)/.4))}.textarea-disabled::-moz-placeholder,.textarea:disabled::-moz-placeholder,.textarea[disabled]::-moz-placeholder{color:var(--fallback-bc,oklch(var(--bc)/var(--tw-placeholder-opacity)));--tw-placeholder-opacity: .2}.textarea-disabled::placeholder,.textarea:disabled::placeholder,.textarea[disabled]::placeholder{color:var(--fallback-bc,oklch(var(--bc)/var(--tw-placeholder-opacity)));--tw-placeholder-opacity: .2}@keyframes toast-pop{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}.artboard.phone{width:320px}.btm-nav-xs>*:where(.active){border-top-width:1px}.btm-nav-sm>*:where(.active){border-top-width:2px}.btm-nav-md>*:where(.active){border-top-width:2px}.btm-nav-lg>*:where(.active){border-top-width:4px}.indicator :where(.indicator-item){bottom:auto;inset-inline-end:0px;inset-inline-start:auto;top:0;--tw-translate-y: -50%;--tw-translate-x: 50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.indicator :where(.indicator-item):where([dir=rtl],[dir=rtl] *){--tw-translate-x: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.indicator :where(.indicator-item.indicator-start){inset-inline-end:auto;inset-inline-start:0px;--tw-translate-x: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.indicator :where(.indicator-item.indicator-start):where([dir=rtl],[dir=rtl] *){--tw-translate-x: 50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.indicator :where(.indicator-item.indicator-center){inset-inline-end:50%;inset-inline-start:50%;--tw-translate-x: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.indicator :where(.indicator-item.indicator-center):where([dir=rtl],[dir=rtl] *){--tw-translate-x: 50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.indicator :where(.indicator-item.indicator-end){inset-inline-end:0px;inset-inline-start:auto;--tw-translate-x: 50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.indicator :where(.indicator-item.indicator-end):where([dir=rtl],[dir=rtl] *){--tw-translate-x: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.indicator :where(.indicator-item.indicator-bottom){bottom:0;top:auto;--tw-translate-y: 50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.indicator :where(.indicator-item.indicator-middle){bottom:50%;top:50%;--tw-translate-y: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.indicator :where(.indicator-item.indicator-top){bottom:auto;top:0;--tw-translate-y: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.join.join-vertical{flex-direction:column}.join.join-vertical .join-item:first-child:not(:last-child),.join.join-vertical *:first-child:not(:last-child) .join-item{border-end-start-radius:0;border-end-end-radius:0;border-start-start-radius:inherit;border-start-end-radius:inherit}.join.join-vertical .join-item:last-child:not(:first-child),.join.join-vertical *:last-child:not(:first-child) .join-item{border-start-start-radius:0;border-start-end-radius:0;border-end-start-radius:inherit;border-end-end-radius:inherit}.join.join-horizontal{flex-direction:row}.join.join-horizontal .join-item:first-child:not(:last-child),.join.join-horizontal *:first-child:not(:last-child) .join-item{border-end-end-radius:0;border-start-end-radius:0;border-end-start-radius:inherit;border-start-start-radius:inherit}.join.join-horizontal .join-item:last-child:not(:first-child),.join.join-horizontal *:last-child:not(:first-child) .join-item{border-end-start-radius:0;border-start-start-radius:0;border-end-end-radius:inherit;border-start-end-radius:inherit}.steps-horizontal .step{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));place-items:center;text-align:center}.steps-vertical .step{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(1,minmax(0,1fr))}.join.join-vertical>:where(*:not(:first-child)){margin-left:0;margin-right:0;margin-top:-1px}.join.join-vertical>:where(*:not(:first-child)):is(.btn){margin-top:calc(var(--border-btn) * -1)}.join.join-horizontal>:where(*:not(:first-child)){margin-top:0;margin-bottom:0;margin-inline-start:-1px}.join.join-horizontal>:where(*:not(:first-child)):is(.btn){margin-inline-start:calc(var(--border-btn) * -1)}.steps-horizontal .step{grid-template-rows:40px 1fr;grid-template-columns:auto;min-width:4rem}.steps-horizontal .step:before{height:.5rem;width:100%;--tw-translate-x: 0px;--tw-translate-y: 0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));content:"";margin-inline-start:-100%}.steps-horizontal .step:where([dir=rtl],[dir=rtl] *):before{--tw-translate-x: 0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.steps-vertical .step{gap:.5rem;grid-template-columns:40px 1fr;grid-template-rows:auto;min-height:4rem;justify-items:start}.steps-vertical .step:before{height:100%;width:.5rem;--tw-translate-x: -50%;--tw-translate-y: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));margin-inline-start:50%}.steps-vertical .step:where([dir=rtl],[dir=rtl] *):before{--tw-translate-x: 50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.visible{visibility:visible}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.-top-10{top:-2.5rem}.left-1\/2{left:50%}.float-right{float:right}.mx-auto{margin-left:auto;margin-right:auto}.-mt-2{margin-top:-.5rem}.-mt-2\.5{margin-top:-.625rem}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.mb-5{margin-bottom:1.25rem}.mb-6{margin-bottom:1.5rem}.ml-2{margin-left:.5rem}.mr-2{margin-right:.5rem}.mt-0{margin-top:0}.mt-1{margin-top:.25rem}.mt-12{margin-top:3rem}.mt-5{margin-top:1.25rem}.block{display:block}.flex{display:flex}.table{display:table}.contents{display:contents}.hidden{display:none}.h-10{height:2.5rem}.h-6{height:1.5rem}.w-24{width:6rem}.w-6{width:1.5rem}.w-9{width:2.25rem}.w-auto{width:auto}.w-full{width:100%}.max-w-fit{max-width:-moz-fit-content;max-width:fit-content}.flex-1{flex:1 1 0%}.flex-auto{flex:1 1 auto}.-translate-x-1\/2{--tw-translate-x: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.resize{resize:both}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.75rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem * var(--tw-space-y-reverse))}.overflow-hidden{overflow:hidden}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.whitespace-nowrap{white-space:nowrap}.rounded{border-radius:.25rem}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.border{border-width:1px}.border-2{border-width:2px}.border-gray-300{--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity))}.border-red-700{--tw-border-opacity: 1;border-color:rgb(185 28 28 / var(--tw-border-opacity))}.bg-blue-600{--tw-bg-opacity: 1;background-color:rgb(37 99 235 / var(--tw-bg-opacity))}.bg-gray-800{--tw-bg-opacity: 1;background-color:rgb(31 41 55 / var(--tw-bg-opacity))}.bg-red-500{--tw-bg-opacity: 1;background-color:rgb(239 68 68 / var(--tw-bg-opacity))}.p-2{padding:.5rem}.px-0{padding-left:0;padding-right:0}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-\[50px\]{padding-top:50px;padding-bottom:50px}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.lowercase{text-transform:lowercase}.italic{font-style:italic}.text-blue-500{--tw-text-opacity: 1;color:rgb(59 130 246 / var(--tw-text-opacity))}.text-gray-800{--tw-text-opacity: 1;color:rgb(31 41 55 / var(--tw-text-opacity))}.text-red-700{--tw-text-opacity: 1;color:rgb(185 28 28 / var(--tw-text-opacity))}.text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}.underline{text-decoration-line:underline}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-200{transition-duration:.2s}.hover\:scale-110:hover{--tw-scale-x: 1.1;--tw-scale-y: 1.1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus\:ring-2:focus{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.focus\:ring-blue-500:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity))}.group:hover .group-hover\:block{display:block}@media (min-width: 640px){.sm\:my-5{margin-top:1.25rem;margin-bottom:1.25rem}.sm\:-mt-2{margin-top:-.5rem}.sm\:-mt-2\.5{margin-top:-.625rem}.sm\:mb-0{margin-bottom:0}.sm\:flex{display:flex}.sm\:w-1\/5{width:20%}.sm\:w-3\/5{width:60%}.sm\:w-fit{width:-moz-fit-content;width:fit-content}.sm\:flex-row{flex-direction:row}.sm\:space-y-0>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(0px * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(0px * var(--tw-space-y-reverse))}}@media (prefers-color-scheme: dark){.dark\:text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}}*{font-family:Noto Sans Thai,sans-serif;font-family:Prompt,"sans-serif"}.navbarContainer{width:100%;padding:0 80px;background-color:var(--navbar-bg-color);display:flex;justify-content:space-between;align-items:center;position:fixed;z-index:100;box-shadow:0 4px 4px #0006;height:64px}.logoToHome{margin-right:50px;display:flex}.logoKmitl{width:auto;height:32px;margin-right:24px}.nameNavbar{color:#fff;font-size:22px;font-weight:500}.toSearchPage{display:flex;align-items:center}.linkToSearch{color:#fff9;font-size:18px;margin:0 20px;transition:all .3s ease-in-out}.linkToSearch:hover{text-decoration:underline;color:#fff}.btnLogin{font-size:16px;color:var(--navbar-bg-color);font-weight:500;background-color:#fff;padding:5px 10px;margin:15px 0;border-radius:10px;transition:all .3s ease-in-out}.btnLogin:hover{background-color:#dbdbdb}.userNav{top:15px;right:50px;position:fixed;display:flex;flex-direction:column;align-items:start;justify-content:start;cursor:pointer}.userNav .cirProfile{width:34px;height:34px;border:2px solid white;border-radius:50%;overflow:hidden}.userNav .nameAccountNav{color:#fff;font-size:20px;margin:2px 0 0 10px}.profileBtnContainer{position:relative;display:inline-block}.userNav .ProfileCont{display:flex}.userNav .dropdownProfile{margin-top:20px;background-color:#fff;box-shadow:0 4px 8px #00000080;border-radius:4px;display:flex;flex-direction:column;position:relative;overflow:hidden;opacity:0;transform:translateY(-10px);transition:opacity .3s ease,transform .3s ease,max-height .3s ease;max-height:0}.dropdownProfile.open{opacity:1;transform:translateY(0);max-height:200px}.dropdownProfile .dropdown-item{font-weight:500;padding:10px 50px 10px 15px;cursor:pointer}.dropdownProfile .dropdown-item:hover{background-color:#f0f0f0}.dropdown-item.logout-item{color:var(--color-red)}.navbarContainer input[type=checkbox]{display:none}.iconNavbar{position:absolute;right:40px;justify-content:center;display:none}.iconNavbar img{width:32px;cursor:pointer}.sideNav,.backSideNav{display:none}@media (max-width: 1300px){.logoToHome{margin-right:30px}.logoKmitl{width:auto;height:28px}.nameNavbar{font-size:18px}}@media (max-width: 1100px){.navbarContainer{height:64px;padding:0 40px}.logoKmitl,.linkToSearch,.btnLogin,.userNav{display:none}.iconNavbar{display:inline-flex}#check:checked~.iconNavbar #burgerIcon{display:none}.iconNavbar #closeIcon{width:26px;display:none}#check:checked~.iconNavbar #closeIcon{display:inline-flex}.sideNav{top:64px;right:0;height:100vh;width:0px;background-color:#fff;box-shadow:-5px 0 10px #0006;display:flex;flex-direction:column;position:absolute;overflow:hidden;z-index:99;transition:.5s ease-in-out}#check:checked~.sideNav{width:270px}.backSideNav{width:100%;height:100vh;background-color:#00000063;position:absolute;left:0;top:64px;display:none;opacity:0;transition:.5s ease-in-out;z-index:98}#check:checked~.backSideNav{display:block;opacity:1}.inSideNav{padding:50px 30px;margin-bottom:30px;display:flex;flex-direction:column;overflow:scroll}.info{display:flex;flex-direction:column;margin-left:15px}.info .btnnn{font-size:18px;font-weight:500;margin:7px 5px;padding:0;white-space:nowrap;transition:.3s ease-in-out;background-color:transparent;border:none;box-shadow:none}.info .btn:hover{margin-left:15px}.linkToSearchSideNav{font-size:18px;font-weight:500;margin:7px 5px;white-space:nowrap;transition:.3s ease-in-out}.linkToSearchSideNav:hover{margin-left:15px}.linkToSearchSideNav.profileSideNav{display:flex;align-items:center;-moz-column-gap:10px;column-gap:10px}.linkToSearchSideNav .linkInImg{width:40px;height:40px;border-radius:50%;overflow:hidden}.loginSideNav{color:var(--color-blue);margin-top:15px;margin-bottom:15px}.logoutSideNav{color:var(--color-red)}}@media (max-width: 480px){.navbarContainer{padding:0 20px}.nameNavbar{font-size:16px}.btnLogin{font-size:14px;font-weight:500;margin:10px 0}.iconNavbar{right:20px}.inSideNav{padding:35px 30px 80px}.linkToSearchSideNav,.info .btnnn{font-size:16px}}.errorContainer{width:700px;text-align:center;padding:20px;background:var(--background-input);border-radius:10px;box-shadow:var(--box-shadow-template)}.headError{font-size:6rem;font-weight:700;line-height:1;margin-bottom:10px;color:var(--navbar-bg-color)}.errorTitle{font-size:2rem;font-weight:600;margin-bottom:10px}.errorDescription{font-size:1.2rem;margin-bottom:20px}.backHomeButton{display:inline-block;padding:10px 20px;font-size:1rem;color:#fff;background-color:var(--red-btn-color);text-decoration:none;border-radius:5px;transition:background-color .3s ease}.backHomeButton:hover{background-color:var(--hover-btn-bg)}@media (max-width: 768px){.errorContainer{text-align:center;padding:20px;background:var(--background-input);border-radius:10px;box-shadow:none;margin-top:100px}.headError{font-size:4rem}.detailError{font-size:1.2rem}.backHomeButton{padding:8px 16px;font-size:.9rem}}:root{--font-color-home: white}*{padding:0;margin:0}.homeContainer{width:90%;height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;row-gap:40px;position:relative}.headHome{font-size:50px;font-weight:600;text-align:center;color:var(--font-color-home)}.lineHome{width:80%;height:5px;background-color:var(--font-color-home)}.detailHome{width:90%;color:var(--font-color-home);font-size:16px;text-align:center;letter-spacing:.5px;line-height:27px}.searchHome{position:relative;width:80%;display:flex}.search-home-container{width:100%;background-color:#fff;border-radius:15px;position:relative;display:flex;box-shadow:var(--box-shadow-template)}.filter-search-home{width:110px;padding-left:10px;margin:5px 10px;text-align:start;border-radius:10px;transition:.3s}.filter-search-home:hover{background-color:var(--background-filter)}.show-filter-dropdown-home{position:absolute;top:50px;left:0;width:110px;background-color:#fff;border-radius:15px;overflow:hidden;box-shadow:0 4px 10px #00000026;max-height:0;opacity:0;transform:translateY(-10px);transition:all .3s ease}.show-filter-dropdown-home.active{max-height:200px;opacity:1;transform:translateY(0)}.option-filter-dropdown-home{padding:10px 25px;cursor:pointer;transition:.3s}.option-filter-dropdown-home:hover{background-color:var(--background-filter)}.searchHome input[type=search]{width:80%;margin:10px 0;padding:0 10px;border-left:1px solid var(--sidenav-font-color);outline:none}.submit-search-home{right:20px;height:100%;color:var(--red-btn-color);position:absolute}.searchBtnContainer{display:flex;-moz-column-gap:24px;column-gap:24px}.searchBtnHome{width:270px;font-size:18px;font-weight:500;color:#fff;background-color:var(--red-btn-color);padding:15px 35px;border-radius:20px}@keyframes blink{0%{opacity:1}50%{opacity:.3}to{opacity:1}}.scroll-to-highlight{bottom:20px;height:50px;color:var(--font-color-home);position:absolute;animation:blink 2s infinite}.highlight-container{width:100%;overflow:hidden;display:flex;justify-content:center;flex-direction:column;row-gap:30px;padding:50px 0}.head-highlight-home{color:var(--font-color-home);font-size:30px;font-weight:700;text-align:center}.highlight-wrapper-home{width:100%;position:relative}.highlight-slider-home{display:flex;-moz-column-gap:15px;column-gap:15px;width:-moz-max-content;width:max-content;animation:slideLoop 50s linear infinite}@keyframes slideLoop{0%{transform:translate(0)}to{transform:translate(-50%)}}.highlight-card{width:300px;height:200px;background-color:#fff;border-radius:15px;display:flex;align-items:center;overflow:hidden;position:relative;cursor:pointer}.in-highligh-img{width:50%;height:100%;position:relative;overflow:hidden}.in-highligh-img img{height:100%;width:100%;-o-object-fit:cover;object-fit:cover;position:relative}.in-highlight-name{width:50%;display:flex;flex-direction:column;row-gap:5px;padding:0 15px}.in-highlight-project{width:100%;height:100%;padding:10px}.highlight-name{font-size:16px;font-weight:700;text-align:start}.highlight-program{font-size:14px}.highlight-wrapper-home:hover .highlight-slider-home{animation-play-state:paused}@media (max-width: 1024px){.headHome{font-size:36px}.detailHome{font-size:14px}.searchBtnHome{width:240px;padding:12px 35px}}@media (max-width: 768px){.scroll-to-highlight{width:100%}.highlight-wrapper-home{overflow-x:auto;white-space:nowrap;scrollbar-width:thin;scrollbar-color:rgba(0,0,0,.3) transparent}.highlight-slider-home{animation:none;display:flex;width:-moz-fit-content;width:fit-content}.highlight-card{width:200px;height:260px;display:flex;flex-direction:column;row-gap:10px;white-space:normal}.in-highligh-img{width:100%;height:70%}.in-highlight-name{width:100%;height:30%}.highlight-name{font-size:13px}.highlight-program{font-size:11px}.highlight-wrapper-home::-webkit-scrollbar{height:8px}.highlight-wrapper-home::-webkit-scrollbar-track{background:#f1f1f1}.highlight-wrapper-home::-webkit-scrollbar-thumb{background:#0000004d;border-radius:10px}.highlight-wrapper-home::-webkit-scrollbar-thumb:hover{background:#00000080}}@media (max-width: 680px){.homeContainer{row-gap:30px}.searchBtnHome{width:200px;padding:12px 0}}@media (max-width: 470px){.headHome{font-size:30px}.searchBtnContainer{flex-direction:column;-moz-column-gap:0;column-gap:0;row-gap:15px}.searchBtnHome{width:180px;padding:10px 0}}.backgroundCoverHome{background-image:url(/assets/e12buliding-6CcQ9Mth.png);background-size:cover;background-position:center;background-attachment:fixed;width:100%;position:relative}.blurCoverImageHome{width:100%;height:auto;position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:#00000080;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.footerContainer{background-color:var(--footer-bg-color);position:relative;display:flex;justify-content:space-evenly}.headRegisFooter{color:var(--footer-header-color);font-size:28px;font-weight:600}.addressRegis{color:var(--footer-detail-color);font-size:16px}.contractFooter{margin-top:10px}.headContractFooter{color:var(--footer-header-color);font-size:22px;font-weight:600;margin-bottom:10px}.linkPageCon{display:flex;margin:0 0 7px;transition:all 1s ease-out}.linkPageCon:hover{filter:brightness(300%);color:#fff;text-decoration:underline}.iconContract{height:18px;margin:0 15px 0 0}.linkSearch{color:var(--footer-detail-color);font-size:17px}@media (max-width: 768px){.footerContainer{flex-direction:column}.registrationOffice{text-align:center}.contractFooter{margin-top:30px;text-align:center;display:flex;flex-direction:column;align-items:center}}@media (max-width: 480px){.headRegisFooter{font-size:22px}.addressRegis{font-size:12px}.contractFooter{margin-top:20px}.headContractFooter{font-size:18px}.linkPageCon{margin:0 0 4px}.iconContract{height:16px;margin:0 15px 0 0}.linkSearch{font-size:14px}}.LoginContainer{background-color:#fff;border-radius:40px;padding:50px 80px;position:relative;display:flex;flex-direction:column;align-items:center;box-shadow:var(--box-shadow-template)}.LoginContainer .h2{font-size:34px;font-weight:600;margin-bottom:5px}.LoginContainer .formLogin{width:90vw;max-width:500px}.LoginContainer .formLogin .blockInputLogin{border-bottom:2px solid var(--inactive-color);margin:30px 0 10px;position:relative}.LoginContainer .formLogin .blockInputLogin input[type=email]{width:100%;height:50px;font-size:16px;padding:0 5px;position:relative;border:none;background:none;outline:none}.LoginContainer .formLogin .blockInputLogin input[type=password]{width:100%;height:50px;font-size:20px;padding:0 5px;position:relative;border:none;background:none;outline:none}.LoginContainer .formLogin .blockInputLogin input::-moz-placeholder{color:var(--placeholder-color)}.LoginContainer .formLogin .blockInputLogin input::placeholder{color:var(--placeholder-color)}.LoginContainer .formLogin .blockInputLogin input:focus~label,.LoginContainer .formLogin .blockInputLogin input:valid~label{color:var(--active-color)}.LoginContainer .formLogin .blockInputLogin input:focus~span:before,.LoginContainer .formLogin .blockInputLogin input:valid~span:before{width:100%}.LoginContainer .formLogin .blockInputLogin label{position:absolute;top:-15px;left:5px;color:var(--inactive-color);font-size:18px;font-weight:500;pointer-events:none;transition:.5s}.LoginContainer .formLogin .blockInputLogin span:before{content:"";position:absolute;top:50px;left:0;width:0;height:2px;background:var(--active-color);transition:.5s}.LoginContainer .line{overflow:hidden;text-align:center;color:#7c7c7c}.LoginContainer .line:before,.LoginContainer .line:after{background-color:#7c7c7c;content:"";display:inline-block;height:1px;position:relative;vertical-align:middle;width:50%}.LoginContainer .line:before{right:.5em;margin-left:-50%}.LoginContainer .line:after{left:.5em;margin-right:-50%}.LoginContainer .submit{width:100%;height:50px;font-size:20px;font-weight:500;border-radius:10px;color:#fff;padding:5px 10px;margin:30px 0 20px;background-color:#bc1719;transition:.3s ease-in-out;box-shadow:var(--box-shadow-template)}.LoginContainer .submit:hover{box-shadow:none;transform:translateY(2px)}.LoginContainer .submit:active{box-shadow:var(--box-shadow-inner-template)}.LoginContainer .error{font-size:18px;font-weight:500}.LoginContainer .google{width:100%;height:50px;color:#36395a;font-size:20px;font-weight:500;margin-top:20px;background-color:#ebebeb;border-radius:10px;display:flex;align-items:center;justify-content:center;cursor:pointer;-moz-user-select:none;user-select:none;-webkit-user-select:none;touch-action:manipulation;transition:.3s ease-in-out;box-shadow:var(--box-shadow-template)}.LoginContainer .google:hover{box-shadow:none;transform:translateY(2px)}.LoginContainer .google:active{box-shadow:var(--box-shadow-inner-template)}.LoginContainer .google .img{width:40px;margin-right:5px}.forgot{display:flex;justify-content:end}.forgot .a{font-size:16px;color:#aaa;cursor:pointer}.forgot .a:hover{text-decoration:underline}.notHaveAcc{width:100%;font-size:20px;color:#8b8b8b;margin-top:30px;display:flex;align-items:center;justify-content:center;-moz-column-gap:10px;column-gap:10px}.notHaveAcc .detailNotHave{cursor:pointer}.notHaveAcc .detailNotHave:hover{text-decoration:underline}@media (max-width: 768px){.LoginContainer{padding:120px 50px 0;box-shadow:none}}@media (max-width: 600px){.LoginContainer{padding:120px 30px 0}}body.swal2-shown:not(.swal2-no-backdrop,.swal2-toast-shown){overflow:hidden}body.swal2-height-auto{height:auto!important}body.swal2-no-backdrop .swal2-container{background-color:transparent!important;pointer-events:none}body.swal2-no-backdrop .swal2-container .swal2-popup{pointer-events:all}body.swal2-no-backdrop .swal2-container .swal2-modal{box-shadow:0 0 10px #0006}body.swal2-toast-shown .swal2-container{box-sizing:border-box;width:360px;max-width:100%;background-color:transparent;pointer-events:none}body.swal2-toast-shown .swal2-container.swal2-top{inset:0 auto auto 50%;transform:translate(-50%)}body.swal2-toast-shown .swal2-container.swal2-top-end,body.swal2-toast-shown .swal2-container.swal2-top-right{inset:0 0 auto auto}body.swal2-toast-shown .swal2-container.swal2-top-start,body.swal2-toast-shown .swal2-container.swal2-top-left{inset:0 auto auto 0}body.swal2-toast-shown .swal2-container.swal2-center-start,body.swal2-toast-shown .swal2-container.swal2-center-left{inset:50% auto auto 0;transform:translateY(-50%)}body.swal2-toast-shown .swal2-container.swal2-center{inset:50% auto auto 50%;transform:translate(-50%,-50%)}body.swal2-toast-shown .swal2-container.swal2-center-end,body.swal2-toast-shown .swal2-container.swal2-center-right{inset:50% 0 auto auto;transform:translateY(-50%)}body.swal2-toast-shown .swal2-container.swal2-bottom-start,body.swal2-toast-shown .swal2-container.swal2-bottom-left{inset:auto auto 0 0}body.swal2-toast-shown .swal2-container.swal2-bottom{inset:auto auto 0 50%;transform:translate(-50%)}body.swal2-toast-shown .swal2-container.swal2-bottom-end,body.swal2-toast-shown .swal2-container.swal2-bottom-right{inset:auto 0 0 auto}@media print{body.swal2-shown:not(.swal2-no-backdrop,.swal2-toast-shown){overflow-y:scroll!important}body.swal2-shown:not(.swal2-no-backdrop,.swal2-toast-shown)>[aria-hidden=true]{display:none}body.swal2-shown:not(.swal2-no-backdrop,.swal2-toast-shown) .swal2-container{position:static!important}}div:where(.swal2-container){display:grid;position:fixed;z-index:1060;top:0;right:0;bottom:0;left:0;box-sizing:border-box;grid-template-areas:"top-start     top            top-end" "center-start  center         center-end" "bottom-start  bottom-center  bottom-end";grid-template-rows:minmax(min-content,auto) minmax(min-content,auto) minmax(min-content,auto);height:100%;padding:.625em;overflow-x:hidden;transition:background-color .1s;-webkit-overflow-scrolling:touch}div:where(.swal2-container).swal2-backdrop-show,div:where(.swal2-container).swal2-noanimation{background:#0006}div:where(.swal2-container).swal2-backdrop-hide{background:transparent!important}div:where(.swal2-container).swal2-top-start,div:where(.swal2-container).swal2-center-start,div:where(.swal2-container).swal2-bottom-start{grid-template-columns:minmax(0,1fr) auto auto}div:where(.swal2-container).swal2-top,div:where(.swal2-container).swal2-center,div:where(.swal2-container).swal2-bottom{grid-template-columns:auto minmax(0,1fr) auto}div:where(.swal2-container).swal2-top-end,div:where(.swal2-container).swal2-center-end,div:where(.swal2-container).swal2-bottom-end{grid-template-columns:auto auto minmax(0,1fr)}div:where(.swal2-container).swal2-top-start>.swal2-popup{align-self:start}div:where(.swal2-container).swal2-top>.swal2-popup{grid-column:2;place-self:start center}div:where(.swal2-container).swal2-top-end>.swal2-popup,div:where(.swal2-container).swal2-top-right>.swal2-popup{grid-column:3;place-self:start end}div:where(.swal2-container).swal2-center-start>.swal2-popup,div:where(.swal2-container).swal2-center-left>.swal2-popup{grid-row:2;align-self:center}div:where(.swal2-container).swal2-center>.swal2-popup{grid-column:2;grid-row:2;place-self:center center}div:where(.swal2-container).swal2-center-end>.swal2-popup,div:where(.swal2-container).swal2-center-right>.swal2-popup{grid-column:3;grid-row:2;place-self:center end}div:where(.swal2-container).swal2-bottom-start>.swal2-popup,div:where(.swal2-container).swal2-bottom-left>.swal2-popup{grid-column:1;grid-row:3;align-self:end}div:where(.swal2-container).swal2-bottom>.swal2-popup{grid-column:2;grid-row:3;place-self:end center}div:where(.swal2-container).swal2-bottom-end>.swal2-popup,div:where(.swal2-container).swal2-bottom-right>.swal2-popup{grid-column:3;grid-row:3;place-self:end end}div:where(.swal2-container).swal2-grow-row>.swal2-popup,div:where(.swal2-container).swal2-grow-fullscreen>.swal2-popup{grid-column:1/4;width:100%}div:where(.swal2-container).swal2-grow-column>.swal2-popup,div:where(.swal2-container).swal2-grow-fullscreen>.swal2-popup{grid-row:1/4;align-self:stretch}div:where(.swal2-container).swal2-no-transition{transition:none!important}div:where(.swal2-container) div:where(.swal2-popup){display:none;position:relative;box-sizing:border-box;grid-template-columns:minmax(0,100%);width:32em;max-width:100%;padding:0 0 1.25em;border:none;border-radius:5px;background:#fff;color:#545454;font-family:inherit;font-size:1rem}div:where(.swal2-container) div:where(.swal2-popup):focus{outline:none}div:where(.swal2-container) div:where(.swal2-popup).swal2-loading{overflow-y:hidden}div:where(.swal2-container) div:where(.swal2-popup).swal2-draggable{cursor:grab}div:where(.swal2-container) div:where(.swal2-popup).swal2-draggable div:where(.swal2-icon){cursor:grab}div:where(.swal2-container) div:where(.swal2-popup).swal2-dragging{cursor:grabbing}div:where(.swal2-container) div:where(.swal2-popup).swal2-dragging div:where(.swal2-icon){cursor:grabbing}div:where(.swal2-container) h2:where(.swal2-title){position:relative;max-width:100%;margin:0;padding:.8em 1em 0;color:inherit;font-size:1.875em;font-weight:600;text-align:center;text-transform:none;word-wrap:break-word;cursor:initial}div:where(.swal2-container) div:where(.swal2-actions){display:flex;z-index:1;box-sizing:border-box;flex-wrap:wrap;align-items:center;justify-content:center;width:auto;margin:1.25em auto 0;padding:0}div:where(.swal2-container) div:where(.swal2-actions):not(.swal2-loading) .swal2-styled[disabled]{opacity:.4}div:where(.swal2-container) div:where(.swal2-actions):not(.swal2-loading) .swal2-styled:hover{background-image:linear-gradient(#0000001a,#0000001a)}div:where(.swal2-container) div:where(.swal2-actions):not(.swal2-loading) .swal2-styled:active{background-image:linear-gradient(#0003,#0003)}div:where(.swal2-container) div:where(.swal2-loader){display:none;align-items:center;justify-content:center;width:2.2em;height:2.2em;margin:0 1.875em;animation:swal2-rotate-loading 1.5s linear 0s infinite normal;border-width:.25em;border-style:solid;border-radius:100%;border-color:#2778c4 transparent #2778c4 transparent}div:where(.swal2-container) button:where(.swal2-styled){margin:.3125em;padding:.625em 1.1em;transition:box-shadow .1s;box-shadow:0 0 0 3px transparent;font-weight:500}div:where(.swal2-container) button:where(.swal2-styled):not([disabled]){cursor:pointer}div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-confirm){border:0;border-radius:.25em;background:initial;background-color:#7066e0;color:#fff;font-size:1em}div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-confirm):focus-visible{box-shadow:0 0 0 3px #7066e080}div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-deny){border:0;border-radius:.25em;background:initial;background-color:#dc3741;color:#fff;font-size:1em}div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-deny):focus-visible{box-shadow:0 0 0 3px #dc374180}div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-cancel){border:0;border-radius:.25em;background:initial;background-color:#6e7881;color:#fff;font-size:1em}div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-cancel):focus-visible{box-shadow:0 0 0 3px #6e788180}div:where(.swal2-container) button:where(.swal2-styled).swal2-default-outline:focus-visible{box-shadow:0 0 0 3px #6496c880}div:where(.swal2-container) button:where(.swal2-styled):focus-visible{outline:none}div:where(.swal2-container) button:where(.swal2-styled)::-moz-focus-inner{border:0}div:where(.swal2-container) div:where(.swal2-footer){margin:1em 0 0;padding:1em 1em 0;border-top:1px solid #eee;color:inherit;font-size:1em;text-align:center;cursor:initial}div:where(.swal2-container) .swal2-timer-progress-bar-container{position:absolute;right:0;bottom:0;left:0;grid-column:auto!important;overflow:hidden;border-bottom-right-radius:5px;border-bottom-left-radius:5px}div:where(.swal2-container) div:where(.swal2-timer-progress-bar){width:100%;height:.25em;background:#0003}div:where(.swal2-container) img:where(.swal2-image){max-width:100%;margin:2em auto 1em;cursor:initial}div:where(.swal2-container) button:where(.swal2-close){z-index:2;align-items:center;justify-content:center;width:1.2em;height:1.2em;margin-top:0;margin-right:0;margin-bottom:-1.2em;padding:0;overflow:hidden;transition:color .1s,box-shadow .1s;border:none;border-radius:5px;background:transparent;color:#ccc;font-family:monospace;font-size:2.5em;cursor:pointer;justify-self:end}div:where(.swal2-container) button:where(.swal2-close):hover{transform:none;background:transparent;color:#f27474}div:where(.swal2-container) button:where(.swal2-close):focus-visible{outline:none;box-shadow:inset 0 0 0 3px #6496c880}div:where(.swal2-container) button:where(.swal2-close)::-moz-focus-inner{border:0}div:where(.swal2-container) div:where(.swal2-html-container){z-index:1;justify-content:center;margin:0;padding:1em 1.6em .3em;overflow:auto;color:inherit;font-size:1.125em;font-weight:400;line-height:normal;text-align:center;word-wrap:break-word;word-break:break-word;cursor:initial}div:where(.swal2-container) input:where(.swal2-input),div:where(.swal2-container) input:where(.swal2-file),div:where(.swal2-container) textarea:where(.swal2-textarea),div:where(.swal2-container) select:where(.swal2-select),div:where(.swal2-container) div:where(.swal2-radio),div:where(.swal2-container) label:where(.swal2-checkbox){margin:1em 2em 3px}div:where(.swal2-container) input:where(.swal2-input),div:where(.swal2-container) input:where(.swal2-file),div:where(.swal2-container) textarea:where(.swal2-textarea){box-sizing:border-box;width:auto;transition:border-color .1s,box-shadow .1s;border:1px solid #d9d9d9;border-radius:.1875em;background:transparent;box-shadow:inset 0 1px 1px #0000000f,0 0 0 3px transparent;color:inherit;font-size:1.125em}div:where(.swal2-container) input:where(.swal2-input).swal2-inputerror,div:where(.swal2-container) input:where(.swal2-file).swal2-inputerror,div:where(.swal2-container) textarea:where(.swal2-textarea).swal2-inputerror{border-color:#f27474!important;box-shadow:0 0 2px #f27474!important}div:where(.swal2-container) input:where(.swal2-input):focus,div:where(.swal2-container) input:where(.swal2-file):focus,div:where(.swal2-container) textarea:where(.swal2-textarea):focus{border:1px solid #b4dbed;outline:none;box-shadow:inset 0 1px 1px #0000000f,0 0 0 3px #6496c880}div:where(.swal2-container) input:where(.swal2-input)::-moz-placeholder,div:where(.swal2-container) input:where(.swal2-file)::-moz-placeholder,div:where(.swal2-container) textarea:where(.swal2-textarea)::-moz-placeholder{color:#ccc}div:where(.swal2-container) input:where(.swal2-input)::placeholder,div:where(.swal2-container) input:where(.swal2-file)::placeholder,div:where(.swal2-container) textarea:where(.swal2-textarea)::placeholder{color:#ccc}div:where(.swal2-container) .swal2-range{margin:1em 2em 3px;background:#fff}div:where(.swal2-container) .swal2-range input{width:80%}div:where(.swal2-container) .swal2-range output{width:20%;color:inherit;font-weight:600;text-align:center}div:where(.swal2-container) .swal2-range input,div:where(.swal2-container) .swal2-range output{height:2.625em;padding:0;font-size:1.125em;line-height:2.625em}div:where(.swal2-container) .swal2-input{height:2.625em;padding:0 .75em}div:where(.swal2-container) .swal2-file{width:75%;margin-right:auto;margin-left:auto;background:transparent;font-size:1.125em}div:where(.swal2-container) .swal2-textarea{height:6.75em;padding:.75em}div:where(.swal2-container) .swal2-select{min-width:50%;max-width:100%;padding:.375em .625em;background:transparent;color:inherit;font-size:1.125em}div:where(.swal2-container) .swal2-radio,div:where(.swal2-container) .swal2-checkbox{align-items:center;justify-content:center;background:#fff;color:inherit}div:where(.swal2-container) .swal2-radio label,div:where(.swal2-container) .swal2-checkbox label{margin:0 .6em;font-size:1.125em}div:where(.swal2-container) .swal2-radio input,div:where(.swal2-container) .swal2-checkbox input{flex-shrink:0;margin:0 .4em}div:where(.swal2-container) label:where(.swal2-input-label){display:flex;justify-content:center;margin:1em auto 0}div:where(.swal2-container) div:where(.swal2-validation-message){align-items:center;justify-content:center;margin:1em 0 0;padding:.625em;overflow:hidden;background:#f0f0f0;color:#666;font-size:1em;font-weight:300}div:where(.swal2-container) div:where(.swal2-validation-message):before{content:"!";display:inline-block;width:1.5em;min-width:1.5em;height:1.5em;margin:0 .625em;border-radius:50%;background-color:#f27474;color:#fff;font-weight:600;line-height:1.5em;text-align:center}div:where(.swal2-container) .swal2-progress-steps{flex-wrap:wrap;align-items:center;max-width:100%;margin:1.25em auto;padding:0;background:transparent;font-weight:600}div:where(.swal2-container) .swal2-progress-steps li{display:inline-block;position:relative}div:where(.swal2-container) .swal2-progress-steps .swal2-progress-step{z-index:20;flex-shrink:0;width:2em;height:2em;border-radius:2em;background:#2778c4;color:#fff;line-height:2em;text-align:center}div:where(.swal2-container) .swal2-progress-steps .swal2-progress-step.swal2-active-progress-step{background:#2778c4}div:where(.swal2-container) .swal2-progress-steps .swal2-progress-step.swal2-active-progress-step~.swal2-progress-step{background:#add8e6;color:#fff}div:where(.swal2-container) .swal2-progress-steps .swal2-progress-step.swal2-active-progress-step~.swal2-progress-step-line{background:#add8e6}div:where(.swal2-container) .swal2-progress-steps .swal2-progress-step-line{z-index:10;flex-shrink:0;width:2.5em;height:.4em;margin:0 -1px;background:#2778c4}div:where(.swal2-icon){position:relative;box-sizing:content-box;justify-content:center;width:5em;height:5em;margin:2.5em auto .6em;border:.25em solid transparent;border-radius:50%;border-color:#000;font-family:inherit;line-height:5em;cursor:default;-webkit-user-select:none;-moz-user-select:none;user-select:none}div:where(.swal2-icon) .swal2-icon-content{display:flex;align-items:center;font-size:3.75em}div:where(.swal2-icon).swal2-error{border-color:#f27474;color:#f27474}div:where(.swal2-icon).swal2-error .swal2-x-mark{position:relative;flex-grow:1}div:where(.swal2-icon).swal2-error [class^=swal2-x-mark-line]{display:block;position:absolute;top:2.3125em;width:2.9375em;height:.3125em;border-radius:.125em;background-color:#f27474}div:where(.swal2-icon).swal2-error [class^=swal2-x-mark-line][class$=left]{left:1.0625em;transform:rotate(45deg)}div:where(.swal2-icon).swal2-error [class^=swal2-x-mark-line][class$=right]{right:1em;transform:rotate(-45deg)}div:where(.swal2-icon).swal2-error.swal2-icon-show{animation:swal2-animate-error-icon .5s}div:where(.swal2-icon).swal2-error.swal2-icon-show .swal2-x-mark{animation:swal2-animate-error-x-mark .5s}div:where(.swal2-icon).swal2-warning{border-color:#f8bb86;color:#f8bb86}div:where(.swal2-icon).swal2-warning.swal2-icon-show{animation:swal2-animate-error-icon .5s}div:where(.swal2-icon).swal2-warning.swal2-icon-show .swal2-icon-content{animation:swal2-animate-i-mark .5s}div:where(.swal2-icon).swal2-info{border-color:#3fc3ee;color:#3fc3ee}div:where(.swal2-icon).swal2-info.swal2-icon-show{animation:swal2-animate-error-icon .5s}div:where(.swal2-icon).swal2-info.swal2-icon-show .swal2-icon-content{animation:swal2-animate-i-mark .8s}div:where(.swal2-icon).swal2-question{border-color:#87adbd;color:#87adbd}div:where(.swal2-icon).swal2-question.swal2-icon-show{animation:swal2-animate-error-icon .5s}div:where(.swal2-icon).swal2-question.swal2-icon-show .swal2-icon-content{animation:swal2-animate-question-mark .8s}div:where(.swal2-icon).swal2-success{border-color:#a5dc86;color:#a5dc86}div:where(.swal2-icon).swal2-success [class^=swal2-success-circular-line]{position:absolute;width:3.75em;height:7.5em;border-radius:50%}div:where(.swal2-icon).swal2-success [class^=swal2-success-circular-line][class$=left]{top:-.4375em;left:-2.0635em;transform:rotate(-45deg);transform-origin:3.75em 3.75em;border-radius:7.5em 0 0 7.5em}div:where(.swal2-icon).swal2-success [class^=swal2-success-circular-line][class$=right]{top:-.6875em;left:1.875em;transform:rotate(-45deg);transform-origin:0 3.75em;border-radius:0 7.5em 7.5em 0}div:where(.swal2-icon).swal2-success .swal2-success-ring{position:absolute;z-index:2;top:-.25em;left:-.25em;box-sizing:content-box;width:100%;height:100%;border:.25em solid rgba(165,220,134,.3);border-radius:50%}div:where(.swal2-icon).swal2-success .swal2-success-fix{position:absolute;z-index:1;top:.5em;left:1.625em;width:.4375em;height:5.625em;transform:rotate(-45deg)}div:where(.swal2-icon).swal2-success [class^=swal2-success-line]{display:block;position:absolute;z-index:2;height:.3125em;border-radius:.125em;background-color:#a5dc86}div:where(.swal2-icon).swal2-success [class^=swal2-success-line][class$=tip]{top:2.875em;left:.8125em;width:1.5625em;transform:rotate(45deg)}div:where(.swal2-icon).swal2-success [class^=swal2-success-line][class$=long]{top:2.375em;right:.5em;width:2.9375em;transform:rotate(-45deg)}div:where(.swal2-icon).swal2-success.swal2-icon-show .swal2-success-line-tip{animation:swal2-animate-success-line-tip .75s}div:where(.swal2-icon).swal2-success.swal2-icon-show .swal2-success-line-long{animation:swal2-animate-success-line-long .75s}div:where(.swal2-icon).swal2-success.swal2-icon-show .swal2-success-circular-line-right{animation:swal2-rotate-success-circular-line 4.25s ease-in}[class^=swal2]{-webkit-tap-highlight-color:transparent}.swal2-show{animation:swal2-show .3s}.swal2-hide{animation:swal2-hide .15s forwards}.swal2-noanimation{transition:none}.swal2-scrollbar-measure{position:absolute;top:-9999px;width:50px;height:50px;overflow:scroll}.swal2-rtl .swal2-close{margin-right:initial;margin-left:0}.swal2-rtl .swal2-timer-progress-bar{right:0;left:auto}.swal2-toast{box-sizing:border-box;grid-column:1/4!important;grid-row:1/4!important;grid-template-columns:min-content auto min-content;padding:1em;overflow-y:hidden;background:#fff;box-shadow:0 0 1px #00000013,0 1px 2px #00000013,1px 2px 4px #00000013,1px 3px 8px #00000013,2px 4px 16px #00000013;pointer-events:all}.swal2-toast>*{grid-column:2}.swal2-toast h2:where(.swal2-title){margin:.5em 1em;padding:0;font-size:1em;text-align:initial}.swal2-toast .swal2-loading{justify-content:center}.swal2-toast input:where(.swal2-input){height:2em;margin:.5em;font-size:1em}.swal2-toast .swal2-validation-message{font-size:1em}.swal2-toast div:where(.swal2-footer){margin:.5em 0 0;padding:.5em 0 0;font-size:.8em}.swal2-toast button:where(.swal2-close){grid-column:3/3;grid-row:1/99;align-self:center;width:.8em;height:.8em;margin:0;font-size:2em}.swal2-toast div:where(.swal2-html-container){margin:.5em 1em;padding:0;overflow:initial;font-size:1em;text-align:initial}.swal2-toast div:where(.swal2-html-container):empty{padding:0}.swal2-toast .swal2-loader{grid-column:1;grid-row:1/99;align-self:center;width:2em;height:2em;margin:.25em}.swal2-toast .swal2-icon{grid-column:1;grid-row:1/99;align-self:center;width:2em;min-width:2em;height:2em;margin:0 .5em 0 0}.swal2-toast .swal2-icon .swal2-icon-content{display:flex;align-items:center;font-size:1.8em;font-weight:700}.swal2-toast .swal2-icon.swal2-success .swal2-success-ring{width:2em;height:2em}.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line]{top:.875em;width:1.375em}.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=left]{left:.3125em}.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=right]{right:.3125em}.swal2-toast div:where(.swal2-actions){justify-content:flex-start;height:auto;margin:.5em 0 0;padding:0 .5em}.swal2-toast button:where(.swal2-styled){margin:.25em .5em;padding:.4em .6em;font-size:1em}.swal2-toast .swal2-success{border-color:#a5dc86}.swal2-toast .swal2-success [class^=swal2-success-circular-line]{position:absolute;width:1.6em;height:3em;border-radius:50%}.swal2-toast .swal2-success [class^=swal2-success-circular-line][class$=left]{top:-.8em;left:-.5em;transform:rotate(-45deg);transform-origin:2em 2em;border-radius:4em 0 0 4em}.swal2-toast .swal2-success [class^=swal2-success-circular-line][class$=right]{top:-.25em;left:.9375em;transform-origin:0 1.5em;border-radius:0 4em 4em 0}.swal2-toast .swal2-success .swal2-success-ring{width:2em;height:2em}.swal2-toast .swal2-success .swal2-success-fix{top:0;left:.4375em;width:.4375em;height:2.6875em}.swal2-toast .swal2-success [class^=swal2-success-line]{height:.3125em}.swal2-toast .swal2-success [class^=swal2-success-line][class$=tip]{top:1.125em;left:.1875em;width:.75em}.swal2-toast .swal2-success [class^=swal2-success-line][class$=long]{top:.9375em;right:.1875em;width:1.375em}.swal2-toast .swal2-success.swal2-icon-show .swal2-success-line-tip{animation:swal2-toast-animate-success-line-tip .75s}.swal2-toast .swal2-success.swal2-icon-show .swal2-success-line-long{animation:swal2-toast-animate-success-line-long .75s}.swal2-toast.swal2-show{animation:swal2-toast-show .5s}.swal2-toast.swal2-hide{animation:swal2-toast-hide .1s forwards}@keyframes swal2-show{0%{transform:scale(.7)}45%{transform:scale(1.05)}80%{transform:scale(.95)}to{transform:scale(1)}}@keyframes swal2-hide{0%{transform:scale(1);opacity:1}to{transform:scale(.5);opacity:0}}@keyframes swal2-animate-success-line-tip{0%{top:1.1875em;left:.0625em;width:0}54%{top:1.0625em;left:.125em;width:0}70%{top:2.1875em;left:-.375em;width:3.125em}84%{top:3em;left:1.3125em;width:1.0625em}to{top:2.8125em;left:.8125em;width:1.5625em}}@keyframes swal2-animate-success-line-long{0%{top:3.375em;right:2.875em;width:0}65%{top:3.375em;right:2.875em;width:0}84%{top:2.1875em;right:0;width:3.4375em}to{top:2.375em;right:.5em;width:2.9375em}}@keyframes swal2-rotate-success-circular-line{0%{transform:rotate(-45deg)}5%{transform:rotate(-45deg)}12%{transform:rotate(-405deg)}to{transform:rotate(-405deg)}}@keyframes swal2-animate-error-x-mark{0%{margin-top:1.625em;transform:scale(.4);opacity:0}50%{margin-top:1.625em;transform:scale(.4);opacity:0}80%{margin-top:-.375em;transform:scale(1.15)}to{margin-top:0;transform:scale(1);opacity:1}}@keyframes swal2-animate-error-icon{0%{transform:rotateX(100deg);opacity:0}to{transform:rotateX(0);opacity:1}}@keyframes swal2-rotate-loading{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes swal2-animate-question-mark{0%{transform:rotateY(-360deg)}to{transform:rotateY(0)}}@keyframes swal2-animate-i-mark{0%{transform:rotate(45deg);opacity:0}25%{transform:rotate(-25deg);opacity:.4}50%{transform:rotate(15deg);opacity:.8}75%{transform:rotate(-5deg);opacity:1}to{transform:rotateX(0);opacity:1}}@keyframes swal2-toast-show{0%{transform:translateY(-.625em) rotate(2deg)}33%{transform:translateY(0) rotate(-2deg)}66%{transform:translateY(.3125em) rotate(2deg)}to{transform:translateY(0) rotate(0)}}@keyframes swal2-toast-hide{to{transform:rotate(1deg);opacity:0}}@keyframes swal2-toast-animate-success-line-tip{0%{top:.5625em;left:.0625em;width:0}54%{top:.125em;left:.125em;width:0}70%{top:.625em;left:-.25em;width:1.625em}84%{top:1.0625em;left:.75em;width:.5em}to{top:1.125em;left:.1875em;width:.75em}}@keyframes swal2-toast-animate-success-line-long{0%{top:1.625em;right:1.375em;width:0}65%{top:1.25em;right:.9375em;width:0}84%{top:.9375em;right:0;width:1.125em}to{top:.9375em;right:.1875em;width:1.375em}}.swal2-custom .swal2-confirm{color:#fff;border:2.5px solid #bb181b;cursor:pointer;transition:transform .15s;box-shadow:3px 3px #00000080;border-radius:10px}.swal2-custom .swal2-confirm:hover{background-color:red;transform:translateY(2px);box-shadow:0 0 #00000080}.swal2-custom .swal2-confirm:active{transform:translateY(-.125px);box-shadow:0 0 #00000080}.swal2-custom .swal2-cancel{color:#bb181b;border:2.5px solid #bb181b;cursor:pointer;transition:transform .15s;box-shadow:3px 3px #00000080;border-radius:10px}.swal2-custom .swal2-cancel:hover{background-color:red;transform:translateY(2px);box-shadow:0 0 #00000080}.swal2-custom .swal2-cancel:active{transform:translateY(-.125px);box-shadow:0 0 #00000080}*{margin:0;padding:0}.backgroundCover{background-image:url(/assets/e12buliding-6CcQ9Mth.png);background-position:center;background-size:cover;height:100vh}.blurCoverImage{width:100;height:100vh;display:flex;justify-content:center;align-items:center;background-color:#00000080;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.blockReset{background-color:#fff;border-radius:40px;padding:50px 80px;position:relative;display:flex;flex-direction:column;align-items:center;box-shadow:var(--box-shadow-template)}.hVerifyPassword{font-size:34px;font-weight:600;margin-bottom:5px}.blockInput{width:100%;max-width:500px}.blockInputPassword{border-bottom:2px solid var(--inactive-color);margin:30px 0 10px;position:relative}.blockInputPassword input[type=password]{width:100%;height:50px;font-size:24px;padding:0 5px;position:relative;border:none;background:none;outline:none}.blockInputPassword input[type=text]{width:100%;height:50px;font-size:16px;padding:0 5px;position:relative;border:none;background:none;outline:none}.blockInputPassword label{position:absolute;top:50%;transform:translateY(-50%);left:5px;color:var(--inactive-color);font-size:16px;font-weight:500;pointer-events:none;transition:.5s}.blockInputPassword span:before{content:"";position:absolute;top:50px;left:0;width:0;height:2px;background:var(--active-color);transition:.5s}.blockInputPassword input:focus~label,.blockInputPassword input:valid~label{top:-5px;color:var(--active-color)}.blockInputPassword input:focus~span:before,.blockInputPassword input:valid~span:before{width:100%}.blockInputPassword img{width:26px;right:5px;top:50%;transform:translateY(-50%);position:absolute}.blockInput input[type=submit]{top:0;width:100%;height:50px;font-size:20px;font-weight:500;color:#fff;border-radius:10px;background-color:var(--red-btn-color);margin:20px 0 10px;box-shadow:var(--box-shadow-template);position:relative;transition:.3s ease-in-out}.blockInput input[type=submit]:hover{box-shadow:none;top:2px}.blockInput input[type=submit]:active{box-shadow:var(--box-shadow-inner-template);transition:.2s}.password-strength-line{height:5px;border-radius:4px;margin:5px 0 10px}.detailPassword{font-size:14px}.shake{animation:shake .5s;animation-iteration-count:1}@keyframes shake{0%{transform:translate(0)}25%{transform:translate(-5px)}50%{transform:translate(5px)}75%{transform:translate(-5px)}to{transform:translate(0)}}@media (max-width: 768px){.backgroundCover{background-image:none}.blurCoverImage{background-color:#fff;align-items:start}.blockReset{background-color:#fff;border-radius:40px;padding:120px 50px 0;box-shadow:none}.hVerifyPassword{font-size:30px}}@media (max-width: 500px){.blockReset{padding:120px 50px 0}.hVerifyPassword{font-size:24px}}@media (max-width: 375px){.blockReset{padding:120px 30px 0}.hVerifyPassword{font-size:20px}}@media (max-height: 600px){.backgroundCover{background-image:none}.blurCoverImage{background-color:#fff;align-items:start}.blockReset{background-color:#fff;border-radius:40px;padding:120px 80px 50px;box-shadow:none}.hVerifyPassword{font-size:30px}}@media (max-height: 480px){.blockReset{padding:100px 80px 0}.hVerifyPassword{font-size:24px}.blockInputPassword input[type=password],.blockInputPassword input[type=text]{height:40px}.blockInputPassword span:before{top:40px}input[type=submit]{margin:0 0 10px}}@media (max-height: 375px){.blockReset{padding:80px 80px 0}}.blockRegister{background-color:#fff;border-radius:40px;padding:50px 80px;position:relative;display:flex;flex-direction:column;align-items:center;box-shadow:var(--box-shadow-template)}.blockInputRe{width:100%;max-width:500px;position:relative}.blockInputRe p{text-align:center;color:#585858;margin:10px 5px}.registerName{display:flex;-moz-column-gap:20px;column-gap:20px}.suggestionRegister{width:100%;height:60%;border-radius:10px;background-color:#fff;box-shadow:var(--box-shadow-template);position:absolute;overflow-y:scroll;z-index:2}.suggestionRegister li{padding:10px;border-radius:10px;transition:.2s ease-in-out}.suggestionRegister li:hover{color:#fff;background-color:var(--btn-hover-side-nav-color)}.suggestionRegister li .nameSuggestion{font-size:14px}.suggestionRegister li .emailSuggestion{font-size:12px}.blockInputRegister{border-bottom:2px solid var(--inactive-color);margin:30px 0 10px;position:relative}.blockInputRegister input.inputRegis{width:100%;height:50px;font-size:16px;padding:0 5px;position:relative;border:none;background:none;outline:none}.blockInputRegister label{position:absolute;top:-15px;left:5px;color:var(--inactive-color);font-size:16px;font-weight:500;pointer-events:none;transition:.5s}.blockInputRegister input.inputRegis::-moz-placeholder{color:var(--placeholder-color)}.blockInputRegister input.inputRegis::placeholder{color:var(--placeholder-color)}.blockInputRegister span:before{content:"";position:absolute;top:50px;left:0;width:0;height:2px;background:var(--active-color);transition:.5s}.blockInputRegister input.inputRegis:focus~label,.blockInputRegister input.inputRegis:valid~label{color:var(--active-color)}.blockInputRegister input.inputRegis:focus~span:before,.blockInputRegister input.inputRegis:valid~span:before{width:100%}.agreeRegister{margin:20px 0 0;position:relative;display:flex;align-items:start}.agreeRegister .checkCon input[type=checkbox]{width:16px;height:16px;cursor:pointer}.agreeRegister .checkCon input[type=checkbox]:checked{background-color:var(--red-btn-color)}.agreeRegister label{margin-left:10px;font-size:13px}.blockInputRe button.active{top:0;width:100%;height:50px;font-size:20px;font-weight:500;color:#fff;border-radius:10px;background-color:var(--red-btn-color);margin:20px 0 10px;box-shadow:var(--box-shadow-template);position:relative;transition:.3s ease-in-out}.blockInputRe button.inactive{top:0;width:100%;height:50px;font-size:20px;font-weight:500;color:#fff;border-radius:10px;background-color:var(--inactive-color);margin:20px 0 10px;box-shadow:var(--box-shadow-template);cursor:not-allowed;position:relative;transition:.3s ease-in-out}.blockInputRe button.active:hover{box-shadow:none;top:2px}.blockInputRe button.active:active{box-shadow:var(--box-shadow-inner-template);transition:.2s}@media (max-width: 768px){.blockRegister{padding:120px 50px 0;box-shadow:none}}@media (max-width: 600px){.blockRegister{padding:120px 30px 0}}@media (max-width: 480px){.blockRegister{padding:100px 30px 0}}.searchContainer{display:flex;flex-direction:column;justify-content:start;min-height:100vh}.searchGrid{display:grid;grid-template-columns:repeat(12,1fr);grid-row:1fr;-moz-column-gap:24px;column-gap:24px;padding:30px 80px}.headSearch{font-size:36px;font-weight:600;text-align:center;margin-top:110px}.sideFilter{grid-column:2/5;height:-moz-fit-content;height:fit-content;background-color:var(--background-filter);padding:20px;border-radius:15px;box-shadow:var(--box-shadow-filter);position:relative;display:flex;flex-direction:column;row-gap:15px}.inSideFilter{display:flex;justify-content:space-between;align-items:center;width:100%}.inSideFilter button{font-size:14px;padding:5px 10px;border:1px solid var(--border-filter);border-radius:10px}.headFilter{font-size:20px;font-weight:600}.boxFilter{margin:10px 0}.headBoxFilter{font-size:18px;font-weight:500;margin-bottom:5px}.boxInCheckbox{padding:15px;border:1px solid var(--border-filter);border-radius:10px;box-shadow:var(--box-shadow-filter)}.boxInCheckbox input[type=text]{width:100%;font-size:16px;padding:3px 7px;border-radius:5px;margin-bottom:7px;border:none;outline:none}.boxInCheckbox label{margin-left:5px}.boxInCheckbox .checkboxInput{height:120px;overflow-y:scroll}.checkboxInput .checkboxFilter{display:flex;align-items:center}.checkboxFilter .labelCheckbox{display:flex;align-items:start}.checkboxFilter label input[type=checkbox]{margin:5px 5px 0 0}.sideSearchResult{grid-column:5/12;position:relative;display:flex;flex-direction:column;align-items:center}.sideSearchResult .searchInput{width:100%;position:relative}.sideSearchResult .searchInputPerformance{width:100%;display:grid;grid-template-columns:repeat(7,1fr);grid-row:1fr;-moz-column-gap:24px;column-gap:24px;position:relative}.searchInputPerformance .searchInput.searchPerformance{grid-column:1/6;position:relative}.sideSearchResult .searchInput input[type=search]{width:100%;height:50px;font-size:20px;padding:0 10px;border:1px solid var(--border-filter);border-radius:10px;position:relative;box-shadow:var(--box-shadow-filter);outline:none}input[type=search]::-ms-clear{display:none;width:0;height:0}input[type=search]::-ms-reveal{display:none;width:0;height:0}input[type=search]::-webkit-search-decoration,input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-results-button,input[type=search]::-webkit-search-results-decoration{display:none}.sideSearchResult .searchInput img{right:10px;top:12px;width:25px;position:absolute}.sideSearchResult .resultContainer{width:100%;margin-top:25px;display:grid;row-gap:15px;position:relative}.sideSearchResult .resultContainer .resultSearch{width:100%;background-color:var(--background-filter);padding:20px;border-radius:10px;position:relative;display:flex;-moz-column-gap:30px;column-gap:30px;cursor:pointer}.resultSearch .frameImgProfessor{width:110px;height:130px;border-radius:10px;overflow:hidden}.resultSearch img.imgCard{width:100%;height:auto}.resultSearch .detailResult{display:flex;flex-direction:column;row-gap:3px}.detailResult .inDetailResult{display:flex;align-items:center;-moz-column-gap:10px;column-gap:10px}.inDetailResult span:last-child{font-size:14px;padding:3px 5px;border-radius:5px}.inDetailResult .card-proceeding{color:var(--color-proceeding-font);background-color:var(--color-proceeding-background)}.inDetailResult .card-journal{color:var(--color-journal-font);background-color:var(--color-journal-background)}.inDetailResult .card-project{color:var(--color-project-font);background-color:var(--color-project-background)}.inDetailResult .card-book{color:var(--color-book-font);background-color:var(--color-book-background)}.inDetailResult .card-research{color:var(--color-research-font);background-color:var(--color-research-background)}.inDetailResult .card-exp{color:var(--color-exp-font);background-color:var(--color-exp-background)}.detailResult .nameProfessor{font-size:22px;font-weight:500}.detailResult .programName{font-size:18px;font-weight:500}.detailResult .projectContainer{margin-left:20px}.projectContainer li{list-style-type:disc}.resultContainer .no-results{width:100%;height:100%;display:flex;justify-content:center;align-items:center;font-size:20px;font-weight:600;color:var(--border-filter)}.inputRangeContainer{width:100%;margin-top:25px;display:flex;justify-content:space-between}.inputRangeContainer div{font-size:20px;font-weight:600}.inputRangeSlider{width:45%;text-align:center;border:1px solid var(--border-filter);border-radius:10px;margin:0 10px;outline:none}.button-con-search-mobile{display:flex;justify-content:flex-end;margin-top:30px}.button-con-search-mobile button{width:auto;height:47px;border-radius:10px;font-size:22px;padding:5px 15px;margin-left:15px;cursor:pointer;text-decoration:none;-moz-user-select:none;user-select:none;-webkit-user-select:none;touch-action:manipulation;white-space:nowrap;transition:.15s ease-in-out;box-shadow:var(--box-shadow-template)}.button-con-search-mobile button:hover{box-shadow:none;transform:translateY(2px)}.button-con-search-mobile button:active{box-shadow:var(--box-shadow-inner-template);transform:translateY(-.25px)}.button-con-search-mobile button:first-child{margin-left:0}.button-con-search-mobile .add{background-color:var(--color-btn-add-1);color:var(--color-btn-add-2);padding:5px 50px;margin-bottom:30px!important}.button-con-search-mobile .cancel{border:3px solid var(--active-btn);color:var(--active-btn)}.button-con-search-mobile .delete{background-color:var(--color-btn-add-1);color:var(--color-btn-add-2)}.button-con-search-mobile .submit{background-color:var(--active-btn);color:var(--background-input2)}.button-con-search-mobile .Search{background-color:var(--active-btn);color:var(--background-input2);display:none;margin-top:0!important}.For_Search{margin-top:0}@media (max-width: 768px){.button-con-search-mobile{display:flex;flex-direction:column;align-items:center;width:100%;margin:30px auto auto}.button-con-search-mobile button{font-size:20px;height:55px;width:100%;margin-left:0;margin-bottom:25px}.button-con-search-mobile .Search{display:block;align-items:center;justify-content:center;margin:auto;height:50px}.For_Search{margin-top:30px}.resultSearch{flex-direction:column}}.scrollToTopPage{bottom:30px;right:30px;position:fixed}.scrollButtonPage{width:64px;height:64px;padding:10px;border-radius:50%;background-color:var(--red-btn-color)}.backdrop-popup{position:fixed;top:0;left:0;width:100%;height:100vh;background-color:#0009;z-index:1;display:flex;justify-content:center;align-items:center}.modal49-popup{border:none;width:794px;height:auto;max-height:80vh;border-radius:25px;box-shadow:0 2px 8px #0003;overflow-y:auto;z-index:10;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);scrollbar-width:none;-ms-overflow-style:none}.modal49-popup::-webkit-scrollbar{width:0;height:0}@media (max-width: 768px){.modal49-popup{width:90%}}.popupProfessorContainer{display:flex;justify-content:center}.popupProfessorContainer .closeBtn{top:100px;left:60px;color:var(--red-btn-color);position:fixed;z-index:5}.popupProfessorPage{width:794px;border:2px solid #616161;padding:40px;background-color:#fff;margin-top:70px}.popupProfessorPage-modal{width:794px;padding:60px 40px 40px;background-color:#fff;position:relative}.topProfileProfessor{padding-bottom:10px;position:relative;display:flex;align-items:center;justify-content:space-between}.leftProfessor{position:relative;display:flex;flex-direction:column;row-gap:2px}.leftProfessor .nameThai{font-size:24px;font-weight:600}.rigitImgProfessor{width:100px;height:100px;overflow:hidden}.rightProfessor img{width:100%;height:auto}.underlineTopProfileProfessor{width:100%;height:1px;background-color:#000;position:relative;margin-bottom:10px}.contractAndEduProfileProfessor{position:relative;display:flex;justify-content:space-between}.contractAndEduProfileProfessor .contract{width:49%;padding-right:5px;border-right:1px solid black;display:flex;flex-direction:column;row-gap:7px}.contractAndEduProfileProfessor .headConEdu{font-size:18px;font-weight:600}.contractAndEduProfileProfessor .listContract{display:flex}.listContract img{width:18px;height:18px;margin-right:10px}.listContract .listCon{font-size:12px}.lineCE{width:1px;height:100%;background-color:#000}.contractAndEduProfileProfessor .education{width:49%;display:flex;flex-direction:column;row-gap:5px}.contractAndEduProfileProfessor .listEdu{width:100%;position:relative;display:flex;align-items:center}.listEdu .eduContainer{width:100%;position:relative;display:flex;flex-direction:column}.listEdu .yearEdu{width:100px;font-size:16px;font-weight:500;position:relative}.eduContainer .degree{font-size:14px;font-weight:500;text-wrap:wrap;position:relative}.eduContainer .institute{font-size:10px}.performanceContainer{position:relative;display:flex;flex-direction:column;row-gap:7px}.performanceContainer .headPerformance{font-size:18px;font-weight:600;padding-top:10px}.performanceContainer .performanceList{font-size:14px;margin-left:20px;display:flex}.performanceList .listNumPerformance{width:30px}.performanceList .detailPerformance{width:100%}.performanceContainerBottom{margin-top:10px;display:flex;justify-content:space-around}.performanceContainerBottom .leftPerformance,.performanceContainerBottom .rightPerformance{width:49%}.performanceContainerBottom .headPerformance{font-size:18px}.performanceContainerBottom ul{font-size:14px;padding-left:20px;list-style:inside}.close-button-modal{position:absolute;top:20px;right:20px;cursor:pointer}.close-button-modal svg{color:var(--red-btn-color);width:30px;height:30px}@media (max-width: 1024px){.popupProfessorPage{width:595px}.topProfileProfessor .leftProfessor .nameThai{font-size:20px}.topProfileProfessor .leftProfessor .nameEng{font-size:18px}.topProfileProfessor .leftProfessor .position{font-size:14px}.topProfileProfessor .rightProfessor img{width:80px}.contractAndEduProfileProfessor .headConEdu{font-size:16px}.listContract img{width:16px;height:16px;margin-right:10px}.listContract .listCon{font-size:10px}.listEdu .yearEdu{width:115px;font-size:14px}.eduContainer .degree{font-size:12px}.eduContainer .institute{font-size:8px}.performanceContainer .headPerformance{font-size:16px}.performanceContainer .performanceList{font-size:12px}.performanceContainerBottom .headPerformance{font-size:16px}.performanceContainerBottom ul{font-size:12px}}@media (max-width: 768px){.inPopupProfessorContainer{margin:0}.popupProfessorPage{width:100%;border-radius:0;padding:100px}.contractAndEduProfileProfessor{flex-direction:column;row-gap:7px}.contractAndEduProfileProfessor .contract,.contractAndEduProfileProfessor .education{width:100%;border:none}.listContract .listCon{font-size:12px}.listEdu .yearEdu{width:115px;font-size:16px}.eduContainer .degree{font-size:14px}.eduContainer .institute{font-size:10px}}@media (max-width: 600px){.popupProfessorPage{padding:100px 70px}.performanceContainerBottom{margin:0;flex-direction:column;row-gap:7px}.performanceContainerBottom .leftPerformance,.performanceContainerBottom .rightPerformance{width:100%}}@media (max-width: 450px){.popupProfessorPage{padding:100px 50px}.topProfileProfessor{flex-direction:column-reverse}.leftProfessor{margin-top:10px;text-align:center}}.myselect__control{border-radius:10px!important;margin-bottom:15px;box-shadow:#2d23424d 6px 6px 6px;padding:5px 15px;width:100%;font-size:var(--font-head-main-topic)!important;font-weight:var(--font-head-main-topic-weight);color:#000}.myselect__multi-value{background-color:#edd09f!important;border-radius:10px!important;height:auto;align-items:center;padding:6px 10px;margin:5px!important}.input-container{display:flex;width:100%;justify-content:space-between}.input-container .DateEdit label{font-size:22px;font-weight:600;color:#000}.editedu .input-container .DateEdit input{height:44px;width:100%;background-color:#fff;border:none;outline:none;margin-bottom:15px;padding-left:10px;padding-right:10px;color:#616161;font-size:20px;font-weight:400;box-shadow:5px 5px 5px #61616169;background-color:#f0f8ff;border-radius:10px}.DateEdit{display:flex;flex-direction:column;width:48%}.input-container .Date label{font-size:22px;font-weight:600;color:#000}.editedu .input-container .Date input{height:44px;width:100%;background-color:#fff;border:none;outline:none;border-radius:10px;margin-bottom:15px;padding-left:10px;padding-right:10px;color:#616161;font-size:20px;font-weight:400;box-shadow:5px 5px 5px #61616169;background-color:#f0f8ff}.Date{display:flex;flex-direction:column;width:48%}.pagination{display:flex;justify-content:center;padding:20px 0 0;-moz-column-gap:10px;column-gap:10px}.pageItem{list-style:none}.pageItem .pageLink{position:relative}.pageItem.arrow .pageLink,.pageLink .linkNumber{top:0;width:35px;height:35px;font-size:18px;font-weight:500;background-color:var(--background-filter);border-radius:5px;position:relative;display:flex;justify-content:center;align-items:center;box-shadow:var(--box-shadow-filter);transition:.15s ease-in-out}.pageItem.arrow .pageLink:hover,.pageLink .linkNumber:hover{top:2px;color:#fff;background-color:var(--btn-hover-side-nav-color);box-shadow:none}.pageItem.active .pageLink .linkNumber{top:2px;color:#fff;background-color:var(--btn-hover-side-nav-color);box-shadow:none;cursor:context-menu}.FilterPerButton{grid-column:6/8;font-size:20px;color:var(--font-color);background-color:var(--red-btn-color);padding:5px 10px;border-radius:10px;box-shadow:var(--box-shadow-filter);transition:.15s ease-in-out;outline:none;display:none;justify-content:center;align-items:center}.FilterPerButton:hover{box-shadow:none;transform:translateY(2px)}.FilterPerButton:active{box-shadow:var(--box-shadow-inner-template);transform:translateY(-.25px)}.FilterPerButton .FilterPerButton_div{display:flex}.FilterPerButton .FilterPerButton_div label{margin:0 10px 0 0}.FilterPerButton .FilterPerButton_div img{height:20px;margin:5px auto auto}.SearchForm{position:relative;margin:auto;width:100%;padding:30px 35px;height:auto}.SearchForm .Title{display:flex;height:45px;justify-content:space-between;padding:7px 0}.SearchForm .Title .Title-addAuthor-1{font-size:28px!important;align-self:center;margin-top:0!important}.SearchForm .Title .Title-addAuthor-2{font-size:28px!important;align-self:center;margin-top:0!important;display:none}.SearchForm .SearchForm_Performance{margin-top:15px}.SearchForm .SearchForm_Performance .searchInputPerformance{display:block}.SearchForm .SearchForm_Performance .searchInputPerformance .selectCategory_Mobile{width:100%}.SearchForm .SearchForm_Performance .searchInputPerformance .selectCategory_Mobile button{width:100%;height:50px;font-size:18px;font-weight:600;color:var(--font-color);background-color:var(--red-btn-color);padding:0 15px;border-radius:10px;display:flex;align-items:center;justify-content:space-between;position:relative;box-shadow:var(--box-shadow-filter);outline:none}.reset-filter-mobile{width:100%;padding:5px 10px;border:1px solid var(--border-filter);border-radius:10px;margin-top:15px}.sideSearchResult .searchInputProfessor{grid-template-columns:none}@media (max-width: 768px){.sideSearchResult{grid-column:1/12}.searchContainer .searchGrid .sideFilter,.searchContainer .searchGrid .sideFilterPerformance{display:none}.searchContainer .searchGrid .sideSearchResult .searchInputPerformance .searchInput.searchPerformance{grid-column:1/6}.selectCategory{display:none}.selectCategoryMobile{width:100%}.FilterPerButton{display:flex;justify-content:space-around}.searchGrid{padding:30px;grid-template-columns:none}}@media (max-width: 600px){.SearchForm{padding:20px 25px}.SearchForm .Title-addAuthor-1{display:none}.SearchForm .Title-addAuthor-2{display:flex!important}.FilterPerButton label{display:none}.searchGrid{padding:none}}.modal49{display:none}@media (max-width: 768px){.modal49{display:block;border:none;width:90%;height:auto;max-height:80vh;border-radius:25px;box-shadow:0 2px 8px #0003;background-color:#d3d3d3;padding:0;overflow-y:auto;z-index:10;top:-65px;left:5%;scrollbar-width:none;-ms-overflow-style:none}.modal49::-webkit-scrollbar{width:0;height:0}}@media (max-width: 400px){.modal49{top:-95px}}.selectCategory{grid-column:6/8;position:relative;height:100%}.selectContainer{height:100%}.selectCategory button{width:100%;height:50px;font-size:18px;font-weight:600;color:var(--font-color);background-color:var(--red-btn-color);padding:0 15px;border-radius:10px;display:flex;align-items:center;justify-content:space-between;position:relative;box-shadow:var(--box-shadow-filter);outline:none}.selectCategory button>div{width:80%;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.selectCategory button>svg{width:20px;height:20px;color:var(--font-color);position:absolute;right:15px}.show-filter-dropdown-search-performance{position:absolute;z-index:50;top:60px;left:0;width:100%;background-color:#fff;border-radius:15px;overflow:hidden;box-shadow:var(--box-shadow-template);max-height:0;opacity:0;transform:translateY(-10px);transition:all .3s ease}.show-filter-dropdown-search-performance.active{max-height:400px;opacity:1;transform:translateY(0)}.show-filter-dropdown-search-performance li{padding:5px 10px;transition:all .3s ease;cursor:pointer}.show-filter-dropdown-search-performance li:hover{background-color:var(--background-filter)}.loadingContainerSearch{height:100vh;width:100vw;display:flex;justify-content:center;align-items:center;position:fixed;z-index:40}.resultContainer{grid-column:5/12;margin-top:25px;display:grid;row-gap:15px}.resultContainer .resultSearch{width:100%;background-color:var(--background-filter);padding:20px;border-radius:10px;position:relative;display:flex;-moz-column-gap:30px;column-gap:30px}@media (max-width: 768px){.resultContainer .resultSearch{display:block}}.popupPerformanceContainer{position:absolute;top:100px;left:0;width:100%;display:flex;justify-content:center}.popupPerformancePage{border:2px solid #616161;padding:40px;width:800px;display:flex;flex-direction:column}.performanceDetails .headPerformancePopup{font-size:26px;font-weight:600}.performanceDetails .namePerformancePopup{font-size:20px;font-weight:600;margin-bottom:10px}.performanceDetails table{width:100%;border-collapse:collapse}.performanceDetails th,.performanceDetails td{padding:5px;text-align:left;vertical-align:top}.performanceDetails th{font-weight:700;width:20%}.popupPerformancePage .close-tab{margin-top:15px;font-size:14px;padding:5px 10px;border:1px solid var(--border-filter);border-radius:10px}@media (max-width: 768px){.popupPerformanceContainer{top:70px}.popupPerformancePage{border:none}}@media (max-width: 480px){.performanceDetails tr{display:flex;flex-direction:column}.performanceDetails td{margin-left:15px}.performanceDetails th{width:100%}.performanceDetails .colon{display:none}}.cvBtnContainer{right:120px;bottom:45px;position:fixed}.cvBtn{color:#fff;font-size:20px;font-weight:500;background-color:var(--color-blue);border-radius:15px;padding:10px 15px}.edit-form{color:#000;border-radius:10px;width:90%;height:auto;margin:50px auto auto;position:relative}.edit-form .header-container{display:flex;align-items:center;justify-content:center;padding:0 10px;width:100%;background-color:transparent;margin-bottom:10px;position:relative}.header-container .head{margin:auto;font-size:var(--font-head-crud);font-weight:var(--font-head-weight);text-align:center}.edit-form .header-container .xbtn{width:30px;right:10px;cursor:pointer;padding-top:0;margin-left:auto;position:absolute;transition:transform .15s;filter:drop-shadow(2px 2px 0px rgba(0,0,0,.5))}.edit-form .header-container .xbtn:hover{filter:drop-shadow(1px 1px 1px rgba(0,0,0,.5));transform:translateY(2px)}.main{margin-bottom:50px}.main .text-area{display:flex;align-items:flex-start;justify-content:space-between;border-bottom:2px solid black;padding:10px 5%}.main .open .edit-menu{margin-top:10px}.main .text-area{display:flex;align-items:center}.main .text-area.open{align-items:start}.main .text-area .edit-area{width:90%}.main .text-area .edit-area .text-container{width:100%;min-height:80px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.main .text-area .edit-area .main-topic,.main .text-area .edit-area .single-topic{font-size:var(--font-head-main-topic);font-weight:var(--font-head-main-topic-weight)}.main .text-area .edit-area .sub-topic{gap:8px;width:100%;min-height:24px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.main .text-area .edit-menu{display:flex;align-items:center;justify-content:center}.main .text-area .edit-menu .editbtn{width:40px;height:40px;cursor:pointer;transition:transform .15s;filter:drop-shadow(2px 2px 0px rgba(0,0,0,.5))}.main .text-area .edit-menu .editbtn:hover{filter:drop-shadow(1px 1px 1px rgba(0,0,0,.5));transform:translateY(2px)}.main .text-area .edit-menu .editbtn:active{filter:drop-shadow(0px 1px 2px rgba(0,0,0,.5));transform:translateY(-.125px)}.button-container{width:100%;height:60px;display:flex;justify-content:flex-end;margin-top:30px;margin-bottom:20px}.button-container button{width:auto;height:47px;border-radius:10px;font-size:var(--font-button-crud);padding:5px 15px;margin-left:15px;cursor:pointer;text-decoration:none;-moz-user-select:none;user-select:none;-webkit-user-select:none;touch-action:manipulation;white-space:nowrap;transition:.15s ease-in-out;box-shadow:var(--box-shadow-template)}.button-container button:hover{box-shadow:none;transform:translateY(2px)}.button-container button:active{box-shadow:var(--box-shadow-inner-template);transform:translateY(-.25px)}.button-container button:first-child{margin-left:0}.button-container .add{background-color:var(--color-btn-add-1);color:var(--color-btn-add-2);font-weight:500;padding:5px 50px!important;margin-bottom:30px!important}.button-container .cancel{border:3px solid #bb181b;color:#bb181b}.button-container .submit{background-color:#bb181b;color:#f0f8ff}.button-container .delete{background-color:#de9091;color:#660808}.edit-container{width:100%}.edit-container .editedu{color:#000}.editedu label{font-size:var(--font-editedu-label);font-weight:var(--font-editedu-label-weight);display:block}.editedu input[type=text],.editedu input[type=number],.editedu input[type=date],.editedu input[type=url]{border-radius:10px;width:100%;font-size:var(--font-editedu-input);font-weight:400;color:#000;background-color:var(--background-input);padding:5px 15px;box-shadow:#2d23424d 6px 6px 6px;margin-bottom:15px}.editedu input[type=date]{cursor:text}::-webkit-calendar-picker-indicator{background-color:var(--background-filter);filter:drop-shadow(1px 1.5px 1.5px rgba(0,0,0,.35));padding:5px;cursor:pointer;border-radius:3px}.editedu select{border-radius:10px;width:100%;height:40px;font-size:var(--font-editedu-input);background-color:var(--background-input);padding:5px 15px;box-shadow:#2d23424d 6px 6px 6px;font-weight:400;margin-bottom:15px}.editedu select:required:invalid{color:gray}.editedu option[value=degrees][disabled]{display:none}.editedu option{color:#000}.swal2-custom{cursor:pointer;transition:transform .15s;filter:drop-shadow(6px 6px 0px rgba(0,0,0,.35))}.swal2-custom .swal2-confirm{color:#fff;border:2.5px solid #bb181b;cursor:pointer;transition:transform .15s;box-shadow:(3px 3px 0px rgba(0,0,0,.5));border-radius:10px}.swal2-custom .swal2-confirm:hover{background-color:red;transform:translateY(2px);box-shadow:(0px 0px 0px rgba(0,0,0,.5))}.swal2-custom .swal2-confirm:active{transform:translateY(-.125px);box-shadow:(0px 0px 0px rgba(0,0,0,.5))}.swal2-custom .swal2-cancel{color:#bb181b;border:2.5px solid #bb181b;cursor:pointer;transition:transform .15s;box-shadow:(3px 3px 0px rgba(0,0,0,.5));border-radius:10px}.swal2-custom .swal2-cancel:hover{background-color:red;transform:translateY(2px);box-shadow:(0px 0px 0px rgba(0,0,0,.5))}.swal2-custom .swal2-cancel:active{transform:translateY(-.125px);box-shadow:(0px 0px 0px rgba(0,0,0,.5))}.list_date{width:100%;display:flex;flex-direction:row;margin-bottom:30px;gap:20px}.input_date{width:100%}.input_date input{border-radius:10px!important}.radio-options-container{display:block}.radio-options-container .radio-option{display:flex;align-items:center;margin-top:0;margin-bottom:10px;cursor:pointer}.radio-options-container .radio-input{position:absolute;opacity:0}.radio-options-container .radio-circle{display:inline-block;min-width:24px!important;height:24px;border-radius:50%;border:2px solid #ccc;box-shadow:0 0 5px #0003;transition:all .3s ease-in-out;background-color:var(--background-input);margin-left:25px;margin-right:10px;position:relative}.radio-options-container .radio-input:checked+.radio-circle{border-color:#bc1719}.radio-options-container .radio-input:checked+.radio-circle:after{content:"";display:block;width:12px;height:12px;border-radius:50%;background-color:#bc1719;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.radio-options-container .optionR{font-size:var(--font-editedu-input);font-weight:400}.main .type{color:#a5161a;display:block;font-size:var(--font-head-type-academic-work);font-weight:var(--font-head-type-academic-work-weight)}.main .format{margin-bottom:50px}.format .item{display:flex;align-items:center;justify-content:space-between;border-bottom:2px solid black;box-shadow:0 3px 0 -2.5px #000;padding:10px 5%;margin-bottom:20px}.item .title{display:block;margin-bottom:5px;font-size:var(--font-head-main-topic);font-weight:var(--font-head-main-topic-weight)}.item .detail{width:80%}.item .other{display:flex;gap:8px}.item .edit-pen{width:40px;cursor:pointer;transition:transform .15s;filter:drop-shadow(2px 2px 0px rgba(0,0,0,.5))}.item .edit-pen:hover{filter:drop-shadow(1px 1px 1px rgba(0,0,0,.5));transform:translateY(2px)}.item .edit-pen:active{filter:drop-shadow(0px 1px 2px rgba(0,0,0,.5));transform:translateY(-.125px)}.PublishedDate,.AcadDatabase,.Publisher{font-size:var(--font-detail-crud)}.PublishedDate,.AcadDatabase{border-right:2.25px solid black;padding-right:8px}.edit-form .img-container{margin-top:25px;width:100%;text-align:center}.edit-form .img-container .changeIMG{width:auto;height:47px;border-radius:10px;font-size:var(--font-head-main-topic);background-color:#b1a7a6;padding:5px 15px;cursor:pointer;text-decoration:none;-moz-user-select:none;user-select:none;-webkit-user-select:none;touch-action:manipulation;white-space:nowrap;transition:.15s ease-in-out;box-shadow:var(--box-shadow-template);margin-bottom:16px}.edit-form .img-container .changeIMG:hover{box-shadow:none;transform:translateY(2px)}.edit-form .img-container .changeIMG:active{box-shadow:var(--box-shadow-inner-template);transform:translateY(-.25px)}.edit-form .img-container div{width:50%;max-width:275px;min-width:200px;aspect-ratio:3 / 4;overflow:hidden;margin:auto;display:flex;flex-direction:column;align-items:center;justify-content:center;margin-top:1rem;margin-bottom:2rem;border-radius:15px;position:relative}.edit-form .img-container div .profile{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.block-display{color:#000}.block-display label{font-size:var(--font-editedu-label);font-weight:600;display:block;margin-bottom:5px;text-align:left}.block-display input[type=date]{padding:15px;color:#000;font-size:20px;border:none;outline:none;border-radius:10px}.block-display ::-webkit-calendar-picker-indicator{background-color:#f0f8ff;filter:drop-shadow(1px 1.5px 1.5px rgba(0,0,0,.35));padding:5px;cursor:pointer;border-radius:3px}.block-display .form-field{display:flex;justify-content:space-between;width:100%;gap:20px}.block-display .list{display:block;width:80%}.block-display input[type=text],.block-display input[type=number],.block-display input[type=date],.block-display input[type=tel],.block-display input[type=email],.block-display input[type=url],.block-display textarea{border-radius:10px;width:100%;font-size:var(--font-editedu-input);font-weight:400;color:#000;background-color:var(--background-input);padding:5px 15px;box-shadow:#2d23424d 6px 6px 6px;margin-bottom:15px;border:.5px solid hsl(0,0%,80%)}.program input[type=text]{box-shadow:none}.block-display select{width:100%;border-radius:10px;height:40px;font-size:var(--font-editedu-input);background-color:var(--background-input);padding:5px 15px;box-shadow:#2d23424d 6px 6px 6px;font-weight:400;margin-bottom:15px}.main .list-student{width:100%;display:flex;-moz-column-gap:26px;column-gap:26px;margin:10px 0 25px}.list-student .input-student{width:100%;display:flex;flex-direction:column}.list-student input[type=number]{border-radius:10px;width:100%;font-size:var(--font-editedu-input);font-weight:400;color:#000;background-color:var(--background-input);padding:5px 15px;box-shadow:#2d23424d 6px 6px 6px;margin-bottom:15px}.editedu input[type=text],.editedu input[type=number],.editedu input[type=date],.editedu input[type=url],.editedu select,.radio-options-container .radio-circle,.block-display input[type=text],.block-display input[type=number],.block-display input[type=date],.block-display input[type=tel],.block-display input[type=email],.block-display input[type=url],.block-display select,.block-display textarea,.list-student input[type=number]{background-color:#fff}.block-display input,.block-display textarea{border:.5px solid hsl(0,0%,80%)}@media screen and (max-width: 1100px){.edit-form{margin:0;width:100%}.header-container{margin-bottom:30px}.edit-form .header-container .xbtn{display:none}.main .text-area{margin:0;transition:none}.main .text-area .edit-area .main-topic{margin-top:10px}.button-container{height:auto;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-end;margin-top:20px}.button-container .cancel,.button-container .delete,.button-container .submit{width:100%;margin-left:0;margin-bottom:20px}.main .button-container .add{text-align:center;width:100%}.main .open{border-bottom:none;padding:0;width:100%}.main .open .edit-area{width:100%}.main .open .edit-menu,.main .close{display:none}}@media screen and (max-width: 768px){.edit-form{margin:0;width:100%}.header-container{margin-bottom:30px}.edit-form .header-container .xbtn{display:none}.main .text-area .edit-area .main-topic{margin-top:10px}.button-container{height:auto;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-end;margin-top:20px}.button-container .cancel,.button-container .delete,.button-container .submit{width:100%;margin-left:0;margin-bottom:20px}.main .button-container .add{width:100%}.edit-form .header-container .xbtn{right:0}.main .text-area{margin:0;transition:none}.main .text-area .edit-area{width:80%}.main .open{border-bottom:none;width:100%}.main .open .edit-area{width:100%}.main .open .edit-menu,.main .close{display:none}.block-display .form-field{display:flex;flex-flow:column;gap:0px}.block-display .list{width:100%}}@media screen and (max-width: 480px){.header-container{margin-bottom:20px}.edit-form .header-container .xbtn{display:none}.main .text-area .edit-area .text-container{width:100%}.main .text-area .edit-area .main-topic{margin-top:10px}.button-container{height:auto;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-end;margin-top:20px}.button-container .cancel,.button-container .delete,.button-container .submit{width:100%;margin-left:0;margin-bottom:20px}.main .button-container .add,.edit-form{width:100%}.edit-form .header-container .xbtn{right:0}.main .text-area{margin:0;transition:none}.main .text-area .edit-area{width:80%}.main .open{border-bottom:none;width:100%}.main .open .edit-area{width:100%}.main .open .edit-menu,.main .close{display:none}.main .list-student{flex-direction:column}}.loadingContainer{width:100%;margin-top:120px;row-gap:40px;display:flex;flex-direction:column;justify-content:center;align-items:center}.loadingContainer p{font-size:20px}.img-email{width:10vh}.button-home{margin-top:10px;background-color:#bc1719;color:#fff;padding:12px 20px;border:none;border-radius:12px;cursor:pointer;font-size:16px}.button-home:hover{background-color:#660808}.text-detail{padding:30px;font-size:medium;color:#5c5c5c;text-align:center}.table-author{overflow:hidden;width:110%;border-radius:10px;margin-top:10px}.table-author table{border:none;height:100%;width:91%;table-layout:auto;border-collapse:separate;text-align:center;border-spacing:0 10px;border-radius:10px;margin-top:-10px;z-index:10}.table-author table th{border:1px solid #dededf;background-color:#eceff1;color:#000;padding:5px}.table-author table .DF{background-color:transparent;border:none;margin-bottom:-5px}.table-author table td{border-radius:12px;border:1px solid #dededf;background-color:#fff;color:#000;padding:10px}.table-author table .collapsed-table .header-row{display:flex;justify-content:space-between;align-items:center;padding:10px;border-radius:7px;border:none;background-color:#f0f8ff}.table-author table .collapsed-table .details{display:none}.table-author table .collapsed-table .details.show{display:block}.table-author table .collapsed-table .details .detail-row{display:flex;justify-content:space-between;padding:10px;border-bottom:1px solid #dededf}.table-author table .collapsed-table .details .detail-row:last-child{border-bottom:none}.table-author table .collapsed-table .details .detail-row .title{font-weight:700;width:35%;text-align:left}.table-author table .collapsed-table .details .detail-row div{width:65%;text-align:left}.table-author table .collapsed-table .detail-button{background-color:#06c;color:#fff;padding:5px 10px;border-radius:5px;cursor:pointer;text-align:center;white-space:nowrap}.table-author table .collapsed-table .detail-button:hover{background-color:#1259bb}.input-name,.input-position,.input-percentage{border:1px solid #dededf;padding:5px;width:100%;box-sizing:border-box;border-radius:4px;font-size:16px;background-color:#f0f8ff}.input-author input::-webkit-outer-spin-button,.input-author input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.btn-delete{background-color:#dc3545;color:#fff;padding:5px 10px;border-radius:5px;cursor:pointer;text-align:center;white-space:nowrap}.btn-delete:hover{background-color:#c82333}.btn-edit:hover{background-color:#e0a800}.btn-insert{background-color:#28a745;color:#fff;padding:5px 10px;border-radius:5px;cursor:pointer;text-align:center;white-space:nowrap;margin-top:10px;height:40px;font-size:20px;width:200px;float:inline-end;box-shadow:var(--box-shadow-template);transition:.15s ease-in-out}.btn-insert:hover{box-shadow:none;transform:translateY(2px)}.btn-save{background-color:#498c29;color:#fff;padding:5px 10px;border-radius:5px;cursor:pointer;text-align:center;white-space:nowrap}.btn-save:hover{background-color:#3a6d23}.search-author{align-items:left;width:100%;height:40px;padding:15px;color:#000;font-size:20px;border:none;outline:none;border-radius:10px;background-color:#f0f8ff;box-shadow:#2d23424d 5px 5px 5px;margin-bottom:15px}.box-search{display:block}.box-search .box-search_text{color:#bb181b;font-weight:700;text-align:left;margin-bottom:2px}.btn-add-new-author{height:100%;margin:0;font-size:20px;height:40px;padding:5px;color:#fff;background-color:#218838;border-radius:10px;text-align:center;cursor:pointer;box-shadow:var(--box-shadow-template);transition:.15s ease-in-out}.btn-add-new-author:hover{box-shadow:none;transform:translateY(2px)}.radio-position{font-size:12px!important;margin:0!important;text-align:left;font-weight:400!important}.radio-position input{margin:5px;font-weight:400}.addddd{text-align:left;margin-top:20px!important}@media (max-width: 768px){.btn-insert{width:100%}}.add-author-container{height:100%;width:90%;overflow-x:hidden}.add-author-form input{width:90%}.label-add-author{margin-left:5%;margin-top:5px!important;text-align:left}.head-add-author{margin-top:20px;font-size:28px;font-weight:700}.btn-add-author{margin:20px;justify-self:center;padding:10px 20px;background-color:#bb181b;color:#fff;border:none;cursor:pointer;border-radius:5px}.btn-add-author:hover{background-color:#0056b3}@media (max-width: 768px){.add-author-container{height:100%;width:90%;overflow-x:scroll}}.backdrop{position:fixed;top:0;left:0;width:100%;height:100vh;background-color:#0009;z-index:1;display:flex;justify-content:center;align-items:center}.modal1{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);border:none;width:50%;height:-moz-fit-content;height:fit-content;max-height:85%;border-radius:25px;box-shadow:0 2px 8px #0003;background-color:#d3d3d3;padding:0;overflow-y:auto;z-index:10;margin:auto;scrollbar-width:none;-ms-overflow-style:none}.modal1::-webkit-scrollbar{width:0;height:0}@media (max-width: 900px){.modal1{width:80%;transform:translate(-50%,-45%)}}.contents{margin:0 80px 30px;display:grid;grid-template-columns:repeat(12,1fr);grid-template-rows:auto;grid-column-gap:24px;min-width:80vw;min-height:100vh}.side_nav{display:flex;flex-direction:column;grid-column:2 / 4;margin-top:100px;height:-moz-fit-content;height:fit-content;position:sticky;top:100px}.right_cont{grid-column:4 / 12;grid-row:1 / auto;border-radius:25px;background-color:var(--sidenav-bg);color:#000;margin-top:100px;box-shadow:3px 3px 7px #61616169}.top_in_side{padding:30px 0;border-radius:25px;background-color:var(--sidenav-bg);position:sticky;box-shadow:3px 3px 7px #61616169}.bot_in_side{margin-top:20px;padding:30px 0;border-radius:25px;background-color:var(--sidenav-bg);position:sticky;box-shadow:3px 3px 7px #61616169}.top_in_side .btn{display:flex;align-items:center;justify-content:start;padding:10px 15px;border-radius:10px;background:transparent;border:none;box-shadow:none;text-align:start;line-height:1}.top_in_side .btn span{font-size:18px;transition:.3s;color:var(--sidenav-font-color)}.bot_in_side .btn{display:flex;align-items:center;justify-content:start;padding:10px 15px;border-radius:10px;background:transparent;border:none;box-shadow:none;text-align:start}.bot_in_side .btn span{font-size:18px;line-height:10px;transition:.3s;color:var(--sidenav-font-color)}.top_in_side .btn:hover,.bot_in_side .btn:hover{background-color:var(--hover-btn-bg)}.top_in_side .btn:hover span,.bot_in_side .btn:hover span{transform:translate(10px);color:var(--hover-btn-font-color)}.top_in_side .active,.bot_in_side .active,.top_in_side .active span,.bot_in_side .active span{color:var(--active-btn)}.top_in_side .active:hover,.bot_in_side .active:hover{background-color:transparent;color:var(--active-btn);cursor:default}.top_in_side .active:hover span,.bot_in_side .active:hover span{color:var(--active-btn);transform:translate(0)}.in_right{margin:30px}@media screen and (max-width: 480px){.contents{display:flex;justify-content:center;margin:0 30px}.side_nav{display:none}.right_cont{width:100%;background-color:transparent;box-shadow:none;margin-top:80px}.in_right{margin-left:0;margin-right:0}}@media screen and (max-width: 768px) and (min-width: 481px){.contents{display:flex;justify-content:center;margin-left:40px;margin-right:40px}.side_nav{display:none}.right_cont{width:100%;background-color:transparent;box-shadow:none}}@media screen and (max-width: 1100px) and (min-width: 769px){.contents{display:flex;justify-content:center;margin-left:40px;margin-right:40px}.side_nav{display:none}.right_cont{width:100%;background-color:transparent;box-shadow:none}}@media screen and (max-width: 1300px) and (min-width: 1100px){.contents{grid-template-columns:repeat(8,1fr);margin:0 60px 30px}.side_nav{grid-column:1 / 3}.right_cont{width:100%;grid-column:3 / 9}}.Info{padding:20px}.Info .SetInfo{margin-bottom:20px;border-top:3px solid black}.Info .SetInfo:first-child{border-top:none}.Info_Title{display:inline-flex;font-weight:700;font-size:24px!important;height:28px;align-items:center;margin-bottom:15px;margin-top:20px;width:100%;justify-content:space-between}.Info_Title .edit-pen{width:24px;cursor:pointer}.Info_container{display:flex;font-size:18px;font-weight:600}.Info_container .Info_Number{width:60px;padding:10px 25px 0 5%}.Info_container .Info_detail--1{padding:10px 0;display:inline-flex}.Info_container .Info_detail--1 div{margin-right:10px}.Info_container .Info_detail--1 div p{font-weight:400}.Info_container .Info_detail--2{padding:10px 0;flex:1}.Info_container .Info_detail--2 div{margin-right:10px}.Info_container .Info_detail--2 div p{font-weight:400}.ProfileI{height:auto;width:100%;display:flex;gap:3%;margin-bottom:30px}.ProfileI .Info_Title{margin-top:0;margin-bottom:10px}.ProfileI .img-Info{top:0;width:30%;min-width:200px;text-align:center}.ProfileI .img-Info div{width:100%;max-width:275px;aspect-ratio:3/4;overflow:hidden;margin:auto;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:15px;position:relative}.ProfileI .img-Info div .profile-Info{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.ProfileI .P_detail{width:70%}.ProfileI .P_detail .Info_Title{height:auto}.ProfileI .P_detail .Info_Title .Info_Text{width:auto;margin-right:15px}.ProfileI .P_detail .Info_Title .Info_img .edit-pen-1{width:24px;min-width:24px;margin:auto;cursor:pointer}.ProfileI .P_detail .Name{display:flex;flex-direction:column;margin-bottom:15px;gap:5px}.ProfileI .P_detail .Name label{font-size:18px}.ProfileI .P_detail .properties{display:flex;flex-direction:column;gap:10px;font-size:18px}.ProfileI .P_detail .properties .ETL{display:flex;justify-content:flex-start;align-items:flex-start;overflow-wrap:anywhere}.ProfileI .P_detail .properties .ETL .title{font-weight:500}.ProfileI .P_detail .properties .ETL label:first-child{min-width:110px;margin-right:10px;white-space:nowrap}.ProfileI .P_detail .properties .ETL p{margin-right:10px}.ProfileI .P_detail .properties .ETL label:last-child{flex:1;text-align:left}.EducateI{height:auto;margin-bottom:30px;font-size:18px}.EducateI .properties{display:flex;flex-direction:column;gap:10px}.EducateI .properties .ETL{display:flex;justify-content:flex-start;align-items:flex-start}.EducateI .properties .ETL .title{font-weight:500}.EducateI .properties .ETL label:first-child{min-width:145px;margin-right:10px;white-space:nowrap}.EducateI .properties .ETL p{margin-right:15px}.EducateI .properties .ETL .EducateI_Detail--FPI{display:flex;flex-direction:column;gap:5px;word-wrap:break-word}.AcademicI{height:auto;display:flex;margin-bottom:30px;flex-direction:column}.AcademicI .AcademicI_type{font-size:22px;font-weight:600;padding:0 5%}.AcademicI .AcademicI_format{padding-bottom:20px}.AcademicI .AcademicI_format .AcademicI_container{display:flex}.AcademicI .AcademicI_format .AcademicI_container .AcademicI_Number{font-size:18px;font-weight:600;width:60px;padding:10px 25px 0 5%}.AcademicI .AcademicI_format .AcademicI_item{display:flex;align-items:center;justify-content:space-between;padding:10px 0}.AcademicI .AcademicI_format .AcademicI_item .AcademicI_title{display:block;margin-bottom:5px;font-size:18px;font-weight:600}.AcademicI .AcademicI_format .AcademicI_item .AcademicI_detail{width:auto}.AcademicI .AcademicI_format .AcademicI_item .AcademicI_other{display:flex;gap:8px}.AcademicI .AcademicI_format .AcademicI_PublishedDate,.AcademicI .AcademicI_format .AcademicI_AcadDatabase{border-right:2.25px solid black;padding-right:8px;font-size:16px}.ResearchI,.BooksI,.InterestI,.TeachingI,.WorkI,.InternI{margin-bottom:30px}.AdvisorI{background-color:transparent;display:flex;flex-direction:column}.AdvisorI .AdvisorI_detail--title{margin-left:15px;font-size:20px}.AdvisorI .AdvisorI_detail--block{margin-top:15px;display:inline-flex;width:30vw;min-width:260px;margin-left:5%;justify-content:space-between;border-bottom:2px solid gray;font-size:18px}.AdvisorI .AdvisorI_detail--block div{display:inline-flex}.AdvisorI .AdvisorI_detail--block .AdvisorI_detail--num1{margin-right:6px;color:#5b963f}.AdvisorI .AdvisorI_detail--block .AdvisorI_detail--num2{margin-right:6px;color:#cb2e1b}@media (max-width: 750px){.Info_container .Info_Number{width:40px}.Info_container .Info_detail--1{display:block}.ProfileI{flex-direction:column}.ProfileI .img-Info{width:100%;margin-bottom:20px}.ProfileI .img-Info div{max-width:225px}.ProfileI .P_detail{width:100%}.EducateI .properties .ETL{display:block}.EducateI .properties .ETL p{display:none}.EducateI .properties .ETL .EducateI_Detail--FPI{margin:5px 0 15px 5%}.AcademicI .AcademicI_format{margin-bottom:15px}.AcademicI .AcademicI_format .AcademicI_container .AcademicI_Number{width:40px}.AcademicI .AcademicI_format .AcademicI_item .AcademicI_other{display:none!important}}.table-author{width:110%;margin-bottom:15px;border-radius:10px}.table-author table{height:100%;width:91%;table-layout:auto;border-collapse:collapse;border-spacing:1px;text-align:center}.table-author th{border:1px solid #dededf;background-color:#eceff1;color:#000;padding:5px}.table-author td{border:1px solid #dededf;background-color:#fff;color:#000;padding:10px}.input-name,.input-position,.input-percentage{border:1px solid #dededf;padding:5px;width:80%;box-sizing:border-box;border-radius:4px;font-size:16px}.btn-delete{background-color:#bb181b;color:#fff;padding:5px 10px;border-radius:5px;cursor:pointer;text-align:center;white-space:nowrap}.btn-edit{background-color:#ffc107;color:#fff;padding:5px 10px;border-radius:5px;cursor:pointer;text-align:center;white-space:nowrap}.btn-insert,.btn-save{background-color:#498c29;color:#fff;padding:5px 10px;border-radius:5px;cursor:pointer;text-align:center;white-space:nowrap}.group-btn-table{display:flex;flex-direction:row;gap:10px}.author-suggestion{width:100%;max-height:150px;border:1px solid #dededf;border-radius:5px;background-color:#fff;position:relative;top:100%;left:0;z-index:0;overflow-y:auto}.author-suggestion li{margin:2px;padding:5px;border-radius:5px;transition:.2s ease-in-out;cursor:pointer}.author-suggestion li:hover{color:#fff;background-color:#bb181b}.add-author:hover{background-color:#498c29!important;cursor:pointer}.search-author,.box-search{width:100%}.btn-add-new-author{padding:5px;color:#fff;font-size:15px;background-color:#498c29;border-radius:5px;margin-bottom:15px}.btn-add-new-author:hover{cursor:pointer}.radio-position{font-size:12px!important;margin:0!important;text-align:left}.radio-position input{margin:5px}.p-position-author{font-size:12px}.subhead{font-size:15px;display:flex;justify-content:center}.top_head{display:flex;flex-direction:row}body{font-family:Prompt,sans-serif;margin:0;padding:0}.resume{max-width:800px;margin:0 auto;background-color:#fff;padding:20px;border-radius:10px}.pageExportCV{display:flex;flex-direction:column;justify-content:center;align-items:center}.pdf-container{margin:10px;padding:20px;max-width:21cm}.outProfile{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.nameThai{font-size:22px;font-weight:600}.nameEng{font-size:20px}.statusLecture{font-size:15px}.pictureProfile img{width:100px}.under-line{background-color:#000;width:100%;height:2px;margin-bottom:10px}.line-st{background-color:#000;width:2px;height:100%;margin:0 20px 0 0}.cont-edu{display:flex;flex-direction:row}.headcont-edu{font-size:16px;font-weight:600}.con-list{margin:5px 0 10px 7px}.dCont{font-size:14px;margin-left:10px;vertical-align:top}.profileContract{width:45%}.profileContract img{width:15px}.eduBackground{display:flex;align-items:center}.groupEdu{display:flex;width:55%}.groupEdu-1{display:flex;width:100%}.profileEdu{width:100%}.years{font-size:10px;margin-left:10px;vertical-align:top;width:30%}.coll{margin:5px 0;vertical-align:top;width:70%}.degreeCourse{font-size:10px;font-weight:600}.university{font-size:12px}.profilePerformance{margin:0 0 30px 30px}.headPerformance{font-size:17px;font-weight:600}.profileList{margin:10px 0;font-size:14px}.profileList-1{margin:10px 25px;font-size:14px}.d-list-performance{font-size:14px}.h-list-performance{font-weight:600}.p-list-performance{font-weight:400;text-align:justify}.teachInterest{width:100%}.cv-btn{display:flex;align-items:center;justify-content:center}.contactButton{margin:30px 20px 20px;width:150px;height:50px;border-radius:15px;background-color:var(--red-button-2);color:var(--white-text);border:none;box-shadow:var(--shadow-box-2);font-size:18px;font-weight:600}:root{--navbar-bg-color: #660808;--footer-bg-color: #161a1d;--footer-header-color: #e5383a;--footer-detail-color: #d3d3d3;--color-blue: #0d6efd;--color-red: #c81e1e;--inactive-color: #aaaaaa;--active-color: #333;--placeholder-color: #ccc;--font-color: white;--red-btn-color: #bc1719;--btn-hover-side-nav-color: #e5383a;--background-filter: #D9D9D9;--border-filter: #616161;--box-shadow-template: 4px 4px 4px rgba(0, 0, 0, .4);--box-shadow-inner-template: inset 5px 5px 10px rgba(0, 0, 0, .4);--box-shadow-filter: 2px 2px 2px rgba(0, 0, 0, .4);--box-shadow-inner-filter: inset 3px 3px 5px rgba(0, 0, 0, .4);--sidenav-bg: #D9D9D9;--sidenav-font-color: #7C7C7C;--hover-btn-bg: #E5383A;--hover-btn-font-color: #FFFFFF;--active-btn: #BB181B;--font-head-crud: 30px;--font-head-weight: 700;--font-head-main-topic: 20px;--font-head-main-topic-weight: 600;--font-head-type-academic-work: 26px;--font-head-type-academic-work-weight: 600;--font-editedu-label: 22px;--font-editedu-label-weight: 600;--font-editedu-input: 18px;--font-detail-crud: 16px;--background-input: white;--background-input2: aliceblue;--font-button-crud: 20px;--color-btn-add-1: #de9091;--color-btn-add-2: #660808;--color-proceeding-font: #ac5e00;--color-proceeding-background: #f6ca94;--color-journal-font: #777700;--color-journal-background: #fafabe;--color-project-font: #036601;--color-project-background: #c1ebc0;--color-book-font: #01077e;--color-book-background: #c7caff;--color-research-font: #370364;--color-research-background: #cdabeb;--color-exp-font: #6d0067;--color-exp-background: #f6c2f3}.actionBtn{top:0;position:relative;box-shadow:var(--box-shadow-template);transition:.3s ease-in-out}.actionBtn:hover{box-shadow:none;top:2px}.actionBtn:active{box-shadow:var(--box-shadow-inner-template);transition:.2s}.actionSearch{top:0;position:relative;box-shadow:var(--box-shadow-filter);transition:.15s ease-in-out}.actionSearch:hover{box-shadow:none;top:1px}.actionSearch:active{box-shadow:var(--box-shadow-inner-filter);transition:.15s}*{font-family:Noto Sans Thai,sans-serif}.Backdrop{position:fixed;top:0;left:0;width:100%;height:100vh;background-color:#0009;display:flex;justify-content:center;align-items:center}.Modal{border:none;width:60%;height:-moz-fit-content;height:fit-content;background-color:transparent;padding:0;overflow:hidden;z-index:1;margin:auto}.back{width:100%;height:100%;display:flex;align-items:center;justify-content:center;backface-visibility:hidden;transform:translateZ(0)}.back .bg,.front .bg{width:100%;height:100%}.back .logo{position:absolute;z-index:2;width:27%;height:36%}.front{width:100%;height:100%;display:flex;align-items:center;justify-content:center;backface-visibility:hidden;transform:rotateY(180deg)}.front .information{width:100%;height:75%;position:absolute;display:flex;align-items:center}.front .information .qr{width:35%;height:70%;display:flex;align-items:center;justify-items:center;margin-left:8%;padding-right:4%;border-right:2px solid black}.front .information .qr img{width:250px;height:250px}.front .information .profInfo{width:65%;max-height:85%;margin-left:4%;margin-right:2%}.front .information .profInfo .name{font-size:28px;font-weight:600}.front .information .profInfo .department{font-size:24px;margin-bottom:3%}.front .information .profInfo .contact .phone,.front .information .profInfo .contact .email,.front .information .profInfo .contact .build{display:flex;flex-direction:row;margin-bottom:5px}.front .information .profInfo .contact .image{width:5%;height:30px;display:flex;align-items:flex-start}.front .information .profInfo .contact .image img{width:80%}.front .information .profInfo .contact .text{width:92%;margin-left:3%}.card{transform-style:preserve-3d;transition:all .8s ease}.cardFlip{transform:rotateY(180deg)}.c-s-button{margin-top:37%;width:60%;height:15%;position:absolute;z-index:1;left:20%;display:flex;justify-content:space-around}.c-s-button .closeBtn,.c-s-button .saveBtn{width:80px;height:100px;display:flex;align-items:center;justify-content:center;flex-direction:column;cursor:pointer;color:#fff}.c-s-button .closeBtn .imgcontain,.c-s-button .saveBtn .imgcontain{display:flex;align-items:center;justify-content:center;background-color:var(--btn-hover-side-nav-color);border-radius:50%;width:100%;height:100%;margin-bottom:5px}.c-s-button .closeBtn .imgcontain img,.c-s-button .saveBtn .imgcontain img{width:40px;height:40px}.flipped-img{transform:scaleX(-1)}@media screen and (max-width: 1100px){.Modal{width:70%;margin-top:10%}.c-s-button{margin-top:55%}.front .information .qr{justify-items:flex-start}.front .information .profInfo{margin-left:2%}.front .information .profInfo .name{font-size:20px}.front .information .profInfo .department{font-size:18px}.front .information .profInfo .contact{font-size:14px}.front .information .profInfo .contact .text{margin-bottom:2px}.front .information .profInfo .contact .image{max-height:20px;align-items:center}.front .information .profInfo .contact .phone,.front .information .profInfo .contact .email,.front .information .profInfo .contact .build{margin-bottom:0}}@media screen and (max-width: 768px){.c-s-button .closeBtn,.c-s-button .saveBtn{width:60px;height:90px}.c-s-button .closeBtn .imgcontain img,.c-s-button .saveBtn .imgcontain img{width:35px;height:35px}.Modal{width:80%;margin-top:20%}.c-s-button{margin-top:70%}.front .information .profInfo .name{font-size:16px}.front .information .profInfo .department{font-size:14px}.front .information .profInfo .contact{font-size:10px}.front .information .profInfo .contact .text{margin-bottom:5px}.front .information .profInfo .contact .image{max-height:15px;align-items:center}}@media screen and (max-width: 480px){.c-s-button .closeBtn,.c-s-button .saveBtn{width:40px;height:70px}.c-s-button .closeBtn .imgcontain img,.c-s-button .saveBtn .imgcontain img{width:20px;height:20px}.Modal{width:80%;margin-top:30%}.c-s-button{margin-top:85%}.front .information .profInfo .name{font-size:14px}.front .information .profInfo .department{font-size:12px}.front .information .profInfo .contact{font-size:8px}.front .information .profInfo .contact .image{max-height:15px;align-items:center}.front .information .profInfo .contact .text{margin-top:2px}.front .information .profInfo .contact .phone,.front .information .profInfo .contact .email,.front .information .profInfo .contact .build{margin-bottom:0}}@media screen and (max-width: 400px){.c-s-button .closeBtn,.c-s-button .saveBtn{width:40px;height:70px}.c-s-button .closeBtn .imgcontain img,.c-s-button .saveBtn .imgcontain img{width:25px;height:25px}.Modal{width:80%}.c-s-button{margin-top:85%}.front .information .profInfo .name{font-size:12px}.front .information .profInfo .department{font-size:10px}.front .information .profInfo .contact{font-size:6px}.front .information .profInfo .contact .text{margin-top:3px}}