:root{--color-text: #302343;--text-purple: rgb(124, 0, 151);--color-confident-tag: rgb(246, 178, 255);--color-ok-tag: rgb(255, 235, 196);--color-beginner-tag: gainsboro;--color-bar-border: rgb(126, 122, 130);--min-width: 360px}:root{color:var(--color-text)}body{transition:color .5s,background-color .5s;line-height:1.6;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:15px;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.filter-button{width:100%;height:100%;padding:10px 20px;display:inline-flex;justify-content:center;background-color:unset;border:unset;background-color:var(--color-confident-tag);cursor:pointer}.filter-button p{margin-left:10px;line-height:45px;font-weight:700;color:#493b4ab3;width:20%;text-align:right}.filter-button .category-name{color:#493b4ae6;width:80%;text-align:left;margin:0}.filter-button .arrow:after{content:"▼"}@media(min-width:1024px){.filter-button{height:100%;background-color:#fff}.filter-button p{text-align:center}.filter-button .category-name{text-align:center;padding:0;margin:0}}*{box-sizing:border-box;margin:0;padding:0}html,body,#app{height:100%;margin:0;padding:0;min-width:var(--min-width)}[data-v-3da3eeb6]:root{--color-text: #302343;--text-purple: rgb(124, 0, 151);--color-confident-tag: rgb(246, 178, 255);--color-ok-tag: rgb(255, 235, 196);--color-beginner-tag: gainsboro;--color-bar-border: rgb(126, 122, 130);--min-width: 360px}[data-v-3da3eeb6]:root{color:var(--color-text)}body[data-v-3da3eeb6]{transition:color .5s,background-color .5s;line-height:1.6;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:15px;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.filter-button[data-v-3da3eeb6]{width:100%;height:100%;padding:10px 20px;display:inline-flex;justify-content:center;background-color:unset;border:unset;background-color:var(--color-confident-tag);cursor:pointer}.filter-button p[data-v-3da3eeb6]{margin-left:10px;line-height:45px;font-weight:700;color:#493b4ab3;width:20%;text-align:right}.filter-button .category-name[data-v-3da3eeb6]{color:#493b4ae6;width:80%;text-align:left;margin:0}.filter-button .arrow[data-v-3da3eeb6]:after{content:"▼"}@media(min-width:1024px){.filter-button[data-v-3da3eeb6]{height:100%;background-color:#fff}.filter-button p[data-v-3da3eeb6]{text-align:center}.filter-button .category-name[data-v-3da3eeb6]{text-align:center;padding:0;margin:0}}[data-v-3da3eeb6]{box-sizing:border-box;margin:0;padding:0}html[data-v-3da3eeb6],body[data-v-3da3eeb6],#app[data-v-3da3eeb6]{height:100%;margin:0;padding:0;min-width:var(--min-width)}.header[data-v-3da3eeb6]{background-image:url(/assets/Hong%20Kong-B5YgXDpm.webp);background-position:center;background-size:cover;height:400px;width:100%}.bar[data-v-3da3eeb6]{--bar-height: 100px;display:flex;flex-direction:row;justify-content:space-between;width:100%;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#5e596380;position:sticky;margin-top:calc(var(--bar-height) * -1);top:0;border-top:1px solid var(--color-bar-border);border-bottom:1px solid var(--color-bar-border);z-index:1000;height:var(--bar-height);padding:0 50px}.bar-left[data-v-3da3eeb6]{display:flex;flex-direction:row;justify-content:center;align-items:center}.bar-left p[data-v-3da3eeb6]{font-size:xx-large;color:#fff}#profile-picture[data-v-3da3eeb6]{height:calc(var(--bar-height) - 20px);margin-right:30px;border:5px solid white;border-radius:50%}.menu[data-v-3da3eeb6]{height:100%;display:flex;justify-content:center;align-items:center}.menu-item[data-v-3da3eeb6]{height:35px;display:flex;justify-content:center;align-items:center;padding:0 20px;background-color:#ffffffb3;border-radius:15px;margin-right:30px;font-weight:700;cursor:default}.menu-item[data-v-3da3eeb6]:first-child{cursor:pointer}.menu-item[data-v-3da3eeb6]:last-child{margin-right:0}.menu-item p[data-v-3da3eeb6]{color:#a3a3a3}.menu-item:first-child p[data-v-3da3eeb6]{color:#493b4acc}@media(max-width:820px){.menu-item[data-v-3da3eeb6]{display:none}.bar[data-v-3da3eeb6]{padding:0 20px}}[data-v-93b91ea2]:root{--color-text: #302343;--text-purple: rgb(124, 0, 151);--color-confident-tag: rgb(246, 178, 255);--color-ok-tag: rgb(255, 235, 196);--color-beginner-tag: gainsboro;--color-bar-border: rgb(126, 122, 130);--min-width: 360px}[data-v-93b91ea2]:root{color:var(--color-text)}body[data-v-93b91ea2]{transition:color .5s,background-color .5s;line-height:1.6;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:15px;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.filter-button[data-v-93b91ea2]{width:100%;height:100%;padding:10px 20px;display:inline-flex;justify-content:center;background-color:unset;border:unset;background-color:var(--color-confident-tag);cursor:pointer}.filter-button p[data-v-93b91ea2]{margin-left:10px;line-height:45px;font-weight:700;color:#493b4ab3;width:20%;text-align:right}.filter-button .category-name[data-v-93b91ea2]{color:#493b4ae6;width:80%;text-align:left;margin:0}.filter-button .arrow[data-v-93b91ea2]:after{content:"▼"}@media(min-width:1024px){.filter-button[data-v-93b91ea2]{height:100%;background-color:#fff}.filter-button p[data-v-93b91ea2]{text-align:center}.filter-button .category-name[data-v-93b91ea2]{text-align:center;padding:0;margin:0}}[data-v-93b91ea2]{box-sizing:border-box;margin:0;padding:0}html[data-v-93b91ea2],body[data-v-93b91ea2],#app[data-v-93b91ea2]{height:100%;margin:0;padding:0;min-width:var(--min-width)}.tag-container[data-v-93b91ea2]{--container-height: 35px;height:var(--container-height);padding:0 15px;margin:0 5px 5px 0;border-radius:5px}.tag-text[data-v-93b91ea2]{line-height:var(--container-height);font-size:smaller;text-align:center}.style-confident[data-v-93b91ea2]{background-color:var(--color-confident-tag)}.style-ok[data-v-93b91ea2]{background-color:var(--color-ok-tag)}.style-beginner[data-v-93b91ea2]{background-color:var(--color-beginner-tag)}[data-v-b1cb4ce7]:root{--color-text: #302343;--text-purple: rgb(124, 0, 151);--color-confident-tag: rgb(246, 178, 255);--color-ok-tag: rgb(255, 235, 196);--color-beginner-tag: gainsboro;--color-bar-border: rgb(126, 122, 130);--min-width: 360px}[data-v-b1cb4ce7]:root{color:var(--color-text)}body[data-v-b1cb4ce7]{transition:color .5s,background-color .5s;line-height:1.6;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:15px;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.filter-button[data-v-b1cb4ce7]{width:100%;height:100%;padding:10px 20px;display:inline-flex;justify-content:center;background-color:unset;border:unset;background-color:var(--color-confident-tag);cursor:pointer}.filter-button p[data-v-b1cb4ce7]{margin-left:10px;line-height:45px;font-weight:700;color:#493b4ab3;width:20%;text-align:right}.filter-button .category-name[data-v-b1cb4ce7]{color:#493b4ae6;width:80%;text-align:left;margin:0}.filter-button .arrow[data-v-b1cb4ce7]:after{content:"▼"}@media(min-width:1024px){.filter-button[data-v-b1cb4ce7]{height:100%;background-color:#fff}.filter-button p[data-v-b1cb4ce7]{text-align:center}.filter-button .category-name[data-v-b1cb4ce7]{text-align:center;padding:0;margin:0}}[data-v-b1cb4ce7]{box-sizing:border-box;margin:0;padding:0}html[data-v-b1cb4ce7],body[data-v-b1cb4ce7],#app[data-v-b1cb4ce7]{height:100%;margin:0;padding:0;min-width:var(--min-width)}.tags[data-v-b1cb4ce7]{margin:10px 0 20px}.tag[data-v-b1cb4ce7]{display:inline-flex;flex-direction:row}.experience-card-container[data-v-b1cb4ce7]{position:relative;width:100%;max-width:800px;padding:20px 40px 10px;border-bottom:solid 1px rgb(216,216,216);cursor:pointer;border-radius:10px}.experience-card-container[data-v-b1cb4ce7]:hover{background-color:#feeaff}.details[data-v-b1cb4ce7]{display:inline-flex;flex-direction:row;justify-content:space-between;width:100%;margin-bottom:20px;font-weight:700}.experience-card-title[data-v-b1cb4ce7]{color:var(--text-purple)}.project-image[data-v-b1cb4ce7]{max-height:300px}.tldr[data-v-b1cb4ce7]{text-align:justify}[data-v-0458721b]:root{--color-text: #302343;--text-purple: rgb(124, 0, 151);--color-confident-tag: rgb(246, 178, 255);--color-ok-tag: rgb(255, 235, 196);--color-beginner-tag: gainsboro;--color-bar-border: rgb(126, 122, 130);--min-width: 360px}[data-v-0458721b]:root{color:var(--color-text)}body[data-v-0458721b]{transition:color .5s,background-color .5s;line-height:1.6;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:15px;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.filter-button[data-v-0458721b]{width:100%;height:100%;padding:10px 20px;display:inline-flex;justify-content:center;background-color:unset;border:unset;background-color:var(--color-confident-tag);cursor:pointer}.filter-button p[data-v-0458721b]{margin-left:10px;line-height:45px;font-weight:700;color:#493b4ab3;width:20%;text-align:right}.filter-button .category-name[data-v-0458721b]{color:#493b4ae6;width:80%;text-align:left;margin:0}.filter-button .arrow[data-v-0458721b]:after{content:"▼"}@media(min-width:1024px){.filter-button[data-v-0458721b]{height:100%;background-color:#fff}.filter-button p[data-v-0458721b]{text-align:center}.filter-button .category-name[data-v-0458721b]{text-align:center;padding:0;margin:0}}[data-v-0458721b]{box-sizing:border-box;margin:0;padding:0}html[data-v-0458721b],body[data-v-0458721b],#app[data-v-0458721b]{height:100%;margin:0;padding:0;min-width:var(--min-width)}.checkbox-container[data-v-0458721b]{position:relative;cursor:pointer;font-size:22px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;height:25px;width:25px}.checkbox-container input[data-v-0458721b]{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.checkmark[data-v-0458721b]{position:absolute;top:0;left:0;height:100%;width:100%;border:solid 1px gainsboro;border-radius:5px;background-color:#fff}.checkbox-container:hover input~.checkmark[data-v-0458721b]{background-color:#f7e7ff}.checkbox-container input:checked~.checkmark[data-v-0458721b]{background-color:#9521f3}.checkmark[data-v-0458721b]:after{content:"";position:absolute;display:none}.checkbox-container input:checked~.checkmark[data-v-0458721b]:after{display:block}.checkbox-container .checkmark[data-v-0458721b]:after{left:9px;top:5px;width:5px;height:10px;border:solid white;border-width:0 3px 3px 0;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}[data-v-10194921]:root{--color-text: #302343;--text-purple: rgb(124, 0, 151);--color-confident-tag: rgb(246, 178, 255);--color-ok-tag: rgb(255, 235, 196);--color-beginner-tag: gainsboro;--color-bar-border: rgb(126, 122, 130);--min-width: 360px}[data-v-10194921]:root{color:var(--color-text)}body[data-v-10194921]{transition:color .5s,background-color .5s;line-height:1.6;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:15px;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.filter-button[data-v-10194921]{width:100%;height:100%;padding:10px 20px;display:inline-flex;justify-content:center;background-color:unset;border:unset;background-color:var(--color-confident-tag);cursor:pointer}.filter-button p[data-v-10194921]{margin-left:10px;line-height:45px;font-weight:700;color:#493b4ab3;width:20%;text-align:right}.filter-button .category-name[data-v-10194921]{color:#493b4ae6;width:80%;text-align:left;margin:0}.filter-button .arrow[data-v-10194921]:after{content:"▼"}@media(min-width:1024px){.filter-button[data-v-10194921]{height:100%;background-color:#fff}.filter-button p[data-v-10194921]{text-align:center}.filter-button .category-name[data-v-10194921]{text-align:center;padding:0;margin:0}}[data-v-10194921]{box-sizing:border-box;margin:0;padding:0}html[data-v-10194921],body[data-v-10194921],#app[data-v-10194921]{height:100%;margin:0;padding:0;min-width:var(--min-width)}.button-container[data-v-10194921]{--button-height: 35px;--border-radius: 15px;background-color:#fff;position:relative;cursor:pointer}.drop-down[data-v-10194921]{width:100%;background-color:#fff;margin:0}.item[data-v-10194921]{width:100%;display:inline-flex;flex-direction:row;justify-content:space-between;align-items:center;padding:10px 35px}.item[data-v-10194921]:nth-child(2n){background-color:#f4f4f4}.item p[data-v-10194921]{font-weight:400}@keyframes showDropdown-10194921{0%{top:15px;opacity:0}to{top:30px;opacity:1}}@keyframes hideDropdown-10194921{0%{top:30px;opacity:1}to{top:15px;opacity:0}}@media(min-width:1024px){.button-container .drop-down-container[data-v-10194921]{visibility:hidden;position:absolute;top:30px;left:0;width:225px;animation-name:hideDropdown-10194921;animation-duration:.3s;transition:all .3s ease}.button-container:hover .drop-down-container[data-v-10194921]{visibility:visible;animation-name:showDropdown-10194921;animation-duration:.3s}.button-container[data-v-10194921]{width:unset;height:100%;z-index:999}.drop-down[data-v-10194921]{background-color:#fffffff2;border:solid .5px gainsboro;border-radius:var(--border-radius);margin-top:calc(var(--button-height) + 10px);padding:10px 0}.item[data-v-10194921]:nth-child(2n){background-color:unset}.item[data-v-10194921]:first-child{padding:10px 35px}.item[data-v-10194921]:last-child{padding:10px 35px}}#app:has(.modal){overflow:hidden;height:100vh}[data-v-2759fc70]:root{--color-text: #302343;--text-purple: rgb(124, 0, 151);--color-confident-tag: rgb(246, 178, 255);--color-ok-tag: rgb(255, 235, 196);--color-beginner-tag: gainsboro;--color-bar-border: rgb(126, 122, 130);--min-width: 360px}[data-v-2759fc70]:root{color:var(--color-text)}body[data-v-2759fc70]{transition:color .5s,background-color .5s;line-height:1.6;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:15px;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.filter-button[data-v-2759fc70]{width:100%;height:100%;padding:10px 20px;display:inline-flex;justify-content:center;background-color:unset;border:unset;background-color:var(--color-confident-tag);cursor:pointer}.filter-button p[data-v-2759fc70]{margin-left:10px;line-height:45px;font-weight:700;color:#493b4ab3;width:20%;text-align:right}.filter-button .category-name[data-v-2759fc70]{color:#493b4ae6;width:80%;text-align:left;margin:0}.filter-button .arrow[data-v-2759fc70]:after{content:"▼"}@media(min-width:1024px){.filter-button[data-v-2759fc70]{height:100%;background-color:#fff}.filter-button p[data-v-2759fc70]{text-align:center}.filter-button .category-name[data-v-2759fc70]{text-align:center;padding:0;margin:0}}[data-v-2759fc70]{box-sizing:border-box;margin:0;padding:0}html[data-v-2759fc70],body[data-v-2759fc70],#app[data-v-2759fc70]{height:100%;margin:0;padding:0;min-width:var(--min-width)}.x-button-container[data-v-2759fc70]{display:flex;justify-content:center;align-items:center;border:none;background-color:#fff;border-radius:5px;border:black 1px solid;position:fixed;top:5px;right:5px;z-index:9999}.x-button-container[data-v-2759fc70]{cursor:pointer;padding:20px 30px}.title-container p[data-v-2759fc70]{font-size:x-large}.x-button-container[data-v-2759fc70]:hover,.x-button-container[data-v-2759fc70]:active{background-color:#8e0000;color:#fff}.x-button-container p[data-v-2759fc70]{font-size:x-large}.modal[data-v-2759fc70]{position:fixed;z-index:9998;height:100vh;width:100%;top:0;left:0;background-color:#0009}[data-v-ed36c4c9]:root{--color-text: #302343;--text-purple: rgb(124, 0, 151);--color-confident-tag: rgb(246, 178, 255);--color-ok-tag: rgb(255, 235, 196);--color-beginner-tag: gainsboro;--color-bar-border: rgb(126, 122, 130);--min-width: 360px}[data-v-ed36c4c9]:root{color:var(--color-text)}body[data-v-ed36c4c9]{transition:color .5s,background-color .5s;line-height:1.6;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:15px;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.filter-button[data-v-ed36c4c9]{width:100%;height:100%;padding:10px 20px;display:inline-flex;justify-content:center;background-color:unset;border:unset;background-color:var(--color-confident-tag);cursor:pointer}.filter-button p[data-v-ed36c4c9]{margin-left:10px;line-height:45px;font-weight:700;color:#493b4ab3;width:20%;text-align:right}.filter-button .category-name[data-v-ed36c4c9]{color:#493b4ae6;width:80%;text-align:left;margin:0}.filter-button .arrow[data-v-ed36c4c9]:after{content:"▼"}@media(min-width:1024px){.filter-button[data-v-ed36c4c9]{height:100%;background-color:#fff}.filter-button p[data-v-ed36c4c9]{text-align:center}.filter-button .category-name[data-v-ed36c4c9]{text-align:center;padding:0;margin:0}}[data-v-ed36c4c9]{box-sizing:border-box;margin:0;padding:0}html[data-v-ed36c4c9],body[data-v-ed36c4c9],#app[data-v-ed36c4c9]{height:100%;margin:0;padding:0;min-width:var(--min-width)}.filter-header[data-v-ed36c4c9]{display:inline-flex;justify-content:center;background-color:#fff;width:100%;padding:20px 30px}.filter-header p[data-v-ed36c4c9]{font-size:x-large}.filter-container-desktop[data-v-ed36c4c9]{display:none}.filter-container[data-v-ed36c4c9]{display:flex}.filter-container[data-v-ed36c4c9],.filter-container-desktop[data-v-ed36c4c9]{flex-direction:row;justify-content:center;align-items:center;flex-wrap:wrap;width:100%;border-bottom:solid 1px gainsboro}.filter-button[data-v-ed36c4c9]{background-color:#fff}@media(min-width:1024px){.filter-container-desktop[data-v-ed36c4c9]{flex-wrap:nowrap;display:flex}.filter-container[data-v-ed36c4c9]{display:none}}[data-v-39679da4]:root{--color-text: #302343;--text-purple: rgb(124, 0, 151);--color-confident-tag: rgb(246, 178, 255);--color-ok-tag: rgb(255, 235, 196);--color-beginner-tag: gainsboro;--color-bar-border: rgb(126, 122, 130);--min-width: 360px}[data-v-39679da4]:root{color:var(--color-text)}body[data-v-39679da4]{transition:color .5s,background-color .5s;line-height:1.6;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:15px;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.filter-button[data-v-39679da4]{width:100%;height:100%;padding:10px 20px;display:inline-flex;justify-content:center;background-color:unset;border:unset;background-color:var(--color-confident-tag);cursor:pointer}.filter-button p[data-v-39679da4]{margin-left:10px;line-height:45px;font-weight:700;color:#493b4ab3;width:20%;text-align:right}.filter-button .category-name[data-v-39679da4]{color:#493b4ae6;width:80%;text-align:left;margin:0}.filter-button .arrow[data-v-39679da4]:after{content:"▼"}@media(min-width:1024px){.filter-button[data-v-39679da4]{height:100%;background-color:#fff}.filter-button p[data-v-39679da4]{text-align:center}.filter-button .category-name[data-v-39679da4]{text-align:center;padding:0;margin:0}}[data-v-39679da4]{box-sizing:border-box;margin:0;padding:0}html[data-v-39679da4],body[data-v-39679da4],#app[data-v-39679da4]{height:100%;margin:0;padding:0;min-width:var(--min-width)}.experience-header[data-v-39679da4]{background-color:#fff;width:100%;padding-top:75px}.tags[data-v-39679da4]{margin:10px 0 20px}.tag[data-v-39679da4]{display:inline-flex;flex-direction:row}.fullscreen-container[data-v-39679da4]{height:100vh;width:100%}.experience-card-container[data-v-39679da4]{position:relative;width:100%;max-width:800px;height:100%;padding:0 40px 10px;border-bottom:solid 1px rgb(216,216,216);margin:auto auto 20px;background-color:#fff;overflow:auto}.details[data-v-39679da4]{display:inline-flex;flex-direction:row;justify-content:space-between;width:100%;margin-bottom:20px;font-weight:700}.experience-card-title[data-v-39679da4]{color:var(--text-purple);font-size:x-large}.project-image[data-v-39679da4]{max-height:500px;max-width:100%}.description[data-v-39679da4]{text-align:justify;margin-bottom:25px}.project-images-container[data-v-39679da4]{margin-bottom:25px}.project-title[data-v-39679da4]{color:var(--text-purple)}[data-v-ff0f712e]:root{--color-text: #302343;--text-purple: rgb(124, 0, 151);--color-confident-tag: rgb(246, 178, 255);--color-ok-tag: rgb(255, 235, 196);--color-beginner-tag: gainsboro;--color-bar-border: rgb(126, 122, 130);--min-width: 360px}[data-v-ff0f712e]:root{color:var(--color-text)}body[data-v-ff0f712e]{transition:color .5s,background-color .5s;line-height:1.6;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:15px;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.filter-button[data-v-ff0f712e]{width:100%;height:100%;padding:10px 20px;display:inline-flex;justify-content:center;background-color:unset;border:unset;background-color:var(--color-confident-tag);cursor:pointer}.filter-button p[data-v-ff0f712e]{margin-left:10px;line-height:45px;font-weight:700;color:#493b4ab3;width:20%;text-align:right}.filter-button .category-name[data-v-ff0f712e]{color:#493b4ae6;width:80%;text-align:left;margin:0}.filter-button .arrow[data-v-ff0f712e]:after{content:"▼"}@media(min-width:1024px){.filter-button[data-v-ff0f712e]{height:100%;background-color:#fff}.filter-button p[data-v-ff0f712e]{text-align:center}.filter-button .category-name[data-v-ff0f712e]{text-align:center;padding:0;margin:0}}[data-v-ff0f712e]{box-sizing:border-box;margin:0;padding:0}html[data-v-ff0f712e],body[data-v-ff0f712e],#app[data-v-ff0f712e]{height:100%;margin:0;padding:0;min-width:var(--min-width)}main[data-v-ff0f712e]{width:100%;display:inline-flex;flex-direction:column;align-items:center;background-color:#fff}.tag-list-container[data-v-ff0f712e]{display:inline-flex;flex-direction:row;justify-content:center;width:100%;max-width:1024px;flex-wrap:wrap;margin-bottom:30px}.level-indicator-container[data-v-ff0f712e]{display:inline-flex;flex-direction:row;justify-content:space-around;width:100%;max-width:1024px;padding:25px 0}.level-indicator-item[data-v-ff0f712e]{display:inline-flex;flex-direction:column;align-items:center}.confident-indicator[data-v-ff0f712e]{background-color:var(--color-confident-tag);width:100%;height:35px;border-radius:10px}.ok-indicator[data-v-ff0f712e]{background-color:var(--color-ok-tag);width:100%;height:35px;margin:0 35px;border-radius:10px}.beginner-indicator[data-v-ff0f712e]{background-color:var(--color-beginner-tag);width:100%;height:35px;border-radius:10px}.intro[data-v-ff0f712e]{padding:50px 25px 25px}