@charset "UTF-8";#header[data-v-a097543e]{display:flex;justify-content:space-evenly;align-content:center;flex-wrap:wrap;gap:8px;background-color:#f5f5f54d;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);padding:8px 16px}#header .title[data-v-a097543e]{display:flex;justify-content:center;align-items:baseline;flex-wrap:wrap}#header .chose[data-v-a097543e]{display:flex;gap:4px}#footer[data-v-bdb08b7c]{position:fixed;display:flex;justify-content:center;gap:16px;background-color:#ffffff4d;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);inset:auto 0 0;padding:8px 16px;text-align:center}#content[data-v-ab106718]{min-height:600px;display:flex;justify-content:center;align-items:center}.skillCard[data-v-ab106718]{position:relative;min-height:460px;width:300px;background-color:#f7fbfd;padding:4px;display:flex;flex-direction:column;justify-content:space-between;box-shadow:3px 4px 6px 3px #333,inset 0 0 0 2px #565d61;border-radius:8px;overflow:hidden}.skillCard .header[data-v-ab106718]{display:flex;justify-content:center;align-items:center;justify-content:flex-start;padding:0 8px;background-color:#f7fbfd;box-shadow:inset 0 5px 2px .2px #f7fbfd,0 0 2px 1px #889ebb;border-radius:4px;-webkit-user-select:none;user-select:none}.skillCard .skillContent[data-v-ab106718]{flex:1;display:flex;flex-direction:column;margin-top:4px;border-radius:4px 4px 0 0;box-shadow:inset 0 5px 2px .2px #f7fbfd,0 0 2px 1px #889ebb}.skillCard .skillContent .profession[data-v-ab106718]{display:flex;position:relative}.skillCard .skillContent .profession .link[data-v-ab106718],.skillCard .skillContent .profession a[data-v-ab106718]{display:flex;justify-content:center;align-items:center;width:20%;padding:4px;color:#f7fbfd;background-color:#a09f9f;border-radius:6px 6px 0 0;box-shadow:inset 0 1px 2px 3px #f7fbfd,0 0 2px 1px #020424;-webkit-user-select:none;user-select:none}.skillCard .skillContent .profession[data-v-ab106718] .router-link-active{color:#f07c7c;background-color:#ffe3ea}.skillCard .skillContent .profession[data-v-ab106718] .router-link-exact-active{font-weight:700}.skillCard .skillContent .title[data-v-ab106718]{background-color:#ebebeb;padding:12px 8px 6px;transform:translateY(-1px);display:flex;justify-content:flex-start;align-items:center;box-shadow:0 2px 3px #7c7d7e99;-webkit-user-select:none;user-select:none}.skillCard .skillContent .title img[data-v-ab106718]{height:50px;width:60px;padding:8px;border-radius:4px;background-color:#f7fbfd;box-shadow:inset 0 0 1px 2px #7c7d7e99}.skillCard .skillContent .title div[data-v-ab106718]{display:flex;justify-content:center;align-items:center;height:50px;border:0px solid #333333;border-width:1px 1px 1px 0px;padding:6px 1px;flex:1;background-color:#ff9114;border-radius:0 6px 6px 0}.skillCard .skillContent .title div h3[data-v-ab106718]{width:100%;text-align:center;background-color:#333;color:#eaf7ff;border-radius:0 4px 4px 0}.skillCard .skillContent .skillArea[data-v-ab106718]{flex:1;overflow-y:scroll;scrollbar-gutter:stable;background:#f7fbfd;padding:8px;max-height:300px;min-height:300px}.skillCard .skillContent .skillArea .skillItem[data-v-ab106718]{width:100%;display:flex;height:64px}.skillCard .skillContent .skillArea[data-v-ab106718]::-webkit-scrollbar{width:12px}.skillCard .skillContent .skillArea[data-v-ab106718]::-webkit-scrollbar-thumb{background:#889ebb;border-radius:4px}.skillCard .skillContent .skillArea[data-v-ab106718]::-webkit-scrollbar-track{background:#83c4e2}.skillCard .footer[data-v-ab106718]{bottom:0;left:0;right:0;display:flex;align-items:center;padding:4px 20px;margin-bottom:2px;background-color:#83c4e2;border-radius:0 0 6px 6px;box-shadow:inset 0 5px 2px .2px #f7fbfd,0 0 2px 1px #889ebb;-webkit-user-select:none;user-select:none}.skillCard .footer span[data-v-ab106718]{width:60px;margin-left:12px;border:1px solid #333333;background-color:#f7fbfd;border-radius:2px;padding:0 8px;box-shadow:inset 0 0 2px 1px #0c0c0c99;text-align:right;-webkit-user-select:none;user-select:none}.skillCard .footer button[data-v-ab106718]{margin-left:auto}.skillCard .footer[data-v-ab106718]:before{content:"•";margin-right:6px;font-size:1.4em;color:#222;line-height:1}.bg-fixed[data-v-a24d2de2]{position:fixed;inset:0;z-index:-1;background:url(/maplestory-skil/assets/bg-mpLjvaqI.png) center/cover no-repeat}.empty[data-v-2c846eac]{padding:8px 4px}.skillItem[data-v-2c846eac]{width:100%;display:flex;height:64px}.skillItem .itemIcon[data-v-2c846eac]{aspect-ratio:1/1;height:100%;padding:2px}.skillItem .itemIcon img[data-v-2c846eac]{height:100%;width:100%;padding:4px}.skillItem .itemDetail[data-v-2c846eac]{display:flex;flex-direction:column;justify-content:space-evenly;width:100%;border-radius:2px;padding:1px 0}.skillItem .itemDetail .itemTitle[data-v-2c846eac]{background-color:#d9f1fc;padding:2px 4px;-webkit-user-select:none;user-select:none}.skillItem .itemDetail .itemContent[data-v-2c846eac]{display:flex;justify-content:space-between;align-items:center;padding:2px 4px;background-color:#d9f1fc}.skillItem .itemDetail .itemContent .btnUpdateSkill[data-v-2c846eac]{width:24px;aspect-ratio:1}:root{--gap: 16px}.btn{background:#b93333}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:Poppins,sans-serif;line-height:1.5}h1,h2,h3,h4,h5,h6{display:flex;justify-content:center;align-items:center;white-space:nowrap}span{text-align:center;vertical-align:middle;white-space:nowrap}a{text-decoration:none;cursor:pointer;white-space:nowrap}