*,
:after,
:before {
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-pan-x: ;
    --tw-pan-y: ;
    --tw-pinch-zoom: ;
    --tw-scroll-snap-strictness: proximity;
    --tw-ordinal: ;
    --tw-slashed-zero: ;
    --tw-numeric-figure: ;
    --tw-numeric-spacing: ;
    --tw-numeric-fraction: ;
    --tw-ring-inset: ;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgba(33, 150, 243, .5);
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    --tw-blur: ;
    --tw-brightness: ;
    --tw-contrast: ;
    --tw-grayscale: ;
    --tw-hue-rotate: ;
    --tw-invert: ;
    --tw-saturate: ;
    --tw-sepia: ;
    --tw-drop-shadow: ;
    --tw-backdrop-blur: ;
    --tw-backdrop-brightness: ;
    --tw-backdrop-contrast: ;
    --tw-backdrop-grayscale: ;
    --tw-backdrop-hue-rotate: ;
    --tw-backdrop-invert: ;
    --tw-backdrop-opacity: ;
    --tw-backdrop-saturate: ;
    --tw-backdrop-sepia:
}

.visible {
    visibility: visible
}

.static {
    position: static
}

.fixed {
    position: fixed
}

.absolute {
    position: absolute
}

.relative {
    position: relative
}

.inset-0 {
    bottom: 0;
    left: 0;
    right: 0;
    top: 0
}

.right-0 {
    right: 0
}

.top-auto {
    top: auto
}

.left-auto {
    left: auto
}

.bottom-0 {
    bottom: 0
}

.z-20 {
    z-index: 20
}

.m-2px {
    margin: 2px
}

.my-1 {
    margin-bottom: 4px;
    margin-top: 4px
}

.my-2px {
    margin-bottom: 2px;
    margin-top: 2px
}

.mx-2 {
    margin-left: 8px;
    margin-right: 8px
}

.my-px {
    margin-bottom: 1px;
    margin-top: 1px
}

.my-2 {
    margin-bottom: 8px;
    margin-top: 8px
}

.mr-2 {
    margin-right: 8px
}

.mt-6 {
    margin-top: 24px
}

.mt-1 {
    margin-top: 4px
}

.mb-0 {
    margin-bottom: 0
}

.mr-4 {
    margin-right: 16px
}

.mb-1 {
    margin-bottom: 4px
}

.mt-4 {
    margin-top: 16px
}

.ml-1 {
    margin-left: 4px
}

.mt-2px {
    margin-top: 2px
}

.ml-2 {
    margin-left: 8px
}

.mb-2px {
    margin-bottom: 2px
}

.mb-2 {
    margin-bottom: 8px
}

.mt-0 {
    margin-top: 0
}

.mt-2 {
    margin-top: 8px
}

.-mt-2px {
    margin-top: -2px
}

.mt-5 {
    margin-top: 20px
}

.mt-12 {
    margin-top: 48px
}

.mb-3px {
    margin-bottom: 3px
}

.mt-6px {
    margin-top: 6px
}

.mt-3px {
    margin-top: 3px
}

.mr-1 {
    margin-right: 4px
}

.mr-3 {
    margin-right: 12px
}

.mt-8 {
    margin-top: 32px
}

.ml-2px {
    margin-left: 2px
}

.mt-5px {
    margin-top: 5px
}

.mr-5px {
    margin-right: 5px
}

.ml-5px {
    margin-left: 5px
}

.mt-px {
    margin-top: 1px
}

.ml-4 {
    margin-left: 16px
}

.inline {
    display: inline
}

.flex {
    display: flex
}

.inline-flex {
    display: inline-flex
}

.hidden {
    display: none
}

.h-0 {
    height: 0
}

.h-auto {
    height: auto
}

.w-full {
    width: 100%
}

.w-0 {
    width: 0
}

.w-6 {
    width: 24px
}

.flex-1 {
    flex: 1 1 0%
}

.flex-auto {
    flex: 1 1 auto
}

.flex-none {
    flex: none
}

.grow-0 {
    flex-grow: 0
}

.grow {
    flex-grow: 1
}

.transform {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.cursor-pointer {
    cursor: pointer
}

.select-none {
    user-select: none
}

.resize {
    resize: both
}

.flex-col {
    flex-direction: column
}

.flex-wrap {
    flex-wrap: wrap
}

.items-start {
    align-items: flex-start
}

.items-center {
    align-items: center
}

.items-stretch {
    align-items: stretch
}

.justify-center {
    justify-content: center
}

.justify-between {
    justify-content: space-between
}

.justify-around {
    justify-content: space-around
}

.self-start {
    align-self: flex-start
}

.self-stretch {
    align-self: stretch
}

.overflow-auto {
    overflow: auto
}

.overflow-hidden {
    overflow: hidden
}

.overflow-visible {
    overflow: visible
}

.overflow-x-hidden {
    overflow-x: hidden
}

.overflow-y-scroll {
    overflow-y: scroll
}

.truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.break-words {
    overflow-wrap: break-word
}

.rounded-full {
    border-radius: 9999px
}

.rounded-6 {
    border-radius: 6px
}

.rounded-4 {
    border-radius: 4px
}

.rounded-5 {
    border-radius: 5px
}

.border-b {
    border-bottom-width: 1px
}

.border-l {
    border-left-width: 1px
}

.border-t {
    border-top-width: 1px
}

.border-grey-300 {
    border-color: #e0e0e0
}

.border-grey-350 {
    border-color: #d5d5d5
}

.border-grey-400 {
    border-color: #bdbdbd
}

.bg-grey-200 {
    background-color: #eee
}

.bg-white {
    background-color: #fff
}

.bg-blue-700 {
    background-color: #1976d2
}

.bg-grey-400 {
    background-color: #bdbdbd
}

.bg-indigo-500 {
    background-color: #3f51b5
}

.bg-bg-5 {
    background-color: #f7f7f7
}

.bg-grey-300 {
    background-color: #e0e0e0
}

.bg-grey-500 {
    background-color: #9e9e9e
}

.p-2 {
    padding: 8px
}

.p-4 {
    padding: 16px
}

.p-10px {
    padding: 10px
}

.py-5px {
    padding-bottom: 5px;
    padding-top: 5px
}

.px-2 {
    padding-left: 8px;
    padding-right: 8px
}

.px-4 {
    padding-left: 16px;
    padding-right: 16px
}

.py-3 {
    padding-bottom: 12px;
    padding-top: 12px
}

.py-4 {
    padding-bottom: 16px;
    padding-top: 16px
}

.px-3 {
    padding-left: 12px;
    padding-right: 12px
}

.py-1 {
    padding-bottom: 4px;
    padding-top: 4px
}

.py-10px {
    padding-bottom: 10px;
    padding-top: 10px
}

.px-1 {
    padding-left: 4px;
    padding-right: 4px
}

.px-5 {
    padding-left: 20px;
    padding-right: 20px
}

.py-px {
    padding-bottom: 1px;
    padding-top: 1px
}

.px-6px {
    padding-left: 6px;
    padding-right: 6px
}

.pr-10px {
    padding-right: 10px
}

.pt-2 {
    padding-top: 8px
}

.pl-10px {
    padding-left: 10px
}

.pr-14px {
    padding-right: 14px
}

.pt-1 {
    padding-top: 4px
}

.pr-12 {
    padding-right: 48px
}

.pr-6 {
    padding-right: 24px
}

.pt-5 {
    padding-top: 20px
}

.pb-7 {
    padding-bottom: 28px
}

.pr-5 {
    padding-right: 20px
}

.pr-7 {
    padding-right: 28px
}

.pr-6px {
    padding-right: 6px
}

.pr-3px {
    padding-right: 3px
}

.pr-1 {
    padding-right: 4px
}

.pt-2px {
    padding-top: 2px
}

.pl-1 {
    padding-left: 4px
}

.pr-2 {
    padding-right: 8px
}

.pt-4 {
    padding-top: 16px
}

.text-center {
    text-align: center
}

.text-right {
    text-align: right
}

.font-mono {
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace
}

.text-14 {
    font-size: 14px
}

.text-20 {
    font-size: 20px
}

.text-12 {
    font-size: 12px
}

.text-16 {
    font-size: 16px
}

.text-13 {
    font-size: 13px
}

.text-15 {
    font-size: 15px
}

.text-28 {
    font-size: 28px
}

.text-18 {
    font-size: 18px
}

.text-0 {
    font-size: 0
}

.font-medium {
    font-weight: 500
}

.font-bold {
    font-weight: 700
}

.italic {
    font-style: italic
}

.leading-relaxed {
    line-height: 1.625
}

.leading-normal {
    line-height: 1.5
}

.leading-snug {
    line-height: 1.375
}

.text-grey-700 {
    color: #616161
}

.text-grey-400 {
    color: #bdbdbd
}

.text-grey-800 {
    color: #424242
}

.text-grey-600 {
    color: #757575
}

.text-white {
    color: #fff
}

.text-grey-500 {
    color: #9e9e9e
}

.text-gray-800 {
    color: #1f2937
}

.text-primary {
    color: #409eff
}

.text-grey-900 {
    color: #212121
}

.text-red-500 {
    color: #f44336
}

.text-blue-500 {
    color: #2196f3
}

.text-link {
    color: #77a9dd
}

.text-orange-400 {
    color: #ffa726
}

.text-green-600 {
    color: #43a047
}

.text-red-400 {
    color: #ef5350
}

.no-underline {
    text-decoration-line: none
}

.opacity-75 {
    opacity: .75
}

.shadow-8 {
    --tw-shadow: 0px 5px 5px -3px rgba(0, 0, 0, .2), 0px 8px 10px 1px rgba(0, 0, 0, .14), 0px 3px 14px 2px rgba(0, 0, 0, .12);
    --tw-shadow-colored: 0px 5px 5px -3px var(--tw-shadow-color), 0px 8px 10px 1px var(--tw-shadow-color), 0px 3px 14px 2px var(--tw-shadow-color)
}

.shadow-16,
.shadow-8 {
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.shadow-16 {
    --tw-shadow: 0px 8px 10px -5px rgba(0, 0, 0, .2), 0px 16px 24px 2px rgba(0, 0, 0, .14), 0px 6px 30px 5px rgba(0, 0, 0, .12);
    --tw-shadow-colored: 0px 8px 10px -5px var(--tw-shadow-color), 0px 16px 24px 2px var(--tw-shadow-color), 0px 6px 30px 5px var(--tw-shadow-color)
}

.shadow-2 {
    --tw-shadow: 0px 3px 1px -2px rgba(0, 0, 0, .2), 0px 2px 2px 0px rgba(0, 0, 0, .14), 0px 1px 5px 0px rgba(0, 0, 0, .12);
    --tw-shadow-colored: 0px 3px 1px -2px var(--tw-shadow-color), 0px 2px 2px 0px var(--tw-shadow-color), 0px 1px 5px 0px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.outline-none {
    outline: 2px solid transparent;
    outline-offset: 2px
}

.filter {
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
}

.transition {
    transition-duration: .15s;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.transition-transform {
    transition-duration: .15s;
    transition-property: transform;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.transition-opacity {
    transition-duration: .15s;
    transition-property: opacity;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.duration-300 {
    transition-duration: .3s
}

.duration-100 {
    transition-duration: .1s
}

.duration-150 {
    transition-duration: .15s
}

.duration-200 {
    transition-duration: .2s
}

.ease-in-out {
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.ease-linear {
    transition-timing-function: linear
}

.hover\:bg-grey-100:hover {
    background-color: #f5f5f5
}

.hover\:bg-bg-2:hover,
.hover\:bg-grey-300:hover {
    background-color: #e0e0e0
}

.hover\:text-primary:hover {
    color: #409eff
}

.hover\:text-grey-600:hover {
    color: #757575
}

.hover\:underline:hover {
    text-decoration-line: underline
}

.hover\:opacity-100:hover {
    opacity: 1
}

.group:hover .group-hover\:bg-grey-300 {
    background-color: #e0e0e0
}


.icon[data-v-5a9d8295] {
    height: 24px;
    width: 24px
}

.icon .ripple[data-v-5a9d8295] {
    height: 48px;
    left: 50%;
    pointer-events: none;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 48px
}

.icon .ripple.checked[data-v-5a9d8295] .v-ripple__container {
    color: #1976d2
}

.icon .ripple .ripple-trigger[data-v-5a9d8295] {
    height: 24px;
    left: 50%;
    pointer-events: all;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 24px
}

.icon .ripple[data-v-5a9d8295] .v-ripple__container {
    height: 48px;
    width: 48px
}


.icon[data-v-86d4bb56] {
    height: 24px;
    width: 24px
}

.icon .ripple[data-v-86d4bb56] {
    height: 48px;
    left: 50%;
    pointer-events: none;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 48px
}

.icon .ripple.checked[data-v-86d4bb56] .v-ripple__container {
    color: #1976d2
}

.icon .ripple .ripple-trigger[data-v-86d4bb56] {
    height: 24px;
    left: 50%;
    pointer-events: all;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 24px
}

.icon .ripple[data-v-86d4bb56] .v-ripple__container {
    height: 48px;
    width: 48px
}


.track[data-v-629e59a4] {
    height: 32px
}

.track-left[data-v-629e59a4],
.track-right[data-v-629e59a4] {
    height: 2px;
    width: 50%
}

.notch[data-v-629e59a4] {
    height: 15px;
    top: 50%;
    transform: translate(-50%, -50%);
    transition-property: width, height;
    width: 15px
}

.notch.dragging[data-v-629e59a4] {
    height: 0;
    width: 0
}

.bubble[data-v-629e59a4] {
    border-radius: 50% 50% 0;
    height: 26px;
    margin-left: -13px;
    top: 50%;
    transform: translate(-50%, -150%) rotate(45deg) scale(0);
    transform-origin: 100% 100%;
    width: 26px
}

.bubble.dragging[data-v-629e59a4] {
    transform: translate(-50%, -150%) rotate(45deg)
}

.bubble .text[data-v-629e59a4] {
    transform: rotate(-45deg)
}


.input[data-v-3651d216] {
    width: 200px
}

.input[data-v-3651d216]:focus {
    outline: 2px solid #48f
}


.input[data-v-16445f67] {
    border-bottom: 2px solid #757575;
    outline: 0;
    width: 200px
}

.input[data-v-16445f67]:focus {
    border-bottom: 2px solid #48f
}


.scrollable .scroll-bar-track[data-v-5ec67402] {
    bottom: 3px;
    top: 3px;
    width: 12px;
    z-index: 200
}

.scrollable .scroll-bar-track .scroll-bar-thumb[data-v-5ec67402] {
    background: rgba(0, 0, 0, .15);
    cursor: pointer;
    height: 0;
    left: 3px;
    top: 0;
    transition-property: width, left;
    width: 6px
}

.scrollable .scroll-bar-track.moving .scroll-bar-thumb[data-v-5ec67402],
.scrollable .scroll-bar-track:hover .scroll-bar-thumb[data-v-5ec67402] {
    background: rgba(0, 0, 0, .25);
    left: 2px;
    width: 8px
}


.pronunciation-item[data-v-267555b4] {
    flex: 0 0 20px;
    height: 20px;
    line-height: 20px
}

.pronunciation-item .play-sound[data-v-267555b4] {
    cursor: pointer;
    height: 20px;
    opacity: .45;
    width: 20px
}

.pronunciation-item .play-sound[data-v-267555b4]:hover {
    opacity: .7
}

.pronunciation-item .play-sound[data-v-267555b4]:active {
    background-position: center calc(50% + 1px);
    opacity: 1
}


.scroll-container[data-v-08018802] {
    max-height: 250px
}

.main-box > div[data-v-08018802]:first-child {
    margin-top: 0 !important
}

.symbols-box .part-item[data-v-08018802] {
    line-height: 20px
}


.icon-box[data-v-fc866c20] {
    cursor: pointer;
    height: 48px;
    width: 48px
}

.icon-box[data-v-fc866c20]:hover {
    background: #ddd
}

.check-icon[data-v-fc866c20] {
    height: 20px;
    right: 0;
    top: 0;
    width: 20px
}


.scroll-container[data-v-29b37c76] {
    max-height: 250px
}

.language-select-box .language-item[data-v-29b37c76] {
    flex: 0 0 33.3333%;
    padding: 1px 0
}

.language-select-box .language-item.active[data-v-29b37c76] {
    background: #e8e8e8
}

.language-select-box .language-item[data-v-29b37c76]:hover {
    background: #e0e0e0
}

.bottom-info-box .tts-box[data-v-29b37c76] {
    opacity: .9
}

.bottom-info-box .tts-box .play-sound[data-v-29b37c76] {
    opacity: .45
}

.bottom-info-box .tts-box .play-sound .audio-icon[data-v-29b37c76] {
    margin: 0 0 0 2px;
    opacity: .8
}

.bottom-info-box .tts-box .play-sound[data-v-29b37c76]:hover {
    opacity: .7
}

.bottom-info-box .tts-box .play-sound[data-v-29b37c76]:active {
    background-position: center calc(50% + 1px);
    opacity: 1
}


.phonetics-box[data-v-80abc988] {
    font-family: Noto Sans, Arial, sans-serif;
    height: 20px;
    line-height: 20px
}

.phonetics-box .play-button[data-v-80abc988] {
    cursor: pointer;
    height: 20px;
    opacity: .45;
    width: 22px
}

.phonetics-box .play-button[data-v-80abc988]:hover {
    opacity: .7
}

.phonetics-box .play-button[data-v-80abc988]:active {
    background-position: center calc(50% + 1px);
    opacity: 1
}


.entry-item .sense-item-number[data-v-13c640e0] {
    flex: 0 0 30px
}


.google-dict-box[data-v-21539aa9] {
    font-family: Arial, Microsoft Yahei UI, sans-serif
}

.scroll-container[data-v-21539aa9] {
    max-height: 250px
}

.expand-button[data-v-21539aa9] {
    cursor: pointer;
    height: 24px;
    opacity: .3;
    right: 5px;
    top: 5px;
    width: 24px;
    z-index: 2
}

.expand-button.with-scroll-bar[data-v-21539aa9] {
    right: 12px
}

.expand-button[data-v-21539aa9]:hover {
    opacity: .6
}

.expand-button[data-v-21539aa9]:active {
    opacity: .9
}


.scroll-container[data-v-27d91445] {
    max-height: 250px
}

.language-select-box .title-box .cancel-button[data-v-27d91445] {
    cursor: pointer;
    padding: 1px 6px
}

.language-select-box .title-box .cancel-button[data-v-27d91445]:hover {
    background: #e0e0e0
}

.language-select-box .language-item[data-v-27d91445] {
    cursor: pointer;
    flex: 0 0 33.3333%;
    padding: 1px 0
}

.language-select-box .language-item.active[data-v-27d91445] {
    background: #e8e8e8
}

.language-select-box .language-item[data-v-27d91445]:hover {
    background: #e0e0e0
}

.bottom-info-box .tts-box[data-v-27d91445] {
    opacity: .9;
    -moz-user-select: none;
    user-select: none
}

.bottom-info-box .tts-box .play-sound[data-v-27d91445] {
    cursor: pointer;
    opacity: .45
}

.bottom-info-box .tts-box .play-sound .audio-icon[data-v-27d91445] {
    margin: 0 0 0 2px;
    opacity: .8
}

.bottom-info-box .tts-box .play-sound[data-v-27d91445]:hover {
    opacity: .7
}

.bottom-info-box .tts-box .play-sound[data-v-27d91445]:active {
    background-position: center calc(50% + 1px);
    opacity: 1
}

.bottom-info-box .language-info-box[data-v-27d91445] {
    color: #bbb;
    -moz-user-select: none;
    user-select: none
}

.bottom-info-box .language-info-box .language[data-v-27d91445] {
    cursor: pointer
}

.bottom-info-box .language-info-box .language[data-v-27d91445]:hover {
    color: #409eff
}


.scroll-container[data-v-4129bac5] {
    max-height: 250px
}

.content-box[data-v-4129bac5] {
    font-family: Source Han Sans SC, Source Sans Pro, Helvetica Neue, Helvetica, Arial, sans-serif
}

.content-box .row .keyword[data-v-4129bac5] {
    cursor: pointer;
    text-decoration: underline
}

.content-box .row .keyword.definition-keyword[data-v-4129bac5] {
    color: #6cace0
}

.content-box .row .keyword.example-keyword[data-v-4129bac5] {
    color: #99c3e6
}

.content-box .row .definition[data-v-4129bac5] {
    line-height: 20px
}

.content-box .divider[data-v-4129bac5] {
    height: 1px;
    width: 100%
}

.content-box .thumb[data-v-4129bac5] {
    opacity: .7
}

.content-box .thumb.thumb-down[data-v-4129bac5] {
    transform: translateY(3px) rotate(180deg)
}

.u-toolip[data-v-4129bac5] {
    filter: drop-shadow(0 2px 1px rgba(0, 0, 0, .15)) drop-shadow(0 2px 1.2px rgba(0, 0, 0, .16)) drop-shadow(0 1px 2.2px rgba(0, 0, 0, .12));
    max-width: 280px;
    padding: 5px 8px;
    transform: translate(calc(-50% + 10px), 17px);
    z-index: 2
}

.u-toolip .inner-content[data-v-4129bac5] {
    max-height: 105px;
    overflow: hidden
}

.u-toolip .loadin-spinner[data-v-4129bac5] {
    margin: 6px 0
}

@keyframes rotate-4129bac5 {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

.u-toolip .rotate[data-v-4129bac5] {
    animation-duration: 1.2s;
    animation-iteration-count: infinite;
    animation-name: rotate-4129bac5;
    animation-timing-function: linear
}

.u-toolip[data-v-4129bac5]:before {
    border-bottom: 10px solid #fff;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    content: "";
    left: 50%;
    position: absolute;
    top: -10px;
    transform: translate(-50%) scaleY(1.5) skewX(40deg);
    transform-origin: 50% bottom
}


.scroll-container[data-v-45930c7a] {
    max-height: 250px
}

.main-box .play-sound[data-v-45930c7a] {
    cursor: pointer;
    height: 20px;
    opacity: .45;
    width: 20px
}

.main-box .play-sound[data-v-45930c7a]:hover {
    opacity: .7
}

.main-box .play-sound[data-v-45930c7a]:active {
    background-position: center calc(50% + 1px);
    opacity: 1
}


.scroll-container[data-v-97a84f04] {
    max-height: 250px
}

.language-select-box .title-box .cancel-button[data-v-97a84f04] {
    cursor: pointer;
    padding: 1px 6px
}

.language-select-box .title-box .cancel-button[data-v-97a84f04]:hover {
    background: #e0e0e0
}

.language-select-box .language-item[data-v-97a84f04] {
    cursor: pointer;
    flex: 0 0 33.3333%;
    padding: 1px 0
}

.language-select-box .language-item.active[data-v-97a84f04] {
    background: #e8e8e8
}

.language-select-box .language-item[data-v-97a84f04]:hover {
    background: #e0e0e0
}

.bottom-info-box .language-info-box[data-v-97a84f04] {
    color: #bbb;
    -moz-user-select: none;
    user-select: none
}

.bottom-info-box .language-info-box .language[data-v-97a84f04] {
    cursor: pointer
}

.bottom-info-box .language-info-box .language[data-v-97a84f04]:hover {
    color: #409eff
}


.app-info-text-input[data-v-529beb18] .label {
    width: 120px
}


.iciba-main-wrap[data-v-becc6b2c] {
    z-index: 9999
}

.iciba-main-wrap.m-enter-from[data-v-becc6b2c] {
    opacity: 0
}

.iciba-main-wrap.m-enter-from .iciba-main[data-v-becc6b2c] {
    transform: translateY(-6px)
}

.iciba-main-wrap.m-leave-to[data-v-becc6b2c] {
    opacity: 0
}

.iciba-main-wrap.m-enter-to[data-v-becc6b2c],
.iciba-main-wrap.m-leave-from[data-v-becc6b2c] {
    opacity: 1
}

.iciba-main[data-v-becc6b2c] {
    filter: drop-shadow(0 2px 1.5px rgba(0, 0, 0, .14)) drop-shadow(0 4px 2.5px rgba(0, 0, 0, .15)) drop-shadow(0 1px 5px rgba(0, 0, 0, .12));
    left: 0;
    letter-spacing: 0;
    top: 0;
    width: 300px
}

.input-box[data-v-becc6b2c] {
    height: 28px;
    z-index: 1
}

.input-box .iciba-input-box .search-input[data-v-becc6b2c] {
    height: 27px;
    letter-spacing: 0;
    line-height: 27px;
    padding: 0 4px 0 7px;
    z-index: 2
}

.input-box .iciba-input-box .search-input[data-v-becc6b2c]:focus {
    outline: none
}

.input-box .iciba-input-box.focused[data-v-becc6b2c]:before {
    content: "";
    height: calc(100% - 1px);
    left: 1px;
    outline: 2px solid #48f;
    outline-offset: -1px;
    position: absolute;
    top: 1px;
    width: calc(100% - 1px)
}

.input-box .iciba-input-box .input-button[data-v-becc6b2c] {
    height: 27px;
    opacity: .2;
    width: 27px;
    z-index: 2
}

.input-box .iciba-input-box .input-button[data-v-becc6b2c]:hover {
    opacity: .6
}

.input-box .iciba-input-box .input-button[data-v-becc6b2c]:active {
    background-position: center calc(50% + 1px);
    opacity: .9
}

.input-box .provider-box[data-v-becc6b2c] {
    height: 28px
}

.input-box .provider-box .provider-button[data-v-becc6b2c] {
    background-color: #f7f7f7;
    flex: 0 0 28px;
    height: 27px;
    width: 28px
}

.input-box .provider-box .provider-button[data-v-becc6b2c]:focus {
    outline: none
}

.input-box .provider-box .provider-button[data-v-becc6b2c]:focus:before {
    content: "";
    height: calc(100% - 1px);
    left: 0;
    outline: 2px solid #48f;
    outline-offset: -1px;
    position: absolute;
    top: 1px;
    width: 100%
}

.input-box .provider-box .provider-button[data-v-becc6b2c]:last-child:focus:before {
    width: calc(100% - 1px)
}

.input-box .provider-box .provider-button[data-v-becc6b2c]:hover {
    background-color: #fcfcfc
}

.input-box .provider-box .provider-button[data-v-becc6b2c]:active {
    background-color: #f0f0f0;
    background-position: center calc(50% + 1px);
    box-shadow: inset 0 0 6px #aaa
}

.content-box[data-v-becc6b2c] {
    background: #f7f7f7;
    z-index: 2
}

.content-box .content-item[data-v-becc6b2c] {
    padding: 7px 10px 10px
}

.stick-box[data-v-becc6b2c] {
    background: #eee;
    background-color: #f7f7f7;
    height: 56px;
    right: 0;
    top: 0;
    transform: translate(100%);
    transition-duration: .1s;
    width: 28px;
    z-index: 0
}

.stick-box.s-enter[data-v-becc6b2c],
.stick-box.s-leave-to[data-v-becc6b2c] {
    transform: translate(0);
    transition-delay: .3s
}

.stick-box.s-enter-to[data-v-becc6b2c],
.stick-box.s-leave[data-v-becc6b2c] {
    transform: translate(100%)
}

.stick-box .drag[data-v-becc6b2c] {
    cursor: -webkit-grab;
    cursor: grab
}

.stick-box .drag[data-v-becc6b2c],
.stick-box .stick[data-v-becc6b2c] {
    height: 28px;
    width: 28px
}

.stick-box .stick .i-icon[data-v-becc6b2c] {
    opacity: .4;
    transform: rotate(45deg)
}

.stick-box .stick.pinned .i-icon[data-v-becc6b2c] {
    opacity: 1;
    transform: rotate(0)
}


.iciba-circle[data-v-b769a32c] {
    height: 22px;
    opacity: .9;
    width: 22px;
    z-index: 10000
}

.iciba-circle.circle[data-v-b769a32c] {
    border-radius: 9999px
}

.iciba-circle[data-v-b769a32c]:not(.has-icon) {
    background: #a8c6f0;
    border: 1px solid #0f0f0f;
    box-shadow: 0 1px 1px -1px rgba(0, 0, 0, .2), 0 0 1px 0 rgba(0, 0, 0, .14), 0 0 3px 0 rgba(0, 0, 0, .12);
    opacity: .7
}

.iciba-circle[data-v-b769a32c]:not(.has-icon):active {
    box-shadow: 0 1px 1px -1px rgba(0, 0, 0, .2), 0 0 1px 0 rgba(0, 0, 0, .14), 0 0 3px 0 rgba(0, 0, 0, .12), inset 1px 1px 1px rgba(0, 0, 0, .4)
}

.iciba-circle.c-leave-active[data-v-b769a32c] {
    transition: .15s cubic-bezier(.4, 0, .2, 1);
    transition-property: opacity, transform
}

.iciba-circle.c-leave-to[data-v-b769a32c] {
    opacity: 0;
    transform: scale(.9)
}

.iciba-circle.c-leave[data-v-b769a32c] {
    opacity: 1;
    transform: scale(1)
}

.iciba-circle[data-v-b769a32c]:hover {
    opacity: 1
}

.iciba-circle[data-v-b769a32c]:active {
    filter: brightness(.7)
}


.i-tabs {
    -moz-user-select: none;
    user-select: none
}

.i-tabs .slider {
    background: hsla(0, 0%, 100%, .6);
    width: 3px
}

.i-tabs .tab {
    color: hsla(0, 0%, 100%, .7);
    cursor: pointer;
    font-weight: 500;
    line-height: 22px;
    padding: 12px;
    text-transform: uppercase;
    transition: color .1s ease
}

.i-tabs .tab.active {
    color: #fff
}

.i-tabs .tab .active-ripple .v-ripple__animation--in {
    opacity: .25 !important
}

.i-tabs .tab .inactive-ripple .v-ripple__animation--in {
    opacity: .2
}


.i-tabs-items .window-container {
    min-height: 100%;
    overflow: hidden;
    transition-property: height;
    width: 100%
}

.i-tabs-items .vnode-window {
    width: 100%
}

.i-tabs-items .vnode-window.animating {
    transition: .3s ease
}


.modal-component[data-v-76591e7d] {
    background: rgba(0, 0, 0, .3)
}

.modal-component.m-enter-from[data-v-76591e7d],
.modal-component.m-leave-to[data-v-76591e7d] {
    background: transparent
}

.modal-component.m-enter-from .modal-container[data-v-76591e7d],
.modal-component.m-leave-to .modal-container[data-v-76591e7d] {
    opacity: 0
}

.modal-component.m-enter-from .modal-container[data-v-76591e7d] {
    transform: scale(.9)
}

.modal-component.m-enter-to[data-v-76591e7d],
.modal-component.m-leave-from[data-v-76591e7d] {
    background: rgba(0, 0, 0, .3)
}


.icon-box-container .icon-item[data-v-be105b76] {
    height: 44px;
    width: 44px
}

.icon-box-container .icon-item.icon-move[data-v-be105b76] {
    transition: transform .3s cubic-bezier(.4, 0, .2, 1)
}

.icon-box-container .icon-item .mask-box[data-v-be105b76] {
    background: #eee;
    border: 1px solid #aaa;
    border-radius: 3px;
    height: 44px;
    left: 0;
    top: 0;
    width: 44px;
    z-index: 2
}

.icon-box-container .icon-item .mask-box.mask-enter-to[data-v-be105b76],
.icon-box-container .icon-item .mask-box.mask-leave[data-v-be105b76] {
    opacity: 1
}

.icon-box-container .icon-item .mask-box.mask-enter[data-v-be105b76],
.icon-box-container .icon-item .mask-box.mask-leave-to[data-v-be105b76] {
    opacity: 0
}

.icon-box-container .icon-item .mask-box.mask-leave-active[data-v-be105b76] {
    transition-delay: .2s
}

.icon-box-container .icon-item .icon-box[data-v-be105b76] {
    height: 44px;
    width: 44px;
    z-index: 3
}

.icon-box-container .icon-item .icon-box .icon.inactive[data-v-be105b76] {
    opacity: .25
}


.default-iciba-circle[data-v-d6c1cc28] {
    background: #a8c6f0;
    border: 1px solid #0f0f0f;
    border-radius: 9999px;
    box-shadow: 0 1px 1px -1px rgba(0, 0, 0, .2), 0 0 1px 0 rgba(0, 0, 0, .14), 0 0 3px 0 rgba(0, 0, 0, .12);
    opacity: .7
}


.setting-window[data-v-52c940b4] {
    height: 580px;
    width: 580px
}


.toast-box[data-v-22ad7e37] {
    background: rgba(0, 0, 0, .5);
    border-radius: 6px;
    bottom: 10%;
    left: 50%;
    padding: 10px 18px;
    transform: translate(-50%, -50%);
    transform-origin: left top;
    z-index: 2147483647
}

.t-enter-from[data-v-22ad7e37],
.t-leave-to[data-v-22ad7e37] {
    opacity: 0
}

.toast-box.t-enter-from[data-v-22ad7e37] {
    transform: scale(.9) translate(-50%, -50%)
}
.history-window[data-v-2d428882] {
    height: 560px;
    width: 480px
}


.image-loader.loading[data-v-c0604a02] {
    border-radius: 4px;
    box-shadow: 0 0 0 3px #e9f4fb
}


.label-box.size-small[data-v-58734797] .label {
    font-size: 12px;
    padding: 1px 4px
}

.label-box.size-medium[data-v-58734797] .label {
    font-size: 12px;
    padding: 2px 6px
}

.label-box.size-large[data-v-58734797] .label {
    font-size: 14px;
    padding: 3px 8px
}

.label-box.color-plain[data-v-58734797] .label {
    background: #f0f0f0
}

.label-box.color-lightpink[data-v-58734797] .label {
    background: #fbe0e0
}

.label-box.color-lightblue[data-v-58734797] .label {
    background: #d7eaf9
}

.label-box.color-geographic[data-v-58734797] .label {
    background: #ddf7ba;
    text-transform: uppercase
}

.label-box.color-register[data-v-58734797] .label,
.label-box.color-registers[data-v-58734797] .label {
    background: #f0f0f0;
    text-transform: uppercase
}

.label-box.color-subject[data-v-58734797] .label {
    background: #f2e0fa;
    text-transform: uppercase
}

.label-box .label[data-v-58734797] {
    margin-right: 5px
}

.label-box .label.last[data-v-58734797] {
    margin-right: 0
}

.label-box .label .tooltip[data-v-58734797] {
    background: rgba(0, 0, 0, .5);
    filter: drop-shadow(0 0 .5px black);
    line-height: 16px;
    margin-right: -7px;
    padding: 0 4px 0 3px;
    pointer-events: none;
    right: 0;
    top: 50%;
    transform: translate(100%, -50%);
    transition: .12s;
    white-space: nowrap;
    z-index: 200000
}

.label-box .label .tooltip[data-v-58734797]:after {
    border: 6px solid transparent;
    border-right-color: rgba(0, 0, 0, .5);
    content: "";
    left: 0;
    margin-left: 1px;
    position: absolute;
    top: 50%;
    transform: translate(-100%, -50%);
    z-index: 1
}

.label-box .label .tooltip.p-enter[data-v-58734797],
.label-box .label .tooltip.p-leave-to[data-v-58734797] {
    opacity: 0
}

.label-box .label .tooltip.p-enter-to[data-v-58734797],
.label-box .label .tooltip.p-leave[data-v-58734797] {
    opacity: 1
}


.thesaurus-syn-ant .type-synonyms[data-v-2759b815] {
    color: #78b07b
}

.thesaurus-syn-ant .type-antonyms[data-v-2759b815] {
    color: #ce8383
}

.thesaurus-syn-ant .show-more-or-less[data-v-2759b815] {
    opacity: .7
}


.sense-item .sense-item-number[data-v-b981c738] {
    flex: 0 0 32px;
    padding: 0 10px 0 0
}

.sense-item .subsense-item .subsense-number[data-v-b981c738] {
    font-family: consolas, monospace
}


.google-dict-modal[data-v-ea3555cc] {
    font-family: Arial, Microsoft Yahei UI, sans-serif;
    height: 100vh;
    max-width: 800px;
    width: 80vw
}

.fold-control[data-v-ea3555cc] {
    left: 50%;
    top: 0;
    transform: translate(-50%)
}

.fold-control .control-btn[data-v-ea3555cc] {
    height: 32px;
    width: 32px
}

.fold-control .control-btn.disable[data-v-ea3555cc] {
    opacity: .2;
    pointer-events: none
}

.fold-control .control-btn[data-v-ea3555cc]:hover {
    background-color: #f0f0f0
}

.fold-control .control-btn:hover .tooltip[data-v-ea3555cc] {
    opacity: 1
}

.fold-control .control-btn[data-v-ea3555cc]:active {
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, .3)
}

.fold-control .tooltip[data-v-ea3555cc] {
    background: rgba(0, 0, 0, .5);
    border-radius: 4px;
    bottom: -8px;
    color: #fff;
    font-size: 12px;
    left: 50%;
    opacity: 0;
    padding: 1px 6px;
    pointer-events: none;
    position: absolute;
    transform: translate(-50%, 100%);
    transition: .3s cubic-bezier(.4, 0, .2, 1)
}


.flex-col {
    display: flex
}

.flex-center {
    align-items: center;
    justify-content: center
}

html {
    -webkit-text-size-adjust: 100%;
    box-sizing: border-box;
    overflow-y: scroll
}

*,
:after,
:before {
    border: 0 solid #e2e8f0;
    box-sizing: inherit
}

:after,
:before {
    text-decoration: inherit;
    vertical-align: inherit
}

* {
    background-repeat: no-repeat;
    box-sizing: border-box;
    margin: 0;
    padding: 0
}

audio:not([controls]) {
    display: none;
    height: 0
}

hr {
    overflow: visible
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
    display: block
}

summary {
    display: list-item
}

small {
    font-size: 80%
}

[hidden],
template {
    display: none
}

abbr[title] {
    border-bottom: 1px dotted;
    text-decoration: none
}

a {
    -webkit-text-decoration-skip: objects;
    background-color: initial
}

a:active,
a:hover {
    outline-width: 0
}

code,
kbd,
pre,
samp {
    font-family: monospace, monospace
}

b,
strong {
    font-weight: bolder
}

dfn {
    font-style: italic
}

mark {
    background-color: #ff0;
    color: #000
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: initial
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

input {
    border-radius: 0
}

[type=button],
[type=reset],
[type=submit] [role=button],
button {
    cursor: pointer
}

[disabled] {
    cursor: default
}

[type=number] {
    width: auto
}

[type=search]::-webkit-search-cancel-button,
[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

textarea {
    overflow: auto;
    resize: vertical
}

button,
input,
optgroup,
select,
textarea {
    font: inherit
}

optgroup {
    font-weight: 700
}

button {
    overflow: visible
}

[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner,
button::-moz-focus-inner {
    border-style: 0;
    padding: 0
}

[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner,
button:-moz-focusring {
    border: 0;
    outline: 0
}

[type=reset],
[type=submit],
button,
html [type=button] {
    -webkit-appearance: button
}

button,
select {
    text-transform: none
}

button,
input,
select,
textarea {
    background-color: initial;
    border-style: none;
    color: inherit
}

select {
    -moz-appearance: none;
    -webkit-appearance: none
}

select::-ms-expand {
    display: none
}

select::-ms-value {
    color: currentColor
}

legend {
    border: 0;
    color: inherit;
    display: table;
    max-width: 100%;
    white-space: normal
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

[type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

img {
    border-style: none
}

progress {
    vertical-align: initial
}

svg:not(:root) {
    overflow: hidden
}

audio,
canvas,
progress,
video {
    display: inline-block
}

@media screen {
    [hidden~=screen] {
        display: inherit
    }

    [hidden~=screen]:not(:active):not(:focus):not(:target) {
        clip: rect(0 0 0 0) !important;
        position: absolute !important
    }
}

[aria-busy=true] {
    cursor: progress
}

[aria-controls] {
    cursor: pointer
}

[aria-disabled] {
    cursor: default
}

::-moz-selection {
    background-color: #b3d4fc;
    color: #000;
    text-shadow: none
}

::selection {
    background-color: #b3d4fc;
    color: #000;
    text-shadow: none
}

.v-ripple__container {
    border-radius: inherit;
    contain: strict;
    height: 100%;
    width: 100%;
    z-index: 0
}

.v-ripple__animation,
.v-ripple__container {
    color: inherit;
    left: 0;
    overflow: hidden;
    pointer-events: none;
    position: absolute;
    top: 0
}

.v-ripple__animation {
    background: currentColor;
    border-radius: 50%;
    opacity: 0;
    will-change: transform, opacity
}

.v-ripple__animation--enter {
    transition: none
}

.v-ripple__animation--in {
    transition: transform .25s cubic-bezier(.4, 0, .2, 1), opacity .1s cubic-bezier(.4, 0, .2, 1)
}

.v-ripple__animation--out {
    transition: opacity .3s cubic-bezier(.4, 0, .2, 1)
}

a {
    color: #1976d2
}

.the-app[data-v-63465bcb] {
    color: #000;
    font-family: Source Han Sans SC, Microsoft Yahei UI, Microsoft Yahei, Arial, sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5
}