@font-face{font-family:Noto Sans Thai Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/noto-sans-thai-thai-wght-normal-CtQSZ1tK.woff2) format("woff2-variations");unicode-range:U+02D7,U+0303,U+0331,U+0E01-0E5B,U+200C-200D,U+25CC}@font-face{font-family:Noto Sans Thai Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/noto-sans-thai-latin-ext-wght-normal-DH1q_yQ5.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Noto Sans Thai Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/noto-sans-thai-latin-wght-normal-Bi3VDbYN.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--font-family: "Noto Sans Thai Variable", sans-serif;--layout-gutters: 1.5rem;--sidenav-width: 15rem;--font-color-primary: #111827;--font-color-secondary: #6b7280;--font-color-success: #22c55e;--font-color-warning: #f59e0b;--font-color-error: #ef4444;--font-color-info: #3b82f6;--font-color-accent: #e9505a;--font-color-accent-500: #e9505a;--font-color-accent-400: #ef4444;--font-color-accent-300: #f87171;--font-color-accent-200: #fca5a5;--font-color-accent-100: #fecaca;--font-color-accent-50: #fee2e2;--color-neutral-50: #f8fafc;--color-neutral-100: #edeef1;--color-neutral-200: #e5e7eb;--color-neutral-300: #a5aab4;--color-cream: #fbf2eb;--color-gold: #b7a99a;--border-radius: 1.5rem;--box-border: 3px solid #ffffff;--box-gap: 1rem;--box-padding: 1.5rem;--box-background: rgb(255,255,255,.75);--form-input-height: 3.3rem;--form-input-padding: .9rem 1.2rem .9rem 1.2rem;--form-input-padding-with-icon: .9rem 1.2rem .9rem 3.2rem;--form-select-height: 3.3rem;--form-select-padding: .9rem 2.4rem .9rem 1.2rem;--form-btn-height: 3.5rem;--form-btn-padding: .9rem 1.2rem .9rem 1.2rem}*,*:before,*:after{box-sizing:border-box;margin:0;font-weight:400}html{font-size:16px;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;-ms-text-size-adjust:100%}html.lang-th{font-size:16.5px}@media screen and (max-width:400px){html{font-size:calc(100vw/400px*100%)!important}}body{color:var(--font-color-secondary);font-family:var(--font-family);font-size:1rem;font-optical-sizing:auto;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;width:100%;height:100%;min-height:100vh;background-image:linear-gradient(to bottom,#f6f5f8,#f6f0f7,#f8ecf3,#fce7ec,#fee2e2);background-attachment:fixed}body.noscroll{overflow:hidden}h1,h2,h3,h4,h5{color:var(--font-color-primary)}@media screen and (max-width:800px){:root{--layout-gutters: 1rem}}h2.section-header{font-size:1.4em;font-weight:500;margin-bottom:0}.box{padding:var(--box-padding);display:flex;flex-direction:column;gap:var(--box-gap);border:var(--box-border);border-radius:var(--border-radius);background:var(--box-background);position:relative}.box h4{font-weight:600;font-size:1.1rem;display:flex;align-items:flex-start;justify-content:space-between}.box.top{margin-bottom:var(--layout-gutters)}.apexcharts-keyboard-focused{stroke:var(--font-color-accent)!important;stroke-width:3;stroke-opacity:1}.loader{position:fixed;left:0;top:0;width:100vw;height:100%;touch-action:none;background-color:#ffffff7f}.loader svg{color:var(--font-color-accent-400);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:3rem;height:3rem}.inline-loader{display:flex;min-height:20rem;align-items:center;justify-items:center;flex:1}.inline-loader svg{color:var(--font-color-accent-400);width:3rem;height:3rem}.label{text-decoration:none;border-radius:3rem;padding:.3rem 1rem .2rem;font-size:1rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;color:var(--font-color-secondary);background:var(--color-neutral-50);line-height:1}.label.green{color:#118d57;background-color:#22c55e29}.label.blue{color:#006c9c;background-color:#00b8d929}.label.red{color:var(--font-color-accent-300);background-color:var(--font-color-accent-50)}.label.superstar{color:#fff;background:var(--font-color-accent-500)}.label.star{color:var(--font-color-accent-500);background:var(--font-color-accent-100)}.label.popular{color:var(--font-color-accent-500);background:var(--color-cream)}.label.outlined{border:2px solid #fff}.label.small{font-size:.8rem;padding:.2rem .5rem .1rem}.label.withicon{display:flex;gap:.3rem;align-items:center}.label span{line-height:1}.btn{display:flex;align-items:center;justify-content:center;padding:.3rem 1.3rem;cursor:pointer;text-wrap-mode:nowrap;border-radius:3rem;background:#fff;color:var(--font-color-secondary);font-size:.95em;font-weight:500;border:1px solid var(--color-neutral-200);outline:0}.btn.primary{background:var(--font-color-accent);border:3px solid #fff;color:#fff}.btn.accent{background:var(--font-color-accent-300);border:2px solid #fff;color:#fff}.btn.accent-light{background:var(--font-color-accent-200);border:2px solid #fff;color:#fff}.btn svg{position:relative!important;margin-right:.8rem;width:1.2rem;height:1.2rem;vertical-align:sub}.btn span{font-weight:500}.btn.disabled{background:var(--color-neutral-300)}.form{display:flex;flex-direction:column;gap:.6rem}.form-item{position:relative}.form-item label{font-size:.8em;font-weight:600;margin-bottom:.2rem;display:block;color:var(--font-color-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}span.validation-errors{font-size:.8em;color:var(--font-color-error);line-height:1;text-align:left;display:block;width:100%;margin-top:.7rem;padding:0 1.5rem}.form .btn{padding:var(--form-btn-padding);font-size:1rem;height:var(--form-btn-height);border-radius:3rem}span.asterix{color:var(--font-color-error)}input{width:100%;border-radius:var(--border-radius);border:2px solid var(--color-neutral-200);outline:none;color:var(--font-color-primary);font-family:var(--font-family);font-size:1rem;padding:var(--form-input-padding);height:var(--form-input-height);transition:all .2s ease-in-out;box-sizing:border-box}.icon-wrap{position:relative}.icon-wrap input{padding:var(--form-input-padding-with-icon)}.icon-wrap>svg,.icon-wrap>img{position:absolute;left:1.2rem;top:50%;transform:translateY(-50%)}textarea{resize:vertical;field-sizing:content;min-height:15rem;width:100%!important;border-radius:var(--border-radius);border:2px solid var(--color-neutral-200);outline:none;color:var(--font-color-primary);font-family:var(--font-family);font-size:1rem;padding:.9rem 1.2rem;height:3.5rem;transition:all .2s ease-in-out;box-sizing:border-box}select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-color:#fff;background-image:url('data:image/svg+xml;utf8,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6 9L12 15L18 9" stroke="grey" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');background-repeat:no-repeat;background-position:right 1.1rem center;background-size:1.1rem;width:100%;border-radius:var(--border-radius);border:2px solid var(--color-neutral-200);outline:0;color:var(--font-color-primary);font-family:var(--font-family);font-size:1rem;padding:var(--form-select-padding);height:var(--form-select-height)}input[type=checkbox],input[type=radio]{width:1rem;height:1rem;display:block;accent-color:var(--font-color-accent-400);box-shadow:none!important;-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0;padding:0;border:0;outline:0;display:none}.checkbox{display:inline-block;width:1.2rem;height:1.2rem;border:2px solid var(--color-neutral-200);border-radius:.2rem;vertical-align:middle;margin-right:.5rem}input[type=checkbox]:checked+.checkbox{background-color:var(--font-color-accent-400);border-color:var(--font-color-accent-400)}input[type=checkbox]:checked+.checkbox:after{content:"";display:block;width:.5rem;height:.65rem;border:solid white;border-width:0 .2rem .2rem 0;transform:rotate(45deg);margin-left:.25rem;margin-top:.05rem;border-radius:.1rem}.switch-wrapper{display:flex!important;align-items:center;gap:1rem;margin:1rem 0!important;padding:0 .3rem}.switch-wrapper span{font-size:.9rem;white-space:normal}.switch{position:relative;display:inline-block!important;width:2.2rem;height:1.2rem;flex-shrink:0}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;-webkit-transition:.2s;transition:.2s;border-radius:2rem}.slider:before{position:absolute;content:"";height:.9rem;width:.9rem;left:.15rem;bottom:.15rem;background-color:#fff;-webkit-transition:.2s;transition:.2s;border-radius:50%}input:checked+.slider{background-color:var(--font-color-accent-300)}input:checked+.slider:before{-webkit-transform:translateX(1rem);-ms-transform:translateX(1rem);transform:translate(1rem)}.input .placeholder{color:var(--font-color-primary);opacity:.5}::-webkit-input-placeholder{color:var(--font-color-primary);opacity:.5}::-moz-placeholder{color:var(--font-color-primary);opacity:.5}:-ms-input-placeholder{color:var(--font-color-primary);opacity:.5}:-moz-placeholder{color:var(--font-color-primary);opacity:.5}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-text-fill-color:var(--font-color-primary)!important;color:var(--font-color-primary)!important;caret-color:var(--font-color-primary)!important;transition:background-color 5000s ease-in-out 0s}input.invalid,textarea.invalid,select.invalid{border-color:var(--font-color-error)}input:focus,textarea:focus,select:focus,input:active{-webkit-appearance:none;box-shadow:0 0 0 2px var(--font-color-primary);-webkit-box-shadow:0 0 0 2px var(--font-color-primary);border-color:transparent}input.invalid:focus,textarea.invalid:focus,select.invalid:focus{box-shadow:0 0 0 2px var(--font-color-error)}input:disabled,textarea:disabled,select:disabled{background-color:var(--color-neutral-50)}.pagination{margin:1.5rem auto;display:flex;justify-content:center;gap:.8rem;align-items:center;font-size:.9rem}.pagination-container{display:flex;column-gap:.8rem}.paginate-buttons{height:2.5rem;width:2.5rem;border-radius:2.5rem;cursor:pointer;background-color:#fff;border:0;color:var(--font-color-primary)}.paginate-buttons:hover{background-color:var(--font-color-accent);color:#fff}.active-page{background-color:var(--font-color-accent);border:0;color:#fff}.active-page:hover{background-color:var(--font-color-accent)}.header-banner{margin-bottom:1rem;flex-direction:row;gap:.5rem;justify-content:space-around;align-items:center;border:3px solid #fff;padding:.5rem;background:url(/header-banner-bg.webp);background-size:cover;background-position:center center;min-height:7.813rem}.header-banner .back,.header-banner .info{display:flex;align-items:center;justify-content:center;width:3rem;height:2.5rem;border-radius:2rem;position:absolute;border:2px solid var(--font-color-accent-50);top:50%;transform:translateY(-50%)!important}.header-banner .back svg,.header-banner .info svg{width:1.5rem;height:1.5rem}.header-banner .back{left:1rem;background-color:#fff;color:var(--font-color-accent-300)}.header-banner .info{right:1rem;color:#fff}.header-banner .title{display:flex;flex-direction:column;gap:0rem;flex:1;padding-left:5rem}.header-banner .title h2{font-size:1.4rem;font-weight:700;color:var(--font-color-accent-400)}.header-banner .title p{font-size:.9rem;font-weight:400;color:var(--font-color-accent-300)}.header-banner .banner{flex:1;text-align:center;padding-right:2rem}.header-banner .banner img{width:auto;height:100%;max-width:100%;max-height:6rem;position:relative;top:.5rem}.header-banner .info{background-color:var(--font-color-accent-200)}@media(max-width:700px){.header-banner{flex-direction:column;align-items:center;padding:1.5rem;min-height:12.5rem}.header-banner .title{padding:0;text-align:center}.header-banner .banner{padding:0}.header-banner .banner img{max-height:4.5rem;top:0}.header-banner .back,.header-banner .info{top:1rem!important;transform:none!important}}.pulse{--pulse-color: 252, 165, 165;background:rgb(var(--pulse-color));box-shadow:0 0 rgba(var(--pulse-color),1);transform:scale(1);animation:pulse 3s infinite}.no-entries{display:flex;flex-direction:column;gap:1rem;align-items:center;text-align:center;padding-top:2rem;padding-bottom:2rem;flex:1;justify-content:center}.no-entries .image{position:relative}.no-entries .icon{width:100%;height:auto;max-width:8rem;margin-bottom:1rem}.no-entries h2{font-size:1.4rem;font-weight:700;color:var(--font-color-secondary)}.no-entries p{font-size:.9rem;color:var(--font-color-secondary);margin-bottom:.2rem}.no-entries .add{background:var(--font-color-accent);color:#fff;display:flex;border-radius:3rem;justify-content:center;align-items:center;gap:.5rem;padding:.7rem 1.2rem;text-decoration:none;margin-top:1rem;margin-bottom:1rem}.no-entries .add svg{width:1.5rem;height:auto}.no-entries .reset{background:var(--font-color-accent-300)}.no-entries .sticker{width:auto;height:5rem;position:absolute;right:1rem;bottom:1rem}.filters{margin-bottom:1rem;flex-direction:row;gap:.5rem;padding:.5rem;border-radius:3rem}.filters .form-item{flex-grow:1;flex:10;border-radius:3rem}.filters .form-item input{border-radius:3rem;border:2px solid var(--font-color-accent-50)}.filters .form-item svg.close{right:0;left:unset;height:var(--form-input-height);width:var(--form-input-height);padding:1rem}.filters .add{--pulse-color: 252, 165, 165;background:rgb(var(--pulse-color));box-shadow:0 0 rgba(var(--pulse-color),1);transform:scale(1);animation:pulse 2s infinite;color:#fff;display:flex;flex:1;border-radius:3rem;justify-content:center;align-items:center;gap:.5rem;padding-left:.8rem;padding-right:.8rem;border:2px solid var(--font-color-accent-50)}.filters .add svg{width:1.5rem;height:1.5rem}.filter-btn{height:var(--form-input-height);display:flex;align-content:center;justify-content:center;flex-wrap:wrap;padding-left:.8rem;padding-right:.8rem;outline:none;color:var(--font-color-primary);flex:1;border:0;background:#fff;border-radius:3rem;border:2px solid var(--font-color-accent-50);position:relative}.filter-btn svg{width:1.5rem;height:1.5rem;color:var(--font-color-secondary)}.filter-count{position:absolute;right:0;top:0;background:var(--font-color-accent-400);color:#fff;border-radius:100%;width:1.2rem;height:1.2rem;text-align:center;font-size:.7rem;line-height:1.3rem}.sfilter h4{font-weight:600;font-size:.9rem;margin-bottom:0;color:var(--font-color-secondary)}.options{display:flex;flex-wrap:wrap;gap:.8rem;overflow-x:auto;padding:.8rem 0;scrollbar-width:none;-ms-overflow-style:none;color:var(--font-color-secondary)}.options::-webkit-scrollbar{display:none}.option{background:#fff;border:1px solid var(--color-neutral-200);border-radius:var(--border-radius);padding:.5rem 1rem;text-wrap:nowrap;text-wrap-mode:nowrap;white-space:nowrap;font-size:.9rem}.option.selected{color:#fff;background:var(--font-color-accent-300);border:1px solid var(--font-color-accent-300)}.sfilters{display:flex;flex-direction:column;overflow-y:auto;padding:1em;background:#fff;border-radius:0 0 .8rem .8rem;min-height:calc(407px - 8.5rem);height:calc(407px - 8.5rem);gap:1rem}@media(max-width:600px){.sfilters{min-height:calc(100dvh - 3px - 8.5rem);height:calc(100dvh - 3px - 8.5rem)}.options{flex-wrap:nowrap}}.overlay{position:fixed;left:0;top:0;width:100vw;height:100%;touch-action:none;background-color:#0000007f}.form-selection-modal{position:fixed;width:100%;height:100vh;top:0;left:0;z-index:999}.form-selection-modal-container{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:500px;height:410px;background:#fff;border-radius:var(--border-radius);border:3px solid #fff;z-index:1001;display:flex;flex-direction:column;overflow:hidden}.form-selection-modal-container h3{font-weight:500;font-size:1.2rem;color:var(--font-color-accent-400);display:flex;align-items:center;border-bottom:0;background-color:var(--font-color-accent-50);width:100%;height:4rem;padding-left:1rem;border-radius:1rem 1rem 0 0}.form-selection-modal-container h3 svg{width:auto!important;height:4rem!important;padding:1.3rem}.form-selection-modal-container h3.withclose svg{margin-left:auto}.form-selection-modal-container h3.withback svg{padding-left:0;margin-right:0}.form-selection-modal-container .actions{min-height:4.5rem;display:flex;padding:.7rem;height:4.5rem;border-top:1px solid var(--color-neutral-200);gap:.5rem;position:absolute;z-index:1;left:0;bottom:0;background:#fff;width:100%;justify-content:end}.form-selection-modal-container .actions .btn{margin:0;font-size:.9em;height:auto}@media(max-width:600px){.form-selection-modal-container{width:100%;height:100dvh;top:0;left:0;transform:none;border-radius:0}.form-selection-modal-container .actions .btn{flex-basis:50%}}@keyframes pulse{0%{transform:scale(.95);box-shadow:0 0 rgba(var(--pulse-color),.7)}70%{transform:scale(1);box-shadow:0 0 0 15px rgba(var(--pulse-color),0)}to{transform:scale(.95);box-shadow:0 0 rgba(var(--pulse-color),0)}}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-5px)}to{transform:translateY(0)}}.topnav[data-v-d7c67960]{width:100%;display:flex;align-items:center;position:sticky;top:0;left:0;z-index:100;padding:var(--layout-gutters) 0 var(--layout-gutters) var(--layout-gutters);height:6rem}.left[data-v-d7c67960]{display:flex;align-items:center}.right[data-v-d7c67960]{display:flex;align-items:center;margin-left:auto;gap:.7rem;min-width:0}.credits[data-v-d7c67960],.notifications[data-v-d7c67960],.menu[data-v-d7c67960]{color:var(--font-color-accent-300);display:flex;align-items:center;border:2px solid #fff;border-radius:100%;background:#ffffffe6;text-decoration:none}.credits[data-v-d7c67960]{border-radius:5rem;padding:0 .8rem 0 .4rem}.credits span[data-v-d7c67960]{font-weight:400;font-size:1.1rem;line-height:1;padding:.3rem .1rem .2rem}.credits svg[data-v-d7c67960]{width:2.5rem;height:2.5rem;padding:.5rem}.credits svg.add[data-v-d7c67960]{width:1.1rem;height:1.1rem;color:#fff;background:var(--font-color-accent-400);padding:0;border-radius:100%;margin:0 0 0 .6rem}.notifications svg[data-v-d7c67960]{width:2.5rem;height:2.5rem;padding:.5rem}.menu svg[data-v-d7c67960]{width:2.5rem;height:2.5rem;padding:.3rem;transform:rotate(90deg)}.user[data-v-d7c67960]{color:var(--font-color-accent-200);display:flex;align-items:center;border:1.5px solid #fbf3eb;border-radius:5rem;padding:0 .5rem 0 .1rem;background-color:#fff;gap:.5rem}.user svg[data-v-d7c67960]{width:38px;height:38px}.icon[data-v-d7c67960]{height:3.5rem;background:#ffffffe6;border-radius:100%;padding:3px;box-shadow:0 0 10px 2px #d14e5980;margin-right:1rem}.icon img[data-v-d7c67960],.icon svg[data-v-d7c67960]{height:100%;width:auto;color:#e8505a}@media(max-width:960px){.topnav[data-v-d7c67960]{padding-left:0;padding-right:0}}@media(max-width:600px){.topnav[data-v-d7c67960]{padding-left:0;padding-right:0}}.modal-overlay[data-v-642b4b88]{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#0000007f;display:flex;justify-content:center;align-items:center;z-index:9999}.modal-container[data-v-642b4b88]{border:3px solid #fff;background-color:#fff;border-radius:var(--border-radius);width:90%;max-width:23rem;box-shadow:0 4px 12px #00000026;display:flex;flex-direction:column;overflow:hidden}.modal-close-btn[data-v-642b4b88]{background:none;border:none;cursor:pointer;position:absolute;top:0;right:0}.modal-close-btn[data-v-642b4b88]{cursor:pointer;position:absolute;top:0;right:0;width:auto!important;height:4rem!important;padding:1.3rem}.modal-body[data-v-642b4b88]{padding:2rem;max-height:70vh;overflow-y:auto;position:relative;text-align:center}.modal-body[data-v-642b4b88] .icon{color:var(--font-color-accent-300);width:3rem;height:3rem}.modal-body[data-v-642b4b88] .success{color:var(--font-color-success)}.modal-body[data-v-642b4b88] h3{font-size:1.2rem;font-weight:700;color:var(--font-color-accent-300);margin-bottom:.5rem}.modal-container.lang[data-v-642b4b88]{background-color:#fdf1f4;background-image:url(/modal-bg1.webp);background-size:contain;background-repeat:no-repeat;background-position:bottom center;min-height:300px}.modal-container.lang .modal-body[data-v-642b4b88]{padding:2rem 3rem}.modal-container.lang .modal-close-btn[data-v-642b4b88]{color:var(--font-color-accent-400);background:var(--font-color-accent-100);padding:.5rem;height:2.2rem!important;border-radius:2rem;top:1rem;right:1rem}.modal-fade-enter-from[data-v-642b4b88],.modal-fade-leave-to[data-v-642b4b88]{opacity:0}.modal-fade-enter-active[data-v-642b4b88],.modal-fade-leave-active[data-v-642b4b88]{transition:opacity .25s ease}.modal-fade-enter-from .modal-container[data-v-642b4b88]{transform:scale(.9)}.modal-fade-enter-active .modal-container[data-v-642b4b88],.modal-fade-leave-active .modal-container[data-v-642b4b88]{transition:transform .25s ease}.modal-fade-leave-to .modal-container[data-v-642b4b88]{transform:scale(.9)}h2[data-v-618ad495]{font-size:1.4rem;font-weight:700;color:var(--font-color-accent-400)}p[data-v-618ad495]{font-size:.9rem;font-weight:400;color:var(--font-color-secondary)}.language-wrapper[data-v-618ad495]{width:100%;margin:0 auto}.languages[data-v-618ad495]{display:flex;align-items:center;margin:1.5rem 0;flex-direction:column;gap:.5rem}.language[data-v-618ad495]{line-height:1em;cursor:pointer;background:#fff;flex:1;display:flex;align-items:center;gap:1rem;border-radius:1.3rem;border:2px solid var(--color-neutral-200);padding:.8rem 1rem;width:100%}.language span[data-v-618ad495]{font-size:.9rem;font-weight:500}.select[data-v-618ad495]{width:1.5rem;height:1.5rem;border:2px solid var(--color-neutral-200);border-radius:100%;margin-left:auto;flex-shrink:0}.language.active[data-v-618ad495]{border-color:var(--font-color-accent-100)}.language.active .select[data-v-618ad495]{background-color:var(--font-color-accent-300);border-color:var(--font-color-accent-300)}.language.active .select[data-v-618ad495]:after{content:"";display:block;width:.5rem;height:.65rem;border:solid white;border-width:0 .2rem .2rem 0;transform:rotate(45deg);margin-left:.36rem;margin-top:.22rem;border-radius:.1rem}.locale-switcher[data-v-20623272]{cursor:pointer;border-radius:5rem;border:2px solid var(--font-color-accent-100);padding:.4rem .6rem;display:flex;align-items:center;justify-content:center;margin:1rem auto 2rem;width:max-content;color:var(--font-color-secondary)}.locale-switcher .icon[data-v-20623272]{margin-right:.8rem;margin-left:.3rem;width:1rem;height:1rem;align-self:center}.locale-switcher span[data-v-20623272]{font-size:.9em}.chev[data-v-20623272]{align-self:center;margin-left:.7rem;width:1rem!important;height:1rem!important}.overlay[data-v-4c10c971]{z-index:101}.sidenav[data-v-4c10c971]{position:sticky;top:var(--layout-gutters);left:0;margin:0;gap:0;padding:0;height:100dvh;overflow:hidden;max-height:100vh;max-height:calc(100dvh - var(--layout-gutters) * 2);min-height:calc(100dvh - var(--layout-gutters) * 2);width:var(--sidenav-width)}.sidenav.fixed[data-v-4c10c971]{position:fixed;top:0;left:0;z-index:102;background:#fff;margin:0;height:100dvh;max-height:none;border-radius:0 1.5rem 1.5rem 0}.sidenav .close[data-v-4c10c971]{position:absolute;right:3px;top:0;color:#fff;background:#00000026;width:25px;height:25px;border-radius:0 0 25px 25px;display:flex;align-content:center;flex-wrap:wrap;justify-content:center}.sidenav .close svg[data-v-4c10c971]{width:15px;height:15px}.logo[data-v-4c10c971]{padding:1rem .5rem;height:6rem;text-align:center}.logo img[data-v-4c10c971]{width:100%;height:auto;padding:10px 20px;border-radius:10px;max-width:220px}.navlinks[data-v-4c10c971]{margin:0;padding:0;height:100%;overflow-y:auto;display:flex}.navlinks ul[data-v-4c10c971]{display:flex;flex-direction:column;gap:.5rem;margin:0;padding:0 1.5rem;flex:1}.navlinks ul li[data-v-4c10c971]{list-style:none}.navlinks ul li label.first[data-v-4c10c971]{margin-top:0}.navlinks ul li label[data-v-4c10c971]{color:var(--font-color-primary);font-size:.9rem;text-transform:capitalize;font-weight:500;display:block;margin:1rem 0 .5rem}.navlinks ul li a[data-v-4c10c971]{padding:.8rem 1rem;border-radius:1rem 5rem 5rem 1rem;text-decoration:none;color:var(--font-color-secondary);display:flex;justify-content:left;align-items:center;font-weight:500;font-size:1rem;line-height:1}.navlinks ul li a svg[data-v-4c10c971]{color:var(--font-color-secondary);margin-right:1rem;width:1.5rem;height:1.5rem;align-self:center;margin-left:.7rem;position:relative;top:-.1rem}.navlinks ul li a[data-v-4c10c971]:hover,.navlinks ul li a.router-link-active[data-v-4c10c971]{background:var(--font-color-accent-300);color:#fff}.navlinks ul li a:hover svg[data-v-4c10c971],.navlinks ul li a.router-link-active svg[data-v-4c10c971]{color:#fff}.navlinks ul li.push[data-v-4c10c971]{margin-top:auto}.navlinks ul li.bottom a[data-v-4c10c971]:hover,.navlinks ul li.bottom a.router-link-active[data-v-4c10c971]{background:transparent;color:var(--font-color-accent-300)}.navlinks ul li.bottom a:hover svg[data-v-4c10c971],.navlinks ul li.bottom a.router-link-active svg[data-v-4c10c971]{color:var(--font-color-accent-300)}.fade-enter-active[data-v-4c10c971],.fade-leave-active[data-v-4c10c971]{transition:opacity .5s ease}.fade-enter-from[data-v-4c10c971],.fade-leave-to[data-v-4c10c971]{opacity:0}.slide-fade-enter-active[data-v-4c10c971]{transition:all .2s ease-out}.slide-fade-leave-active[data-v-4c10c971]{transition:all .2s ease-in}.slide-fade-enter-from[data-v-4c10c971],.slide-fade-leave-to[data-v-4c10c971]{transform:translate(-100%)}.uploads[data-v-14ab2db8]{width:250px;height:auto;max-height:80vh;overflow-y:auto;position:fixed;bottom:1em;right:1em;border-radius:10px;z-index:99}.uploads-wrapper[data-v-14ab2db8]{display:flex;flex-direction:column;gap:3px}.upload[data-v-14ab2db8]{display:flex;gap:1em;background-color:#ffffffe6;padding:1em;border-radius:10px;background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIwIiBoZWlnaHQ9IjEyMCIgdmlld0JveD0iMCAwIDEyMCAxMjAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxyZWN0IHdpZHRoPSIxMjAiIGhlaWdodD0iMTIwIiBmaWxsPSJ1cmwoI3BhaW50MF9yYWRpYWxfNDQ2NF81NTMzOCkiIGZpbGwtb3BhY2l0eT0iMC4xIi8+CjxkZWZzPgo8cmFkaWFsR3JhZGllbnQgaWQ9InBhaW50MF9yYWRpYWxfNDQ2NF81NTMzOCIgY3g9IjAiIGN5PSIwIiByPSIxIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgZ3JhZGllbnRUcmFuc2Zvcm09InRyYW5zbGF0ZSgxMjAgMS44MTgxMmUtMDUpIHJvdGF0ZSgtNDUpIHNjYWxlKDEyMy4yNSkiPgo8c3RvcCBzdG9wLWNvbG9yPSIjMDBCOEQ5Ii8+CjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iIzAwQjhEOSIgc3RvcC1vcGFjaXR5PSIwIi8+CjwvcmFkaWFsR3JhZGllbnQ+CjwvZGVmcz4KPC9zdmc+Cg==),url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIwIiBoZWlnaHQ9IjEyMCIgdmlld0JveD0iMCAwIDEyMCAxMjAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxyZWN0IHdpZHRoPSIxMjAiIGhlaWdodD0iMTIwIiBmaWxsPSJ1cmwoI3BhaW50MF9yYWRpYWxfNDQ2NF81NTMzNykiIGZpbGwtb3BhY2l0eT0iMC4xIi8+CjxkZWZzPgo8cmFkaWFsR3JhZGllbnQgaWQ9InBhaW50MF9yYWRpYWxfNDQ2NF81NTMzNyIgY3g9IjAiIGN5PSIwIiByPSIxIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgZ3JhZGllbnRUcmFuc2Zvcm09InRyYW5zbGF0ZSgwIDEyMCkgcm90YXRlKDEzNSkgc2NhbGUoMTIzLjI1KSI+CjxzdG9wIHN0b3AtY29sb3I9IiNGRjU2MzAiLz4KPHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjRkY1NjMwIiBzdG9wLW9wYWNpdHk9IjAiLz4KPC9yYWRpYWxHcmFkaWVudD4KPC9kZWZzPgo8L3N2Zz4K);background-size:100%,100%;background-repeat:no-repeat;background-position:right top,left bottom;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.flex-col[data-v-14ab2db8]{display:flex;flex-direction:column;gap:5px;max-width:100%;overflow:hidden;flex:1}.upload svg[data-v-14ab2db8]{flex-shrink:0;width:30px;height:30px}span.filename[data-v-14ab2db8]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;font-size:.7em}.progress-container[data-v-14ab2db8]{width:100%;background-color:#a9a9a9;border-radius:10px;overflow:hidden;height:10px;font-size:.7em}.progress-bar[data-v-14ab2db8]{background-color:#4caf50;color:#fff;text-align:center;line-height:10px;height:100%;transition:width .4s ease}.fade-enter-active[data-v-14ab2db8],.fade-leave-active[data-v-14ab2db8]{transition:opacity .5s ease}.fade-enter-from[data-v-14ab2db8],.fade-leave-to[data-v-14ab2db8]{opacity:0}.layout-wrapper[data-v-32452fb0]{display:flex;min-width:0;margin-inline:max(var(--layout-gutters),(100% - 1100px) / 2);padding-bottom:var(--layout-gutters)}.layout-wrapper .left[data-v-32452fb0]{width:var(--sidenav-width);transition:width .3s ease;position:relative;padding-top:var(--layout-gutters)}.layout-wrapper .left.hidden[data-v-32452fb0]{width:0}.layout-wrapper .right[data-v-32452fb0]{flex:1;min-width:0;display:flex;flex-direction:column}.auth-wrapper[data-v-32452fb0]{display:flex;min-height:100vh}.content[data-v-32452fb0]{padding:0 0 0 var(--layout-gutters);width:100%;display:flex;flex-direction:column;flex-grow:1}.full .content[data-v-32452fb0],.full .topnav[data-v-32452fb0]{padding-left:0}@media(max-width:959px){.content[data-v-32452fb0]{padding-left:0}}@media(max-width:600px){.content[data-v-32452fb0]{padding:0}}.heart-bg[data-v-32452fb0]{position:fixed;top:0;left:0;width:100%;height:100%;overflow:hidden;z-index:10}.heart-wrapper[data-v-32452fb0]{position:fixed;bottom:-50px;animation:floatUpFadeOut-32452fb0 15s ease-out forwards infinite;left:calc(var(--x-pos, 50) * 1%)}.heart[data-v-32452fb0]{font-size:18px;color:#ff69b44d;animation:floatSway-32452fb0 4s ease-in-out infinite;transform-origin:bottom center}@keyframes floatSway-32452fb0{0%{transform:translateY(0) rotate(0)}50%{transform:translateY(-15px) rotate(3deg)}to{transform:translateY(0) rotate(0)}}@keyframes floatUpFadeOut-32452fb0{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-200px)}}.fade-enter-active[data-v-32452fb0],.fade-leave-active[data-v-32452fb0]{transition:opacity .3s ease}.fade-enter-from[data-v-32452fb0],.fade-leave-to[data-v-32452fb0]{opacity:0}.auth-wrapper[data-v-70418186]{display:flex;min-height:100vh}.heart-bg[data-v-70418186]{position:fixed;top:0;left:0;width:100%;height:100%;overflow:hidden;z-index:10}.heart-wrapper[data-v-70418186]{position:fixed;bottom:-50px;animation:floatUpFadeOut-70418186 15s ease-out forwards infinite;left:calc(var(--x-pos, 50) * 1%)}.heart[data-v-70418186]{font-size:18px;color:#ff69b44d;animation:floatSway-70418186 4s ease-in-out infinite;transform-origin:bottom center}@keyframes floatSway-70418186{0%{transform:translateY(0) rotate(0)}50%{transform:translateY(-15px) rotate(3deg)}to{transform:translateY(0) rotate(0)}}@keyframes floatUpFadeOut-70418186{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-200px)}}ul#componentContainer{padding-inline-start:0;list-style-type:none;display:inline-flex}ul#componentContainer a{text-decoration:none;display:flex;justify-content:center;align-items:center}