@import"https://fonts.googleapis.com/css2?family=Sarabun:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800&display=swap";:root{--card-max-w: 1100px;--illustration-w: 40%;--form-max-w: 520px;--logo-h: 80px}.login-card{width:min(96vw,var(--card-max-w));display:flex;background:#fff;border-radius:20px;box-shadow:0 20px 60px #00000026;overflow:hidden;animation:slideUp .6s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:none}}.login-illustration{position:relative;flex:0 0 var(--illustration-w);min-width:320px;overflow:hidden;background:linear-gradient(135deg,#4ecdc4,#44a08d)}.illustration-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:left center}.login-pane{flex:1 1 calc(100% - var(--illustration-w));display:flex;align-items:center;justify-content:center;padding:32px 48px}.login-inner{width:100%;max-width:var(--form-max-w);margin:0 auto}.brand{text-align:center;margin-bottom:20px}.brand img{height:var(--logo-h);max-width:220px;object-fit:contain;filter:drop-shadow(0 4px 8px rgba(0,0,0,.1))}.input-group{margin-bottom:14px}.input{width:100%;padding:14px 16px;border:2px solid #e1e5e9;border-radius:12px;background:#f8f9fa;font-size:16px;transition:border-color .2s,box-shadow .2s,transform .2s,background .2s}.input:focus{outline:none;background:#fff;border-color:#4ecdc4;box-shadow:0 0 0 3px #4ecdc41f;transform:translateY(-1px)}.btn{width:100%;padding:12px 16px;margin:10px 0 14px;border:0;border-radius:12px;cursor:pointer;color:#fff;font-weight:700;font-size:15px;letter-spacing:.5px;text-transform:uppercase;background:linear-gradient(135deg,#4ecdc4,#44a08d);transition:transform .2s,box-shadow .2s,opacity .2s}.btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 25px #4ecdc447}.btn:disabled{opacity:.7;cursor:not-allowed}.divider{position:relative;text-align:center;color:#999;margin:12px 0}.divider:before{content:"";position:absolute;left:0;right:0;top:50%;height:1px;background:#e1e5e9}.divider span{position:relative;background:#fff;padding:0 18px}.btn-social{width:100%;display:flex;align-items:center;justify-content:center;gap:12px;padding:12px 16px;border:2px solid #e1e5e9;border-radius:12px;background:#fff;color:#666;font-size:14px;font-weight:500;cursor:pointer;transition:transform .15s,box-shadow .15s,border-color .15s,color .15s}.error{color:#e74c3c;background:#ffeaea;border-left:4px solid #e74c3c;border-radius:8px;padding:12px;font-size:14px;margin-bottom:12px}.register a{color:#4ecdc4;font-weight:600;text-decoration:none}.register a:hover{text-decoration:underline}.input:focus,.btn:focus,.btn-social:focus{outline:2px solid #4ecdc4;outline-offset:2px}@media (max-width: 768px){.login-card{width:min(96vw,520px);flex-direction:column}.login-illustration{display:none!important}.login-pane{padding:24px 16px}.login-inner{max-width:100%}.brand img{height:72px}}.login,.login *,.login *:before,.login *:after{box-sizing:border-box}.login{min-height:100dvh;display:grid;place-items:center;padding:40px 16px}.login-card{display:flex;flex-direction:row;background:#fff;border-radius:20px;box-shadow:0 20px 60px #00000026;overflow:hidden;width:min(96vw,1060px);min-height:clamp(460px,56vh,560px);margin-inline:auto;position:relative}.login-illustration{position:relative;overflow:hidden;flex:0 0 42%;max-width:440px;background:linear-gradient(135deg,#4ecdc4,#44a08d)}.illustration-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:left center;display:block;z-index:0}.login-pane{flex:1 1 58%;display:flex;align-items:center;justify-content:center;padding:32px 40px}.login-inner{width:100%;max-width:520px;margin:0 auto}.auth-title{margin:0 0 12px;text-align:center;font-weight:800;font-size:26px;color:#222}.field{width:100%}.input-group{margin-bottom:12px}.input{width:100%;padding:14px 16px;border:2px solid #e1e5e9;border-radius:12px;font-size:16px;background:#f8f9fa;transition:all .25s ease}.input:focus{outline:none;border-color:#4ecdc4;background:#fff;box-shadow:0 0 0 3px #4ecdc41f;transform:translateY(-1px)}.input::placeholder{color:#6c757d}.btn{width:100%;padding:12px 16px;background:linear-gradient(135deg,#4ecdc4,#44a08d);color:#fff;border:0;border-radius:12px;font-size:15px;font-weight:700;cursor:pointer;transition:all .25s ease;margin:10px 0 14px;text-transform:uppercase;letter-spacing:.5px}.btn:hover{transform:translateY(-2px);box-shadow:0 10px 25px #4ecdc447}.divider{text-align:center;margin:12px 0;position:relative;color:#999}.divider:before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background:#e1e5e9}.divider span{background:#fff;padding:0 18px;position:relative}.social-buttons{display:flex;flex-direction:column;gap:10px;margin-bottom:14px}.btn-social{width:100%;display:flex;align-items:center;justify-content:center;gap:12px;padding:12px 16px;border:2px solid #e1e5e9;border-radius:12px;background:#fff;color:#666;cursor:pointer;transition:all .2s ease;font-weight:500;font-size:14px}.btn-social:hover{border-color:#4ecdc4;color:#4ecdc4;transform:translateY(-1px);box-shadow:0 4px 12px #00000014}.social-icon{display:inline-flex;width:20px;height:20px;align-items:center;justify-content:center}.btn-social svg,.btn-social img{display:block;width:100%;height:100%}.register{display:flex;justify-content:center;align-items:center;gap:8px;margin-top:10px;font-size:14px;color:#666}.register .ask{margin:0}.register__link{color:#4ecdc4;text-decoration:none;font-weight:600}.register__link:hover{text-decoration:underline}@media (max-width: 1024px){.login-pane{padding:28px 32px}.login-inner{max-width:500px}}@media (max-width: 768px){.login-card{flex-direction:column;width:min(96vw,520px);min-height:unset}.login-illustration{display:none!important}.login-pane{flex:1 1 100%;width:100%;padding:24px 16px}.login-inner{max-width:100%}.auth-title{font-size:22px}}.ProfilePage{max-width:1200px;margin:0 auto;padding:24px 20px 0;box-sizing:border-box}.ProfilePage>Header{padding:26px 0 22px;display:none;height:0px}.Profile__section{display:grid;grid-template-columns:1fr;gap:24px}.Profile__content{display:flex;flex-direction:column;align-items:flex-start;gap:var(--sds-size-space-200);align-self:stretch}.Profile--edit__div{display:flex;justify-content:space-between;align-items:center;align-self:stretch;gap:12px;flex-wrap:wrap;margin-bottom:20px}.Profile--edit__div>h2{color:var(--blue500);flex:1 1 auto;min-width:0}.Profile__picture{display:flex;padding-bottom:var(--sds-size-space-200);flex-direction:column;justify-content:center;align-items:center;gap:var(--sds-size-space-100)}.Profile__avatar{width:7rem;height:7rem;padding:.25rem;border-radius:100%;background:linear-gradient(180deg,#e7fc71,#e9d605,#716c00)}.Profile__name__div{display:flex;align-items:center;gap:var(--sds-size-space-100)}.Profile__name__div a{font-size:var(--font-size-mobile-title2);color:var(--cyan500);text-decoration:none}.Profile__name__div img{width:2em}.Profile--edit__div img{width:1.5em;fill:var(--purple900)}.Profile--edit__div .button_style{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:12px;line-height:1;white-space:nowrap}.Profile--edit__div .button_style p{margin:0}.Profile--edit__div img{width:1.25rem;height:1.25rem}@media (max-width: 480px){.Profile--edit__div .button_style{padding:8px}.Profile--edit__div .button_style p{display:none}.Profile--edit__div img{width:1.1rem;height:1.1rem}}@media (min-width: 768px){.Profile--edit__div .button_style p{font-size:1rem}}@media screen and (min-width: 1024px){.ProfilePage{padding:var(--sds-size-space-1200);gap:var(--sds-size-space-1200)}.ProfilePage>Header{display:flex;height:auto}.Profile__section,.Profile__content{gap:var(--sds-size-space-600)}.Profile__picture{padding-bottom:var(--sds-size-space-300);gap:var(--sds-size-space-200)}.Profile__avatar{width:12.5rem;height:12.5rem;padding:.5rem}.Profile__name__div{gap:var(--sds-size-space-200)}.Profile__name__div a{font-size:var(--font-size-desk-title2)}.Profile__name__div img{width:3em}}header{display:flex;width:100%;flex-direction:column;align-items:flex-start;gap:var(--sds-size-space-600)}.Header__line{height:.5rem;align-self:stretch;border-radius:.25rem;background:#ff2a7f}.Header__content{display:flex;width:100%;flex-direction:column;align-items:flex-start;gap:var(--sds-size-space-200)}.Header__content__left{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;flex:1 0 0;padding:6px}.Header__content__right{display:flex;align-items:center;flex-direction:row-reverse;gap:var(--sds-size-space-400)}.Header__breadcrumb__div{display:flex;flex-direction:column;align-items:flex-start;gap:.625rem}.Header__breadcrumb__div>p{margin:0;color:#ff2a7f;text-align:center;font-size:clamp(1.1rem,1.2vw + .6rem,1.45rem);font-weight:600;line-height:1.3}.Header__title__div{display:flex;align-items:center;gap:.625rem;align-self:stretch}.Header__title__div>h1{margin:0;color:#111827;font-size:clamp(1.8rem,2vw + .7rem,2.4rem);font-weight:700}.Header__user__div{display:flex;flex-direction:column;align-items:start;gap:0rem}.Header__user__div>h3{color:#0b6ea8}.Header__edit__div{display:flex;align-items:center;gap:var(--sds-size-space-100)}.Header__edit__div>a{color:#9ca3af;font-weight:600}.Header__edit__div>img{width:1.5rem;height:1.5rem}.Header__avatar{width:3.5rem;height:3.5rem;padding:.25rem;border-radius:100%;background:#ffea61}@media screen and (min-width: 1024px){.Header__content{display:flex;justify-content:space-between;flex-direction:row;align-items:flex-start;align-self:stretch}.Header__content__right{flex-direction:row}.Header__user__div{align-items:flex-end}.Header__avatar{width:5.5rem;height:5.5rem}}.ProfileForm{display:flex;flex-direction:column;align-items:flex-start;gap:var(--sds-size-space-300);align-self:stretch}.ProfileForm__div{display:flex;flex-direction:column;align-items:stretch;gap:var(--sds-size-space-100);align-self:stretch}.ProfileForm__div>label{color:var(--bw-gray-600, #717171);font-size:.85rem;font-weight:500}.ProfileForm__div>input{font-size:.9rem;padding:.45rem .6rem}.ProfileForm__buttons{width:100%;display:flex;gap:var(--sds-size-space-600)}.ProfileForm__save,.ProfileForm__cancel{width:auto}@media screen and (min-width: 1024px){.ProfileForm{gap:var(--sds-size-space-600)}.ProfileForm__div{gap:var(--sds-size-space-200)}.ProfileForm__div>label{font-size:.9rem}.ProfileForm__div>input{font-size:.95rem}}.content-grid{display:grid;grid-template-columns:1fr;gap:18px;width:100%}@media (min-width: 680px){.content-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width: 1024px){.content-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.content-grid__state{width:100%;padding:32px 12px;color:#6b7280;text-align:center;border:1px dashed #e5e7eb;border-radius:12px;background:#fafafa}.content-grid img{display:block;width:100%;height:auto;border-top-left-radius:12px;border-top-right-radius:12px}:root{--card-radius: 12px;--card-shadow: 0 6px 18px rgba(16, 24, 40, .06);--card-hover: 0 10px 24px rgba(16, 24, 40, .1)}:root{--m4c-rail-w: 64px;--m4c-drawer-w: 320px;--m4c-bg: #ffffff;--m4c-border: #e6e8eb;--m4c-icon: #7c8a97;--m4c-icon-active: #1e6bd6;--m4c-hover: #f2f5f8;--m4c-active-bg: #e7f0ff;--m4c-text: #0f172a}.m4c-iconbtn{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border:none;background:transparent;color:#334155;border-radius:8px;cursor:pointer;transition:background .15s ease}.m4c-iconbtn:hover{background:var(--m4c-hover)}.m4c-shell{display:grid;grid-template-columns:var(--m4c-rail-w) 0 1fr;transition:grid-template-columns .25s ease}.m4c-shell.is-open{grid-template-columns:0 var(--m4c-drawer-w) 1fr}.m4c-rail{position:sticky;top:0;height:100vh;border-right:1px solid var(--m4c-border);background:#fff;display:flex;flex-direction:column;gap:8px;padding:12px 8px;transition:width .25s ease,padding .25s ease,opacity .2s ease}.m4c-shell.is-open .m4c-rail{width:0;padding:0;border-right:none;overflow:hidden;opacity:0;pointer-events:none}.m4c-rail-brand{display:flex;align-items:center;justify-content:center;padding:6px 0 12px}.m4c-rail-logo{width:80%;max-width:56px;height:auto;object-fit:contain;-webkit-user-select:none;user-select:none;pointer-events:none}.m4c-rail-item{width:48px;height:48px;border-radius:12px;background:transparent;border:none;color:var(--m4c-icon);display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.m4c-rail-item:hover{background:var(--m4c-hover)}.m4c-rail-item.is-active{background:var(--m4c-active-bg);color:var(--m4c-icon-active)}.m4c-drawer{border-right:1px solid var(--m4c-border);background:var(--m4c-bg);width:0;overflow:hidden;transition:width .25s ease;position:sticky;top:0;height:100vh}.m4c-drawer.is-open{width:var(--m4c-drawer-w)}.m4c-drawer-inner{padding:16px 12px 20px;max-height:100vh;overflow-y:auto;scrollbar-width:thin}.m4c-drawer-inner::-webkit-scrollbar{width:4px}.m4c-drawer-inner::-webkit-scrollbar-track{background:transparent}.m4c-drawer-inner::-webkit-scrollbar-thumb{background:#c7c7c7;border-radius:8px}.m4c-drawer-inner::-webkit-scrollbar-thumb:hover{background:#a9a9a9}.m4c-drawer-brand{display:flex;align-items:center;justify-content:center;margin-bottom:12px}.m4c-drawer-logo{width:120px;height:auto;object-fit:contain}.m4c-drawer-header{display:flex;align-items:center;justify-content:flex-end;padding:8px 8px 16px}.m4c-drawer-close{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border:none;background:transparent;border-radius:8px;cursor:pointer}.m4c-drawer-close:hover{background:var(--m4c-hover)}.m4c-list{list-style:none;margin:0;padding:0;display:grid;gap:8px}.m4c-item{display:grid;grid-template-columns:24px 1fr;align-items:center;gap:12px;padding:12px 14px;border-radius:12px;text-decoration:none;color:var(--m4c-text);transition:background .15s ease,color .15s ease}.m4c-item:hover{background:var(--m4c-hover)}.m4c-item.is-active{background:var(--m4c-active-bg);color:var(--m4c-icon-active)}.m4c-item-ico{color:var(--m4c-icon)}.m4c-item.is-active .m4c-item-ico{color:var(--m4c-icon-active)}.m4c-item-text{font-size:16px}.m4c-item--has-arrow{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:12px;cursor:pointer}.m4c-item--has-arrow .m4c-item-text{flex:1 1 auto}.m4c-item--has-arrow .m4c-item-ico{flex:0 0 24px;display:inline-flex;align-items:center;justify-content:center}.m4c-item-arrow{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;margin-left:12px;color:var(--m4c-icon);opacity:.85}.m4c-item-arrow svg{width:18px;height:18px}.m4c-item--has-arrow:hover .m4c-item-arrow{opacity:1}@media (max-width: 520px){.m4c-item--has-arrow{display:flex;align-items:center}}.m4c-content{min-height:100vh;background:#fff;padding:12px 16px}.m4c-content--fullscreen{padding:0;min-height:100vh}.rec{padding:24px;max-width:1200px;margin:0 auto;background:linear-gradient(180deg,#eef2ff,#f8fafc 40%,#fff);border-radius:16px}.rec-head{display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:center;margin-bottom:18px}.rec-back{background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:8px 12px;cursor:pointer;transition:background .15s ease,transform .1s ease}.rec-back:hover{background:#f3f4f6}.rec-back:active{transform:translateY(1px)}.rec-title h1{margin:0;font-size:1.9rem;line-height:1.2;color:#0f172a;font-weight:800}.rec-type{display:inline-block;margin-top:4px;color:#64748b;font-size:.95rem}.rec-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}.rec-btn{background:#111827;color:#fff;border:none;border-radius:999px;padding:9px 14px;cursor:pointer;font-weight:600;transition:filter .15s ease,transform .1s ease,box-shadow .15s ease;box-shadow:0 1px #0000000d}.rec-btn:disabled{opacity:.5;cursor:not-allowed}.rec-btn:hover:not(:disabled){filter:brightness(1.05)}.rec-btn:active:not(:disabled){transform:translateY(1px)}.rec-error{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca;padding:12px 16px;border-radius:12px}.rec-skeleton{display:grid;grid-template-columns:1fr 320px;gap:18px}.rec-skel-media,.rec-skel-meta{background:linear-gradient(90deg,#f3f4f6 25%,#e5e7eb 37%,#f3f4f6 63%);background-size:400% 100%;animation:shimmer 1.4s ease infinite;border-radius:16px;height:62vh}.rec-skel-meta{height:240px}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.rec-grid{display:grid;grid-template-columns:1fr 320px;gap:18px}.hero-card{background:#fff;border:1px solid #e5e7eb;border-radius:20px;padding:18px;box-shadow:0 6px 24px #0f172a14}.rec-media{width:100%;max-height:70vh;object-fit:contain;border-radius:14px;display:block}.rec-iframe{width:100%;height:72vh;border:none;border-radius:14px;background:#fff}.rec-audio{width:100%;margin-top:12px}.rec-fallback{border:1px dashed #e5e7eb;background:#fafafa;border-radius:14px;padding:24px;text-align:center;align-self:start}.rec-link{display:inline-block;margin-top:8px;padding:9px 14px;border-radius:999px;border:1px solid #2563eb;color:#2563eb;text-decoration:none;font-weight:600}.rec-link:hover{background:#eff6ff}.rec-side{border:1px solid #e5e7eb;border-radius:16px;padding:14px;background:#fff;height:fit-content;box-shadow:0 3px 14px #0f172a0f}.rec-side h3{margin:0 0 8px;font-size:1.05rem;color:#0f172a}.rec-meta{margin:0;display:grid;gap:8px}.rec-meta>div{display:grid;grid-template-columns:120px 1fr;gap:10px;align-items:start}.rec-meta dt{color:#6b7280}.rec-meta dd{margin:0;color:#111827;word-break:break-all}@media (max-width: 1024px){.rec{padding:18px}.rec-grid,.rec-skeleton{grid-template-columns:1fr}.rec-iframe{height:60vh}.rec-media{max-height:60vh}}:root{--app-text: #213547;--app-bg: #f8f8f8;--surface: #ffffff;--input-bg: #ffffff;--purple100: #D8C8EF;--purple200: #B191E0;--purple300: #8A5AD0;--purple400: #6533B1;--purple500: #46237A;--purple600: #381C62;--purple700: #2A1549;--purple800: #1C0E31;--purple900: #0E0718;--blue100: #C2E7F9;--blue200: #86CEF3;--blue300: #49B6ED;--blue400: #169BDD;--blue500: #1070A0;--blue600: #0D5A80;--blue700: #0A4360;--blue800: #062D40;--blue900: #031620;--cyan100: #C8FAFA;--cyan200: #91F5F5;--cyan300: #5AF0F0;--cyan400: #24EAEA;--cyan500: #12C0C0;--cyan600: #0E9A9A;--cyan700: #0B7373;--cyan800: #074D4D;--cyan900: #042626;--green100: #DAFAEC;--green200: #B6F4D8;--green300: #91EFC5;--green400: #6DE9B1;--green500: #48E49E;--green600: #1FD181;--green700: #179D61;--green800: #0F6941;--green900: #083420;--white: #FFF;--gray200: #E3E3E3;--gray300: #C6C6C6;--gray400: #AAA;--gray500: #8E8E8E;--gray600: #717171;--gray700: #555;--gray800: #393939;--gray900: #1C1C1C;--ohers-red: #A61616;--ohers-yellow: #FFB922;--ohers-green: #3B9F65;--ohers-bg: #FCFCFC;--family-font: "Sarabun", Tahoma, Geneva, Verdana, sans-serif;--font-size-desk-title1: 2.5rem;--font-size-desk-title2: 2.25rem;--font-size-desk-subtitle1: 1.75rem;--font-size-desk-subtitle2: 2rem;--font-size-desk-body: 1.375rem;--font-size-desk-button: 1.25rem;--font-size-desk-caption: 1.125rem;--font-size-mobile-title1: 2.25rem;--font-size-mobile-title2: 2rem;--font-size-mobile-subtitle1: 1.5rem;--font-size-mobile-subtitle2: 1.25rem;--font-size-mobile-body: 1.125rem;--font-size-mobile-button: 1rem;--font-size-mobile-caption: .875rem;--button-shadow: 4px 0px 8px 0px var(--gray200);--button-radius-corner: .625rem;--sds-size-space-100: .25rem;--sds-size-space-200: .5rem;--sds-size-space-300: .75rem;--sds-size-space-400: 1rem;--sds-size-space-600: 1.5rem;--sds-size-space-800: 2rem;color-scheme:light}html,body,#root{height:100%;margin:0;background:var(--app-bg);color:var(--app-text)}*{margin:0;font-style:normal;font-family:var(--family-font)}#root{margin:0 auto;text-align:initial}body{padding:0;min-width:320px;min-height:100vh}a:hover{color:#747bff}h1{font-size:var(--font-size-mobile-title1);font-weight:700}h2{font-size:var(--font-size-mobile-title2);font-weight:700}h3{font-size:var(--font-size-mobile-subtitle1);font-weight:600}h4{font-size:var(--font-size-mobile-subtitle2);font-weight:500}.body-text{font-size:var(--font-size-mobile-body);font-weight:400}.body-bold{font-size:var(--font-size-mobile-body);font-weight:600}.button-text{font-size:var(--font-size-mobile-button);font-weight:700}.caption-text-light{font-size:var(--font-size-mobile-button);font-weight:400}.caption-text{font-size:var(--font-size-mobile-caption);font-weight:600}input,textarea,select,button{color:var(--app-text);background-color:var(--input-bg)}input::placeholder,textarea::placeholder{color:#6b7280}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus{-webkit-text-fill-color:var(--app-text)!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important;transition:background-color 9999s ease-out 0s}.button_style{display:flex;width:auto;padding:var(--sds-size-space-300) var(--sds-size-space-400);justify-content:center;align-items:center;gap:var(--sds-size-space-200);border-radius:var(--button-radius-corner);box-shadow:var(--button-shadow)}.button_style:disabled{background:var(--gray300)!important;color:var(--white)!important}.white_button{background:var(--white);color:#0e0718}.white_button:hover{background:var(--gray200)}.white_button_outline{border:2px solid var(--gray500);color:var(--gray500)}.white_button_outline:hover{border-color:var(--gray800);color:var(--gray800)}.white_category_button{display:flex;padding:var(--sds-size-space-200) var(--sds-size-space-300);justify-content:center;align-items:center;border-radius:var(--button-radius-corner);border:2px solid var(--gray500);color:var(--gray500);box-shadow:var(--button-shadow)}.white_category_button:hover{border:2px solid var(--gray800);color:var(--gray800)}.green_button{background:var(--green600);color:var(--white)}.green_button:hover{background:var(--green400)}.green_button_outline{border:2px solid var(--green600);color:var(--green600)}.green_button_outline:hover{border-color:var(--green800);color:var(--green800)}.cyan_button{width:100%!important;background:var(--cyan500);color:var(--white)}.cyan_button:hover{background:var(--cyan700)}.cyan_button_outline{border:2px solid var(--green600);color:var(--green600)}.cyan_button_outline:hover{border-color:var(--cyan800);color:var(--cyan800)}.purple_button{background:var(--purple500);color:var(--white)}.purple_button:hover{background:var(--purple200)}.purple_button_outline{border:2px solid var(--purple500);color:var(--purple500)}.purple_button_outline:hover{border-color:var(--purple200);color:var(--purple200)}.purple_category_button{display:flex;padding:var(--sds-size-space-200) var(--sds-size-space-300);justify-content:center;align-items:center;border-radius:var(--button-radius-corner);border:2px solid var(--purple500);color:var(--purple500);box-shadow:var(--button-shadow)}.purple_category_button:hover{border:2px solid var(--purple200);color:var(--purple200)}.input_style{display:flex;padding:var(--sds-size-space-300) var(--sds-size-space-400);align-items:center;border-radius:var(--button-radius-corner);border:1px solid var(--gray200);background:var(--white);box-shadow:var(--button-shadow);color:#0e0718}@media screen and (min-width:1200px){h1{font-size:var(--font-size-desk-title1);font-weight:700}h2{font-size:var(--font-size-desk-title2);font-weight:700}h3{font-size:var(--font-size-desk-subtitle1);font-weight:600}h4{font-size:var(--font-size-desk-subtitle2);font-weight:500}.body-text{font-size:var(--font-size-desk-body);font-weight:400}.body-bold{font-size:var(--font-size-desk-body);font-weight:600}.button-text{font-size:var(--font-size-desk-button);font-weight:700}.caption-text-light{font-size:var(--font-size-desk-button);font-weight:400}.caption-text{font-size:var(--font-size-desk-caption);font-weight:600}}