[data-v-7bb508c5]:export{oppo_theme_color:#06f;oppo_dark_theme_color:#5c9dff;oppo_background_color:#f0f1f2}
.app-skills[data-v-7bb508c5]{margin:0 auto;width:calc(100% - 32px);margin-top:16px;background:#fff;border-radius:16px;padding:0 16px;-webkit-box-sizing:border-box;box-sizing:border-box}
.app-skills .title[data-v-7bb508c5]{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;padding-top:18px;margin-bottom:10px;font-weight:500;font-size:16px;line-height:21px}
.app-skills .title span[data-v-7bb508c5]{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;font-weight:400;font-size:14px;line-height:20px;color:rgba(0,0,0,.55)}
.app-skills .title span .right-icon[data-v-7bb508c5]{-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}
.app-skills .banner[data-v-7bb508c5]{position:relative;margin-top:22px;border-radius:12px;overflow:hidden;height:117px}
.app-skills .banner img[data-v-7bb508c5]{position:relative;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);width:100%;height:auto}
.app-skills .banner-bottom[data-v-7bb508c5]{position:absolute;left:0;bottom:0;width:100%;height:36px;padding-left:15px;-webkit-box-sizing:border-box;box-sizing:border-box;line-height:36px;font-weight:500;font-size:14px;text-align:left;color:#fff;background:-webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.1)),to(rgba(0,0,0,.1))),rgba(30,28,34,.25);background:-webkit-linear-gradient(bottom,rgba(0,0,0,.1),rgba(0,0,0,.1)),rgba(30,28,34,.25);background:linear-gradient(0,rgba(0,0,0,.1),rgba(0,0,0,.1)),rgba(30,28,34,.25);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}
.app-skills .skills-list[data-v-7bb508c5]{margin-top:15px;padding-bottom:8px}
.app-skills .skills-list .skill[data-v-7bb508c5]{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;padding-top:16px;padding-bottom:24px;text-align:left}
.app-skills .skills-list .skill span[data-v-7bb508c5]{width:100%;font-size:14px;line-height:21px;color:rgba(0,0,0,.85)}
.app-skills .skills-list .skill .right-icon[data-v-7bb508c5]{-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}
.dark-light .app-skills[data-v-7bb508c5],.dark-medium .app-skills[data-v-7bb508c5],.dark .app-skills[data-v-7bb508c5]{background:rgba(255,255,255,.1)}
.dark-light .app-skills .title[data-v-7bb508c5],.dark-medium .app-skills .title[data-v-7bb508c5],.dark .app-skills .title[data-v-7bb508c5]{color:rgba(255,255,255,.85)}
.dark-light .app-skills .title span[data-v-7bb508c5],.dark-medium .app-skills .title span[data-v-7bb508c5],.dark .app-skills .title span[data-v-7bb508c5]{color:rgba(255,255,255,.55)}
.dark-light .app-skills .title .right-icon[data-v-7bb508c5],.dark-medium .app-skills .title .right-icon[data-v-7bb508c5],.dark .app-skills .title .right-icon[data-v-7bb508c5]{color:rgba(255,255,255,.2) !important}
.dark-light .app-skills .skills-list .skill span[data-v-7bb508c5],.dark-medium .app-skills .skills-list .skill span[data-v-7bb508c5],.dark .app-skills .skills-list .skill span[data-v-7bb508c5]{color:rgba(255,255,255,.85)}
.dark-light .app-skills .skills-list .skill .right-icon[data-v-7bb508c5],.dark-medium .app-skills .skills-list .skill .right-icon[data-v-7bb508c5],.dark .app-skills .skills-list .skill .right-icon[data-v-7bb508c5]{color:rgba(255,255,255,.2) !important}
@media only screen and (min-width:698px){.app-skills[data-v-7bb508c5]{width:666px}
}