#loadform {
    border-top: 3px solid var(--hd-primary, #2e4a43);
    padding-top: 15px;	
}

/* Dictionary listing word row */
@keyframes dictionary-word-audio-spin {
    to { transform: rotate(360deg); }
}

@keyframes dictionary-word-audio-equalizer {
    from { transform: scaleY(.35); }
    to { transform: scaleY(1); }
}

@keyframes dictionary-word-audio-pulse {
    0% { box-shadow: 0 0 0 0 rgba(46, 74, 67, .45); }
    100% { box-shadow: 0 0 0 8px rgba(46, 74, 67, 0); }
}

.dictionary-word-list.hsk-rows {
    display: block;
    gap: 0;
    overflow: visible;
    margin: 0;
    border: 1px solid var(--hd-border, #d7ddda);
    border-radius: 12px;
    background: #fff;
    box-shadow: 0 1px 3px rgba(10, 37, 48, .06);
}

.dictionary-word-row {
    display: grid;
    grid-template-columns: 232px minmax(0, 1fr) auto;
    grid-template-areas:
        "word translation translation"
        "meta meta actions";
    align-items: center;
    width: 100%;
    min-width: 0;
    margin: 0;
    padding: 18px 20px;
    column-gap: 22px;
    row-gap: 14px;
    border: 0;
    border-top: 1px solid var(--hd-border, #d7ddda);
    background: #fff;
    box-shadow: none;
    color: var(--hd-text, #222a2d);
    font-family: "Noto Sans", "Helvetica Neue", Arial, sans-serif;
    transition: background-color 120ms ease-out;
}

.dictionary-word-row:first-child {
    border-top: 0;
    border-radius: 11px 11px 0 0;
}

.dictionary-word-row:last-child {
    border-radius: 0 0 11px 11px;
}

.dictionary-word-row:only-child {
    border-radius: 11px;
}

.dictionary-word-row:hover,
.dictionary-word-row:focus-within {
    background: var(--hd-surface-muted, #eff2ef);
}

.dictionary-word-row__word,
.dictionary-word-row__translation,
.dictionary-word-row__meta,
.dictionary-word-row__actions {
    min-width: 0;
}

.dictionary-word-row__word {
    display: flex;
    grid-area: word;
    align-items: center;
    gap: 10px;
}
.dictionary-word-row__translation { grid-area: translation; }
.dictionary-word-row__meta { grid-area: meta; }
.dictionary-word-row__actions { grid-area: actions; }

.dictionary-word-row__word-link,
.dictionary-word-compact__word-link {
    display: inline-block;
    max-width: 100%;
    border-radius: 6px;
    color: var(--hd-text, #222a2d);
    text-decoration: none;
}

.dictionary-word-row__word-link {
    min-width: 0;
}

.dictionary-word-row__page-link {
    display: inline-grid;
    width: 28px;
    height: 28px;
    flex: 0 0 28px;
    margin-left: auto;
    place-items: center;
    border: 1px solid var(--hd-border, #d7ddda);
    border-radius: 9px;
    background: var(--hd-surface-muted, #eff2ef);
    color: var(--hd-primary-hover, #1f342f);
    text-decoration: none;
    transition: border-color 120ms ease-out, background-color 120ms ease-out;
}

.dictionary-word-row__page-link:hover,
.dictionary-word-row__page-link:focus {
    border-color: var(--hd-control-border, #7d8983);
    background: var(--hd-primary-soft, #e7eeea);
    color: var(--hd-primary-hover, #1f342f);
    text-decoration: none;
}

.dictionary-word-row__page-link svg {
    width: 18px;
    height: 18px;
}

.dictionary-word-row__word-link:hover,
.dictionary-word-row__word-link:focus,
.dictionary-word-compact__word-link:hover,
.dictionary-word-compact__word-link:focus {
    color: var(--hd-primary-hover, #1f342f);
    text-decoration: none;
}

.dictionary-word-row__word-link:focus,
.dictionary-word-compact__word-link:focus,
.dictionary-word-row__page-link:focus,
.dictionary-word-row__more:focus,
.dictionary-word-audio:focus,
.dictionary-word-level:focus {
    outline: 2px solid var(--hd-focus, #275ea8);
    outline-offset: 2px;
}

.dictionary-word-row__ruby,
.dictionary-word-compact__ruby {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    color: inherit;
    font-family: 'simkai', "Noto Sans", "Helvetica Neue", Arial, "Microsoft YaHei", "PingFang SC", sans-serif;
    line-height: 1.1;
}

.dictionary-word-row__ruby {
    gap: 21px 6px;
    font-size: 38px;
}

.dictionary-word-row__ruby ruby,
.dictionary-word-compact__ruby ruby {
    ruby-align: center;
    white-space: nowrap;
}

.dictionary-word-row__ruby rt,
.dictionary-word-compact__ruby rt {
    padding-bottom: 5px;
    color: var(--hd-primary, #2e4a43);
    font-family: "Noto Sans", "Helvetica Neue", Arial, sans-serif;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: .02em;
    line-height: 1.1;
}

.dictionary-word-row--length-3-4 .dictionary-word-row__ruby { font-size: 32px; }
.dictionary-word-row--length-5-6 .dictionary-word-row__ruby { font-size: 28px; }
.dictionary-word-row--length-7-8 .dictionary-word-row__ruby { font-size: 25px; }
.dictionary-word-row--length-9-plus .dictionary-word-row__ruby { font-size: 21px; }
.dictionary-word-row--length-7-8 .dictionary-word-row__ruby { row-gap: 20px; }
.dictionary-word-row--length-9-plus .dictionary-word-row__ruby { row-gap: 19px; }
.dictionary-word-row--length-7-8 .dictionary-word-row__ruby rt,
.dictionary-word-row--length-9-plus .dictionary-word-row__ruby rt { padding-bottom: 4px; }
.dictionary-word-row--length-7-8 .dictionary-word-row__ruby rt { font-size: 12px; }
.dictionary-word-row--length-9-plus .dictionary-word-row__ruby rt { font-size: 11px; }

.dictionary-word-row__translation-text {
    display: -webkit-box;
    overflow: hidden;
    margin: 0;
    color: var(--hd-muted, #5d686c);
    font-size: 14.5px;
    line-height: 1.5;
    overflow-wrap: anywhere;
    text-wrap: pretty;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.dictionary-word-row__more {
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: 4px;
    margin-top: 3px;
    border-radius: 4px;
    color: var(--hd-primary, #2e4a43);
    font-size: 12.5px;
    font-weight: 700;
    text-decoration: none;
}

.dictionary-word-row__more[hidden] { display: none; }

.dictionary-word-row__more:hover,
.dictionary-word-row__more:focus {
    color: var(--hd-primary-hover, #1f342f);
    text-decoration: none;
}

.dictionary-word-row__meta {
    display: flex;
    align-items: center;
    gap: 12px;
}

.dictionary-word-row__levels,
.dictionary-word-compact__levels {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    min-width: 0;
    gap: 6px;
}

.dictionary-word-level {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 24px;
    padding: 0 10px;
    border-radius: 999px;
    color: #8a5a16;
    background: #fbf3e4;
    font-size: 11.5px;
    font-weight: 700;
    line-height: 1;
    text-decoration: none;
    white-space: nowrap;
}

.dictionary-word-level::after,
.dictionary-word-row__more::after {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    min-width: 36px;
    height: 36px;
    content: "";
    transform: translate(-50%, -50%);
}

.dictionary-word-level--yct {
    color: #5b4a8a;
    background: #f0eafb;
}

.dictionary-word-level--frequency {
    color: #2f7d37;
    background: #edf8ee;
}

.dictionary-word-frequency {
    position: relative;
    z-index: 1;
    display: inline-flex;
    align-items: center;
}

.dictionary-word-frequency__tooltip {
    position: absolute;
    z-index: 20;
    top: calc(100% + 9px);
    left: 50%;
    display: flex;
    width: 260px;
    max-width: calc(100vw - 30px);
    padding: 11px 13px;
    border: 1px solid var(--hd-border, #d7ddda);
    border-radius: 10px;
    background: #fff;
    box-shadow: 0 6px 18px rgba(10, 37, 48, .14);
    color: var(--hd-muted, #5d686c);
    flex-direction: column;
    gap: 3px;
    font-size: 12px;
    line-height: 1.4;
    opacity: 0;
    pointer-events: none;
    transform: translate(-50%, 4px);
    transition: opacity 120ms ease-out, transform 120ms ease-out, visibility 120ms ease-out;
    visibility: hidden;
}

.dictionary-word-frequency__tooltip strong {
    color: var(--hd-text, #222a2d);
    font-size: 12.5px;
    font-weight: 700;
}

.dictionary-word-frequency:hover,
.dictionary-word-frequency:focus-within {
    z-index: 21;
}

.dictionary-word-frequency:hover .dictionary-word-frequency__tooltip,
.dictionary-word-frequency:focus-within .dictionary-word-frequency__tooltip {
    opacity: 1;
    transform: translate(-50%, 0);
    visibility: visible;
}

.dictionary-word-level:hover,
.dictionary-word-level:focus {
    color: #8a5a16;
    background: #f6e9ce;
    text-decoration: none;
}

.dictionary-word-level--yct:hover,
.dictionary-word-level--yct:focus {
    color: #5b4a8a;
    background: #e5daf7;
}

.dictionary-word-level--frequency:hover,
.dictionary-word-level--frequency:focus {
    color: #286c30;
    background: #dff1e1;
}

.dictionary-word-audio {
    position: relative;
    display: inline-flex;
    flex: 0 0 36px;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    min-width: 36px;
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: 10px;
    background: var(--hd-primary-soft, #e7eeea);
    color: var(--hd-primary-hover, #1f342f);
    cursor: pointer;
    transition: background-color 120ms ease-out, color 120ms ease-out, border-color 120ms ease-out;
}

.dictionary-word-audio:hover,
.dictionary-word-audio:focus {
    background: var(--hd-accent-soft, #fff3c4);
    color: var(--hd-primary-hover, #1f342f);
}

.dictionary-word-audio.is-playing {
    background: var(--hd-accent, #f3ce55);
    animation: dictionary-word-audio-pulse 1.15s ease-out infinite;
}

.dictionary-word-audio.is-error {
    border: 1px solid var(--hd-error, #b73535);
    background: var(--hd-error-surface, #fdeded);
    color: var(--hd-error, #b73535);
}

.dictionary-word-audio.is-unavailable,
.dictionary-word-audio[disabled] {
    border: 0;
    background: var(--hd-surface-muted, #eff2ef);
    color: var(--hd-muted, #5d686c);
    cursor: default;
}

.dictionary-word-audio__spinner,
.dictionary-word-audio__equalizer,
.dictionary-word-audio__error {
    display: none;
}

.dictionary-word-audio.is-loading .dictionary-word-audio__speaker,
.dictionary-word-audio.is-playing .dictionary-word-audio__speaker,
.dictionary-word-audio.is-error .dictionary-word-audio__speaker,
.dictionary-word-audio.is-unavailable .dictionary-word-audio__speaker {
    display: none;
}

.dictionary-word-audio.is-loading .dictionary-word-audio__spinner {
    display: block;
    width: 15px;
    height: 15px;
    border: 2px solid rgba(31, 52, 47, .22);
    border-top-color: currentColor;
    border-radius: 50%;
    animation: dictionary-word-audio-spin .8s linear infinite;
}

.dictionary-word-audio.is-playing .dictionary-word-audio__equalizer {
    display: inline-flex;
    align-items: center;
    gap: 2.5px;
    height: 15px;
}

.dictionary-word-audio__equalizer i {
    width: 2.5px;
    height: 15px;
    border-radius: 2px;
    background: currentColor;
    transform-origin: center bottom;
    animation: dictionary-word-audio-equalizer .5s ease-in-out infinite alternate;
}

.dictionary-word-audio__equalizer i:nth-child(2) { animation-delay: .16s; }
.dictionary-word-audio__equalizer i:nth-child(3) { animation-delay: .32s; }

.dictionary-word-audio.is-error .dictionary-word-audio__error,
.dictionary-word-audio.is-unavailable .dictionary-word-audio__error {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
}

.dictionary-word-row__actions {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

/* Compact word row used by the existing home knowledge-base column. */
.dictionary-word-compact-list {
    overflow: hidden;
    border: 1px solid var(--hd-border, #d7ddda);
    border-radius: 12px;
    background: #fff;
    box-shadow: 0 1px 3px rgba(10, 37, 48, .06);
}

.dictionary-word-compact {
    display: grid;
    grid-template-columns: 168px minmax(0, 1fr) auto 32px;
    grid-template-areas: "compact-word compact-translation compact-levels compact-audio";
    align-items: center;
    min-width: 0;
    padding: 12px 16px;
    column-gap: 16px;
    border-top: 1px solid var(--hd-border, #d7ddda);
    background: #fff;
    color: var(--hd-text, #222a2d);
    font-family: "Noto Sans", "Helvetica Neue", Arial, sans-serif;
    transition: background-color 120ms ease-out;
}

.dictionary-word-compact:first-child {
    border-top: 0;
    border-radius: 11px 11px 0 0;
}

.dictionary-word-compact:last-child { border-radius: 0 0 11px 11px; }
.dictionary-word-compact:only-child { border-radius: 11px; }

.dictionary-word-compact:hover,
.dictionary-word-compact:focus-within { background: var(--hd-surface-muted, #eff2ef); }

.dictionary-word-compact__word {
    grid-area: compact-word;
    min-width: 0;
}

.dictionary-word-compact__audio {
    grid-area: compact-audio;
    width: 32px;
    height: 32px;
    min-width: 32px;
    border-radius: 9px;
}

.dictionary-word-compact-list:not(.dictionary-word-compact-list--stack) .dictionary-word-compact__audio::after {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 36px;
    height: 36px;
    content: "";
    transform: translate(-50%, -50%);
}

.dictionary-word-compact__audio svg {
    width: 14px;
    height: 14px;
}

.dictionary-word-compact__levels {
    grid-area: compact-levels;
    gap: 5px;
}

.dictionary-word-compact .dictionary-word-level {
    min-height: 22px;
    padding: 0 9px;
    font-size: 11px;
}

.dictionary-word-compact__translation {
    display: -webkit-box;
    grid-area: compact-translation;
    overflow: hidden;
    min-width: 0;
    margin: 0;
    color: var(--hd-muted, #5d686c);
    font-size: 13.5px;
    line-height: 1.45;
    overflow-wrap: anywhere;
    text-wrap: pretty;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}

.dictionary-word-compact__ruby {
    gap: 19px 5px;
    font-size: 30px;
}

.dictionary-word-compact__ruby rt {
    padding-bottom: 4px;
    font-size: 12px;
}

.dictionary-word-compact--length-3-4 .dictionary-word-compact__ruby { font-size: 26px; }
.dictionary-word-compact--length-5-6 .dictionary-word-compact__ruby { font-size: 23px; }
.dictionary-word-compact--length-7-plus .dictionary-word-compact__ruby { font-size: 20px; }
.dictionary-word-compact--length-5-6 .dictionary-word-compact__ruby,
.dictionary-word-compact--length-7-plus .dictionary-word-compact__ruby { row-gap: 18.5px; }
.dictionary-word-compact--length-5-6 .dictionary-word-compact__ruby rt,
.dictionary-word-compact--length-7-plus .dictionary-word-compact__ruby rt { font-size: 11.5px; }

.dictionary-word-compact-list--stack .dictionary-word-compact {
    grid-template-columns: minmax(0, 1fr) 44px;
    grid-template-areas:
        "compact-word compact-audio"
        "compact-levels compact-levels"
        "compact-translation compact-translation";
    align-items: start;
    padding: 12px 14px;
    column-gap: 0;
}

.dictionary-word-compact-list--stack .dictionary-word-compact__word {
    padding-right: 12px;
}

.dictionary-word-compact-list--stack .dictionary-word-compact__audio {
    width: 44px;
    height: 44px;
    min-width: 44px;
    border-radius: 10px;
}

.dictionary-word-compact-list--stack .dictionary-word-compact__audio svg {
    width: 15px;
    height: 15px;
}

.dictionary-word-compact .dictionary-word-audio.is-playing .dictionary-word-audio__equalizer {
    gap: 2px;
    height: 12px;
}

.dictionary-word-compact .dictionary-word-audio.is-playing .dictionary-word-audio__equalizer i {
    height: 12px;
}

.dictionary-word-compact-list--stack .dictionary-word-audio.is-playing .dictionary-word-audio__equalizer {
    height: 13px;
}

.dictionary-word-compact-list--stack .dictionary-word-audio.is-playing .dictionary-word-audio__equalizer i {
    height: 13px;
}

.dictionary-word-compact-list--stack .dictionary-word-compact__levels {
    margin-top: 8px;
}

.dictionary-word-compact-list--stack .dictionary-word-compact__translation {
    margin-top: 8px;
    line-height: 1.5;
    -webkit-line-clamp: 2;
}

.dictionary-word-compact-list--stack .dictionary-word-compact__ruby {
    gap: 19px 5px;
    font-size: 28px;
}

.dictionary-word-compact-list--stack .dictionary-word-compact--length-3-4 .dictionary-word-compact__ruby { font-size: 25px; }
.dictionary-word-compact-list--stack .dictionary-word-compact--length-5-6 .dictionary-word-compact__ruby { font-size: 22px; }
.dictionary-word-compact-list--stack .dictionary-word-compact--length-7-plus .dictionary-word-compact__ruby { font-size: 19px; }

@media (max-width: 719px) {
    .dictionary-word-compact-list:not(.dictionary-word-compact-list--stack) .dictionary-word-compact {
        grid-template-columns: minmax(0, 1fr) 44px;
        grid-template-areas:
            "compact-word compact-audio"
            "compact-levels compact-levels"
            "compact-translation compact-translation";
        align-items: start;
        padding: 12px 14px;
        column-gap: 0;
    }

    .dictionary-word-compact-list:not(.dictionary-word-compact-list--stack) .dictionary-word-compact__word {
        padding-right: 12px;
    }

    .dictionary-word-compact-list:not(.dictionary-word-compact-list--stack) .dictionary-word-compact__audio {
        width: 44px;
        height: 44px;
        min-width: 44px;
        border-radius: 10px;
    }

    .dictionary-word-compact-list:not(.dictionary-word-compact-list--stack) .dictionary-word-compact__levels,
    .dictionary-word-compact-list:not(.dictionary-word-compact-list--stack) .dictionary-word-compact__translation {
        margin-top: 8px;
    }

    .dictionary-word-compact-list:not(.dictionary-word-compact-list--stack) .dictionary-word-compact__translation {
        line-height: 1.5;
        -webkit-line-clamp: 2;
    }

    .dictionary-word-compact-list:not(.dictionary-word-compact-list--stack) .dictionary-word-compact__ruby {
        font-size: 28px;
    }

    .dictionary-word-compact-list:not(.dictionary-word-compact-list--stack) .dictionary-word-compact--length-3-4 .dictionary-word-compact__ruby { font-size: 25px; }
    .dictionary-word-compact-list:not(.dictionary-word-compact-list--stack) .dictionary-word-compact--length-5-6 .dictionary-word-compact__ruby { font-size: 22px; }
    .dictionary-word-compact-list:not(.dictionary-word-compact-list--stack) .dictionary-word-compact--length-7-plus .dictionary-word-compact__ruby { font-size: 19px; }
}

@media (max-width: 1199px) and (min-width: 768px) {
    .dictionary-word-row {
        grid-template-columns: 216px minmax(0, 1fr) auto;
        padding: 16px 20px;
        column-gap: 18px;
        row-gap: 12px;
    }

    .dictionary-word-row__ruby { font-size: 36px; }
    .dictionary-word-row--length-3-4 .dictionary-word-row__ruby { font-size: 31px; }
    .dictionary-word-row--length-5-6 .dictionary-word-row__ruby { font-size: 27px; }
    .dictionary-word-row--length-7-8 .dictionary-word-row__ruby { font-size: 24px; }
    .dictionary-word-row--length-9-plus .dictionary-word-row__ruby { font-size: 20px; }
}

@media (max-width: 767px) {
    .dictionary-word-list.hsk-rows {
        border-radius: 11px;
    }

    .dictionary-word-frequency__tooltip {
        left: 0;
        transform: translate(0, 4px);
    }

    .dictionary-word-frequency:hover .dictionary-word-frequency__tooltip,
    .dictionary-word-frequency:focus-within .dictionary-word-frequency__tooltip {
        transform: translate(0, 0);
    }

    .dictionary-word-row {
        display: flex;
        flex-direction: column;
        align-items: stretch;
        padding: 14px 12px;
        gap: 0;
    }

    .dictionary-word-row__word { order: 1; }

    .dictionary-word-row__meta {
        order: 2;
        margin-top: 10px;
        gap: 10px;
    }

    .dictionary-word-row__translation {
        order: 3;
        margin-top: 10px;
    }

    .dictionary-word-row__actions {
        order: 4;
        justify-content: flex-end;
        width: 100%;
        margin-top: 12px;
    }

    .dictionary-word-row__ruby { font-size: 34px; }
    .dictionary-word-row--length-3-4 .dictionary-word-row__ruby { font-size: 30px; }
    .dictionary-word-row--length-5-6 .dictionary-word-row__ruby { font-size: 26px; }
    .dictionary-word-row--length-7-8 .dictionary-word-row__ruby { font-size: 23px; }
    .dictionary-word-row--length-9-plus .dictionary-word-row__ruby { font-size: 20px; }

    .dictionary-word-row__translation-text {
        font-size: 14px;
        -webkit-line-clamp: 3;
    }

    .dictionary-word-audio {
        flex-basis: 44px;
        width: 44px;
        height: 44px;
        min-width: 44px;
    }

    .dictionary-word-level {
        min-height: 26px;
    }

    .dictionary-word-level::after,
    .dictionary-word-row__more::after {
        height: 44px;
    }

    .dictionary-word-row .dictionary-word-audio svg {
        width: 17px;
        height: 17px;
    }

    .dictionary-word-compact .dictionary-word-audio svg {
        width: 15px;
        height: 15px;
    }
}

@media (max-width: 360px) {
    .dictionary-word-row {
        padding-right: 10px;
        padding-left: 10px;
    }

    .dictionary-word-row__ruby { font-size: 30px; }
    .dictionary-word-row--length-3-4 .dictionary-word-row__ruby { font-size: 26px; }
    .dictionary-word-row--length-5-6 .dictionary-word-row__ruby { font-size: 26px; }
    .dictionary-word-row--length-7-8 .dictionary-word-row__ruby { font-size: 23px; }
    .dictionary-word-row--length-9-plus .dictionary-word-row__ruby { font-size: 20px; }

    .dictionary-word-compact {
        padding-right: 10px;
        padding-left: 10px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .dictionary-word-row,
    .dictionary-word-compact,
    .dictionary-word-audio {
        transition: none;
    }

    .dictionary-word-audio.is-playing {
        animation: none;
    }

    .dictionary-word-audio__equalizer i {
        animation: none;
    }
}

.please_reg {
    text-align: center;
    background: var(--hd-error, #b73535);
    color: var(--hd-surface, #ffffff);
    font-size: 17px;	
    padding: 10px 0;
    font-weight: 600;
    margin: 10px 10% 25px;	
}
@media (max-width: 769px) {
	.please_reg {
    line-height: 150%;
    font-size: 15px;
	}
}
.license_item {
    padding: 10px;
}

#char_search .main_text ul {
    margin-left: 0;
}

#page-hanzi-search_result li {
    list-style: none;
}

.license_item a {
    margin-top: 10px;
    display: inline-block;
    background: var(--hd-primary-soft, #e7eeea);
    padding: 3px 15px;
    border-radius: 4px;
}

.license_item_title {
    font-size: 17px;
    font-weight: 700;
    color: var(--main-color-dark);
}

.prescription_notice.is_word_stroke_notice {
    color: var(--ss-error-color);
}

.clickAdv {
    background-image: url("/modules/chinesekids/base_svg/advimg.jpg");
	width: 100%;
    height: 25px;
    background-repeat: no-repeat;
    display: block;
    margin: auto;
    background-position: center;
}

.pos_stat_btn_new {
    position: absolute;
    left: 4px;
    margin-top: 1px;
    cursor: pointer;
}
.pro__stat_new {
    font-size: 11px;
    display: inline-block;
    padding: 3px;
    font-weight: bold;
    line-height: 19px;
    letter-spacing: 0.5px;
}

.l_orientation {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' %3e%3cpath fill='black' d='M464 64H48C21.5 64 0 85.5 0 112v288c0 26.5 21.5 48 48 48h416c26.5 0 48-21.5 48-48V112c0-26.5-21.5-48-48-48zm16 336c0 8.8-7.2 16-16 16H48c-8.8 0-16-7.2-16-16V112c0-8.8 7.2-16 16-16h416c8.8 0 16 7.2 16 16v288z'%3e%3c/path%3e%3c/svg%3e");
    width: 50px;
    height: 50px;
    background-repeat: no-repeat;
    display: inline-block;	
}
.p_orientation {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512' %3e%3cpath fill='black' d='M384 464V48c0-26.5-21.5-48-48-48H48C21.5 0 0 21.5 0 48v416c0 26.5 21.5 48 48 48h288c26.5 0 48-21.5 48-48zM48 480c-8.8 0-16-7.2-16-16V48c0-8.8 7.2-16 16-16h288c8.8 0 16 7.2 16 16v416c0 8.8-7.2 16-16 16H48z'%3e%3c/path%3e%3c/svg%3e");
    width: 50px;
    height: 50px;
    background-repeat: no-repeat;
    display: inline-block;	
}

.radiobutt_style, .grid_background {
    display: inline-block;
}
.radiobutt_style {
    display: inline-block;
    margin-right: 15px;
    margin-top: 10px;	
}
.radiobutt_style:last-child {
    display: inline-block;
    margin-right: 0px;	
}




/*************/

.list_sett, .mb-0 {
	margin: 0
}

.list_sett li {
    width: 100%;
    display: block;
    padding: 12px 5px;
    border-bottom: 1px solid var(--main-color-sky);
}

#module-chinesekids-prescription .list_sett li,
#module-chinesekids-flashcard .list_sett li {
    width: 100%;
    display: block;
    padding: 12px 5px;
    border-bottom: 1px solid var(--main-color-sky);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

#module-chinesekids-prescription .list_sett li.style_picker,
#module-chinesekids-flashcard .list_sett li.style_picker {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
}
.style_picker .name_sett,
.style_picker .value_sett {
    width: 100% !important;
}
.style_picker .name_sett {
    margin-bottom: 10px;
}
.grid-picker {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 8px;
    width: 100%;
}

@media (max-width: 1199px) {
    .grid-picker {
        grid-template-columns: repeat(12, 1fr);
    }
}
@media (max-width: 650px) {
    .grid-picker {
        grid-template-columns: repeat(6, 1fr);
    }
}
@media (max-width: 420px) {
    .grid-picker {
        grid-template-columns: repeat(4, 1fr);
    }
}

.grid-picker__item {
    width: 100%;
    height: 100%;
    padding: 3px;
    border: 1px solid var(--border-color);
    cursor: pointer;
    background: #fff;
    transition: all 0.15s ease;
    aspect-ratio: 1 / 1;
}

.grid-picker__item svg {
    display: block;
    max-width: 100%;
    max-height: 100%;
    width: 100%;
    height: 100%;
}

.grid-picker__item:hover {
    border-color: var(--main-color);
}

.grid-picker__item.is-active {
    border-color: var(--main-color);
    background: var(--main-color-sky);
}


.list_sett li:last-child {
    border: none;
}

.list_sett li textarea {
	width: 100%;
    resize: vertical;
    font-size: 23px;
    min-height: 85px;
	padding: 5px;
    line-height: normal;
    border-color: var(--border-color);
    border-radius: 8px;
}

.ico_settings {
	background-repeat: no-repeat;
    display: inline-block;
    margin-right: 5px;
    position: relative;
    top: 4px;
	
}
.ico_worksheet_settings {
	background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' %3e%3cpath fill='black' d='M482.696 299.276l-32.61-18.827a195.168 195.168 0 0 0 0-48.899l32.61-18.827c9.576-5.528 14.195-16.902 11.046-27.501-11.214-37.749-31.175-71.728-57.535-99.595-7.634-8.07-19.817-9.836-29.437-4.282l-32.562 18.798a194.125 194.125 0 0 0-42.339-24.48V38.049c0-11.13-7.652-20.804-18.484-23.367-37.644-8.909-77.118-8.91-114.77 0-10.831 2.563-18.484 12.236-18.484 23.367v37.614a194.101 194.101 0 0 0-42.339 24.48L105.23 81.345c-9.621-5.554-21.804-3.788-29.437 4.282-26.36 27.867-46.321 61.847-57.535 99.595-3.149 10.599 1.47 21.972 11.046 27.501l32.61 18.827a195.168 195.168 0 0 0 0 48.899l-32.61 18.827c-9.576 5.528-14.195 16.902-11.046 27.501 11.214 37.748 31.175 71.728 57.535 99.595 7.634 8.07 19.817 9.836 29.437 4.283l32.562-18.798a194.08 194.08 0 0 0 42.339 24.479v37.614c0 11.13 7.652 20.804 18.484 23.367 37.645 8.909 77.118 8.91 114.77 0 10.831-2.563 18.484-12.236 18.484-23.367v-37.614a194.138 194.138 0 0 0 42.339-24.479l32.562 18.798c9.62 5.554 21.803 3.788 29.437-4.283 26.36-27.867 46.321-61.847 57.535-99.595 3.149-10.599-1.47-21.972-11.046-27.501zm-65.479 100.461l-46.309-26.74c-26.988 23.071-36.559 28.876-71.039 41.059v53.479a217.145 217.145 0 0 1-87.738 0v-53.479c-33.621-11.879-43.355-17.395-71.039-41.059l-46.309 26.74c-19.71-22.09-34.689-47.989-43.929-75.958l46.329-26.74c-6.535-35.417-6.538-46.644 0-82.079l-46.329-26.74c9.24-27.969 24.22-53.869 43.929-75.969l46.309 26.76c27.377-23.434 37.063-29.065 71.039-41.069V44.464a216.79 216.79 0 0 1 87.738 0v53.479c33.978 12.005 43.665 17.637 71.039 41.069l46.309-26.76c19.709 22.099 34.689 47.999 43.929 75.969l-46.329 26.74c6.536 35.426 6.538 46.644 0 82.079l46.329 26.74c-9.24 27.968-24.219 53.868-43.929 75.957zM256 160c-52.935 0-96 43.065-96 96s43.065 96 96 96 96-43.065 96-96-43.065-96-96-96zm0 160c-35.29 0-64-28.71-64-64s28.71-64 64-64 64 28.71 64 64-28.71 64-64 64z'%3e%3c/path%3e%3c/svg%3e");
    width: 20px;
    height: 20px;
}
.ico_lost_stroke {
	background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' %3e%3cpath fill='black' d='M509.21 275c-20.94-47.12-48.44-151.73-73.08-186.75A207.94 207.94 0 0 0 266.09 0H200C95.47 0 4.12 80.08.14 184.55A191.3 191.3 0 0 0 64 334.82V504a8 8 0 0 0 8 8h16a8 8 0 0 0 8-8V320.54L85.36 311a159.67 159.67 0 0 1-53.25-125.23C35.35 101 110.66 32 200 32h66.08A176.08 176.08 0 0 1 410 106.66c12.52 17.8 29.11 66.74 42.45 106.07 9.73 28.71 18.93 55.83 27.57 75.27H416v96a32 32 0 0 1-32 32h-96v88a8 8 0 0 0 8 8h16a8 8 0 0 0 8-8v-56h64a64 64 0 0 0 64-64v-64h32a32 32 0 0 0 29.21-45zM313.6 192c21.21 0 38.4-16.48 38.4-36.8s-17.19-36.8-38.4-36.8H311a38.09 38.09 0 0 0-35.8-25.6c-7.1 0-13.38 2.45-19.08 5.81C249.35 87.68 237.8 80 224 80s-25.34 7.68-32.11 18.61c-5.71-3.36-12-5.81-19.09-5.81a38.4 38.4 0 0 0-38.4 38.4A38.4 38.4 0 0 0 96 169.6c0 16.85 11 30.74 26.11 35.92-.06.86-.51 1.6-.51 2.48a38.4 38.4 0 0 0 38.4 38.4 37.91 37.91 0 0 0 12.8-2.58V288H224v-44.18a37.91 37.91 0 0 0 12.8 2.58 38.4 38.4 0 0 0 38.4-38.4 37.84 37.84 0 0 0-3.73-16z'%3e%3c/path%3e%3c/svg%3e");
    width: 20px;
    height: 20px;
}
.ico_hanzi_settings {
	background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512' %3e%3cpath fill='black' d='M560.83 135.96l-24.79-24.79c-20.23-20.24-53-20.26-73.26 0L384 189.72v-57.75c0-12.7-5.1-25-14.1-33.99L286.02 14.1c-9-9-21.2-14.1-33.89-14.1H47.99C21.5.1 0 21.6 0 48.09v415.92C0 490.5 21.5 512 47.99 512h288.02c26.49 0 47.99-21.5 47.99-47.99v-80.54c6.29-4.68 12.62-9.35 18.18-14.95l158.64-159.3c9.79-9.78 15.17-22.79 15.17-36.63s-5.38-26.84-15.16-36.63zM256.03 32.59c2.8.7 5.3 2.1 7.4 4.2l83.88 83.88c2.1 2.1 3.5 4.6 4.2 7.4h-95.48V32.59zm95.98 431.42c0 8.8-7.2 16-16 16H47.99c-8.8 0-16-7.2-16-16V48.09c0-8.8 7.2-16.09 16-16.09h176.04v104.07c0 13.3 10.7 23.93 24 23.93h103.98v61.53l-48.51 48.24c-30.14 29.96-47.42 71.51-47.47 114-3.93-.29-7.47-2.42-9.36-6.27-11.97-23.86-46.25-30.34-66-14.17l-13.88-41.62c-3.28-9.81-12.44-16.41-22.78-16.41s-19.5 6.59-22.78 16.41L103 376.36c-1.5 4.58-5.78 7.64-10.59 7.64H80c-8.84 0-16 7.16-16 16s7.16 16 16 16h12.41c18.62 0 35.09-11.88 40.97-29.53L144 354.58l16.81 50.48c4.54 13.51 23.14 14.83 29.5 2.08l7.66-15.33c4.01-8.07 15.8-8.59 20.22.34C225.44 406.61 239.9 415.7 256 416h32c22.05-.01 43.95-4.9 64.01-13.6v61.61zm27.48-118.05A129.012 129.012 0 0 1 288 384v-.03c0-34.35 13.7-67.29 38.06-91.51l120.55-119.87 52.8 52.8-119.92 120.57zM538.2 186.6l-21.19 21.19-52.8-52.8 21.2-21.19c7.73-7.73 20.27-7.74 28.01 0l24.79 24.79c7.72 7.73 7.72 20.27-.01 28.01z'%3e%3c/path%3e%3c/svg%3e");
    width: 23px;
    height: 20px;
    margin-right: 0;
	
}
.ico_character_settings {
	background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' %3e%3cpath fill='black' d='M502.71 368.14L379.88 245.31l49.4-49.4 68.65-68.66c18.76-18.76 18.75-49.17 0-67.93l-45.25-45.25C443.3 4.69 431 0 418.71 0s-24.59 4.69-33.97 14.07l-68.65 68.64-49.4 49.4L143.87 9.29C137.68 3.1 129.56 0 121.44 0s-16.23 3.1-22.43 9.29L9.31 99c-12.38 12.39-12.39 32.47 0 44.86l122.8 122.8-113.01 113L.34 487.11c-2.72 15.63 11.22 26.9 24.59 24.56l107.44-18.84 112.94-112.96L368.14 502.7a31.621 31.621 0 0 0 22.42 9.29c8.12 0 16.24-3.1 22.43-9.29l89.72-89.7c12.39-12.39 12.39-32.47 0-44.86zM407.36 36.7c4.09-4.09 18.6-4.09 22.69 0l45.25 45.24c6.25 6.25 6.25 16.42 0 22.67l-46.03 46.03-67.94-67.94 46.03-46zM31.93 121.63l89.51-89.52L177.39 88l-39.03 39.03c-3.12 3.12-3.12 8.19 0 11.31l11.31 11.31c3.12 3.12 8.19 3.12 11.31 0l39.04-39.04 44.1 44.05-89.5 89.49L31.93 121.63zm84.96 341.43L34.5 477.51l14.37-82.37 289.83-289.8 67.94 67.94-289.75 289.78zm273.88 17.02l-122.86-122.8 89.47-89.48 44.12 44.07-39.15 39.16c-3.12 3.12-3.12 8.19 0 11.31l11.31 11.31c3.12 3.12 8.19 3.12 11.31 0l39.17-39.17 55.94 55.88-89.31 89.72z'%3e%3c/path%3e%3c/svg%3e");
    width: 20px;
    height: 20px;
}
.ico_stroke_settings {
	background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' %3e%3cpath fill='black' d='M475.31 364.144L288 256l187.31-108.144c5.74-3.314 7.706-10.653 4.392-16.392l-4-6.928c-3.314-5.74-10.653-7.706-16.392-4.392L272 228.287V12c0-6.627-5.373-12-12-12h-8c-6.627 0-12 5.373-12 12v216.287L52.69 120.144c-5.74-3.314-13.079-1.347-16.392 4.392l-4 6.928c-3.314 5.74-1.347 13.079 4.392 16.392L224 256 36.69 364.144c-5.74 3.314-7.706 10.653-4.392 16.392l4 6.928c3.314 5.74 10.653 7.706 16.392 4.392L240 283.713V500c0 6.627 5.373 12 12 12h8c6.627 0 12-5.373 12-12V283.713l187.31 108.143c5.74 3.314 13.079 1.347 16.392-4.392l4-6.928c3.314-5.74 1.347-13.079-4.392-16.392z'%3e%3c/path%3e%3c/svg%3e");
    width: 20px;
    height: 20px;
}

.ico_hskshop {
	background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512' %3e%3cpath fill='white' d='M230.1 307.9c5.5 5.5 14.3 5.5 19.8 0l84.7-85.6c24.6-24.9 23.2-66.1-4.3-89.1-13.9-11.6-47.7-28.5-90.2 14.5-42.6-43-76.4-26.1-90.2-14.5-27.5 23-28.9 64.2-4.3 89.1l84.5 85.6zm-59.8-150.1c13.7-11.5 31.2-3.4 38.4 3.7l31.4 31.7 31.4-31.7c7.1-7.2 24.6-15.2 38.4-3.7 14.4 12 12.3 31.6 2.1 42l-72 72.6-71.8-72.6c-10.3-10.4-12.3-30 2.1-42zM448 392V24c0-13.3-10.7-24-24-24H80C35.8 0 0 35.8 0 80v368c0 35.3 28.7 64 64 64h372c6.6 0 12-5.4 12-12v-8c0-6.6-5.4-12-12-12h-3.3c-4-20.2-3.2-49.7.4-65.8 8.7-3.6 14.9-12.2 14.9-22.2zm-43.7 88H64c-17.7 0-32-14.3-32-32s14.3-32 32-32h340.3c-2.9 18.8-3.1 43.6 0 64zm11.7-96H64c-11.7 0-22.5 3.4-32 8.9V80c0-26.5 21.5-48 48-48h336v352z'%3e%3c/path%3e%3c/svg%3e");
    width: 20px;
    height: 20px;
}

.ico_instruc {
	background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512' %3e%3cpath fill='black' d='M400 32H48C21.49 32 0 53.49 0 80v352c0 26.51 21.49 48 48 48h352c26.51 0 48-21.49 48-48V80c0-26.51-21.49-48-48-48zm16 400c0 8.822-7.178 16-16 16H48c-8.822 0-16-7.178-16-16V80c0-8.822 7.178-16 16-16h352c8.822 0 16 7.178 16 16v352zm-228-80h12V232h-12c-6.627 0-12-5.373-12-12v-8c0-6.627 5.373-12 12-12h48c6.627 0 12 5.373 12 12v140h12c6.627 0 12 5.373 12 12v8c0 6.627-5.373 12-12 12h-72c-6.627 0-12-5.373-12-12v-8c0-6.627 5.373-12 12-12zm36-240c-17.673 0-32 14.327-32 32s14.327 32 32 32 32-14.327 32-32-14.327-32-32-32z'%3e%3c/path%3e%3c/svg%3e");
    width: 20px;
    height: 20px;
}
.ico_design_worksheet {
	background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' %3e%3cpath fill='black' d='M112 264c-13.3 0-24 10.7-24 24s10.7 24 24 24 24-10.7 24-24-10.7-24-24-24zm32-112c-13.3 0-24 10.7-24 24s10.7 24 24 24 24-10.7 24-24-10.7-24-24-24zM256 0c-16.9 0-34.2 1.6-51.7 5C104.9 24.4 24.8 104.3 5.2 203.4-29.4 378.5 116.4 512 239.5 512c8.3 0 16.5-.6 24.6-1.9 41.2-6.4 61.4-54.6 42.5-91.7-23.1-45.4 9.9-98.4 60.9-98.4h79.7c35.8 0 64.8-29.6 64.9-65.3C511.6 113.9 397.1 0 256 0zm191.1 288h-79.7c-35.3 0-67.4 17.9-85.7 47.8-18.2 29.7-19.6 66-3.7 97.2 4.9 9.6 4.8 21.6-.1 31.3-2.4 4.6-7.9 12.6-18.7 14.3-6.3 1-12.9 1.5-19.7 1.5-54.6 0-114.1-31.3-155.5-81.6-44-53.6-60.9-120.6-47.4-188.7 17.1-86.6 87-156.2 173.9-173.2 15.2-3 30.5-4.5 45.5-4.5 123.1 0 223.6 99.9 224 222.6 0 18.3-14.8 33.3-32.9 33.3zM368 136c-13.3 0-24 10.7-24 24s10.7 24 24 24 24-10.7 24-24-10.7-24-24-24zM240 88c-13.3 0-24 10.7-24 24s10.7 24 24 24 24-10.7 24-24-10.7-24-24-24z'%3e%3c/path%3e%3c/svg%3e");
    width: 20px;
    height: 20px;
}
.ico_licence_worksheet {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 576"><path fill="black" transform="translate(0, 480) scale(1, -1)" d="M96 416c-18 0 -32 -14 -32 -32v-384c0 -18 14 -32 32 -32h161c6 -11 12 -22 19 -32h-180c-35 0 -64 29 -64 64v384c0 35 29 64 64 64h256c35 0 64 -29 64 -64v-145c-11 -1 -22 -2 -32 -5v150c0 18 -14 32 -32 32h-256zM320 48c0 -62 50 -112 112 -112s112 50 112 112    s-50 112 -112 112s-112 -50 -112 -112zM576 48c0 -80 -64 -144 -144 -144s-144 64 -144 144s64 144 144 144s144 -64 144 -144zM493 87l-64 -88c-3 -4 -7 -6 -12 -7c-4 0 -9 1 -12 5l-40 40c-7 6 -7 16 0 22c6 7 16 7 22 0l27 -26l53 72c5 8 15 9 22 4c8 -5 9 -15 4 -22z    M144 320h160c9 0 16 -7 16 -16s-7 -16 -16 -16h-160c-9 0 -16 7 -16 16s7 16 16 16zM144 224h128c9 0 16 -7 16 -16s-7 -16 -16 -16h-128c-9 0 -16 7 -16 16s7 16 16 16zM144 128h64c9 0 16 -7 16 -16s-7 -16 -16 -16h-64c-9 0 -16 7 -16 16s7 16 16 16z"/></svg>');
    width: 20px;
    height: 20px;
}
.card-header p {
	font-size: 19px;
    color: #000;
    padding: 5px 0;
    background: var(--hd-surface-muted, #eff2ef);
    width: 100%;
    text-align: left;
    padding-left: 10px;
    transition: all 0.5s;
    border-radius: 10px;
}
.card-header p:hover {
	text-decoration: none;
    background: var(--hd-accent-soft, #fff3c4);
    color: #000;	
}
.card-body .value_sett {
	display: inline-block;
	width: 33%;
	text-align: right;	
}
.card-body .name_sett {
	display: inline-block;
	width: 65%;
}
.card-body .orient_sett {
	display: inline-block;
	width: 100%;
}

.list_sett select,
.list_sett textarea,
.list_sett input[type="text"],
.list_sett input[type="number"],
.list_sett input[type="url"] {
    border-color: var(--hd-control-border, #7d8983);
}

.list_sett select:focus,
.list_sett textarea:focus,
.list_sett input[type="text"]:focus,
.list_sett input[type="number"]:focus,
.list_sett input[type="url"]:focus {
    border-color: var(--hd-focus, #275ea8);
    outline: 2px solid var(--hd-focus, #275ea8);
    outline-offset: 2px;
}

.name_sett span {
	color: black;
}
#heading_hanzi_settings .top_count_char,
#heading_hanzi_settings .top_count_words,
#heading_flashcard_characters .top_count_char {
    font-size: 12px;
    padding-top: 6px;
    padding-right: 7px;	
}

.setting_checkbox .checker {
	float: right;
    position: relative;
    top: 3px;	
}

.setting_checkbox label{
	margin: 0!important;
}

.radiobutt_style .radio {
    position: relative;
    /*top: -17px;	*/
}

.stroke_sett > .setting_checkbox, .numeric_sett > .setting_checkbox, .stroke_sett > .setting_checkbox, .medians_group > .setting_checkbox {
    margin: 10px 0px;
    display: inline-block;
    width: 100%;
}
.value_sett input {
    width: 40px;
    text-align: right;	
}
#loading-target-div2, #loading-target-div1 {
	display: inline-block;
}
#preload {
    text-align: center;
    width: 100%;
    overflow: auto;
    position: absolute;
	padding-top:15%;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: #FFF;
    z-index: 9;
}
#preload img{
    display: block;
    margin: 50px auto 0;
}
.newWorksheet {
	background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512' %3e%3cpath fill='snow' d='M369.9 97.9L286 14C277 5 264.8-.1 252.1-.1H48C21.5 0 0 21.5 0 48v416c0 26.5 21.5 48 48 48h288c26.5 0 48-21.5 48-48V131.9c0-12.7-5.1-25-14.1-34zm-22.6 22.7c2.1 2.1 3.5 4.6 4.2 7.4H256V32.5c2.8.7 5.3 2.1 7.4 4.2l83.9 83.9zM336 480H48c-8.8 0-16-7.2-16-16V48c0-8.8 7.2-16 16-16h176v104c0 13.3 10.7 24 24 24h104v304c0 8.8-7.2 16-16 16zm-48-180v8c0 6.6-5.4 12-12 12h-68v68c0 6.6-5.4 12-12 12h-8c-6.6 0-12-5.4-12-12v-68h-68c-6.6 0-12-5.4-12-12v-8c0-6.6 5.4-12 12-12h68v-68c0-6.6 5.4-12 12-12h8c6.6 0 12 5.4 12 12v68h68c6.6 0 12 5.4 12 12z'%3e%3c/path%3e%3c/svg%3e");
    width: 20px;
    height: 27px;
    background-repeat: no-repeat;
    margin: 0 auto 5px;		
}
.loadWorksheet {
	background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512' %3e%3cpath fill='snow' d='M369.9 97.98L286.02 14.1c-9-9-21.2-14.1-33.89-14.1H47.99C21.5.1 0 21.6 0 48.09v415.92C0 490.5 21.5 512 47.99 512h288.02c26.49 0 47.99-21.5 47.99-47.99V131.97c0-12.69-5.1-24.99-14.1-33.99zM256.03 32.59c2.8.7 5.3 2.1 7.4 4.2l83.88 83.88c2.1 2.1 3.5 4.6 4.2 7.4h-95.48V32.59zm95.98 431.42c0 8.8-7.2 16-16 16H47.99c-8.8 0-16-7.2-16-16V48.09c0-8.8 7.2-16.09 16-16.09h176.04v104.07c0 13.3 10.7 23.93 24 23.93h103.98v304.01zm-180.1-247.32l-68.12 71.75c-7.81 8.2-9.94 20.31-5.44 30.83 4.41 10.31 14 16.72 25 16.72H176V424c0 4.42 3.58 8 8 8h16c4.42 0 8-3.58 8-8v-88.02h52.66c11 0 20.59-6.41 25-16.72 4.5-10.52 2.38-22.62-5.44-30.81l-68.12-71.78c-10.69-11.19-29.51-11.2-40.19.02zm-38.75 87.29l58.84-62 58.84 62H133.16z'%3e%3c/path%3e%3c/svg%3e");
    width: 20px;
    height: 27px;
    background-repeat: no-repeat;
    margin: 0 auto 5px;		
}
.delWorksheet {
	background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512' %3e%3cpath fill='snow' d='M369.9 97.9L286 14C277 5 264.8-.1 252.1-.1H48C21.5 0 0 21.5 0 48v416c0 26.5 21.5 48 48 48h288c26.5 0 48-21.5 48-48V131.9c0-12.7-5.1-25-14.1-34zm-22.6 22.7c2.1 2.1 3.5 4.6 4.2 7.4H256V32.5c2.8.7 5.3 2.1 7.4 4.2l83.9 83.9zM336 480H48c-8.8 0-16-7.2-16-16V48c0-8.8 7.2-16 16-16h176v104c0 13.3 10.7 24 24 24h104v304c0 8.8-7.2 16-16 16zm-73.3-127.9c4.7 4.7 4.7 12.3 0 17l-5.7 5.7c-4.7 4.7-12.3 4.7-17 0l-48-48.2-48.1 48.1c-4.7 4.7-12.3 4.7-17 0l-5.7-5.7c-4.7-4.7-4.7-12.3 0-17l48.1-48.1-48.1-48.1c-4.7-4.7-4.7-12.3 0-17l5.7-5.7c4.7-4.7 12.3-4.7 17 0l48.1 48.1 48.1-48.1c4.7-4.7 12.3-4.7 17 0l5.7 5.7c4.7 4.7 4.7 12.3 0 17L214.6 304l48.1 48.1z'%3e%3c/path%3e%3c/svg%3e");
    width: 20px;
    height: 27px;
    background-repeat: no-repeat;
    margin: 0 auto 5px;		
}
.prevBtn {
	background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512' %3e%3cpath fill='snow' d='M288 288a64 64 0 0 0 0-128c-1 0-1.88.24-2.85.29a47.5 47.5 0 0 1-60.86 60.86c0 1-.29 1.88-.29 2.85a64 64 0 0 0 64 64zm284.52-46.6C518.29 135.59 410.93 64 288 64S57.68 135.64 3.48 241.41a32.35 32.35 0 0 0 0 29.19C57.71 376.41 165.07 448 288 448s230.32-71.64 284.52-177.41a32.35 32.35 0 0 0 0-29.19zM288 96a128 128 0 1 1-128 128A128.14 128.14 0 0 1 288 96zm0 320c-107.36 0-205.46-61.31-256-160a294.78 294.78 0 0 1 129.78-129.33C140.91 153.69 128 187.17 128 224a160 160 0 0 0 320 0c0-36.83-12.91-70.31-33.78-97.33A294.78 294.78 0 0 1 544 256c-50.53 98.69-148.64 160-256 160z'%3e%3c/path%3e%3c/svg%3e");
    width: 30px;
    height: 27px;
    background-repeat: no-repeat;
    margin: 0 auto 5px;		
}
#pdfgen {
    position: relative;
}
.prevBtn > div {
    top: 1px;
    position: absolute;
    right: 2px;
    font-size: 12px;
}

.saveBtn {
	background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512' %3e%3cpath fill='snow' d='M433.941 129.941l-83.882-83.882A48 48 0 0 0 316.118 32H48C21.49 32 0 53.49 0 80v352c0 26.51 21.49 48 48 48h352c26.51 0 48-21.49 48-48V163.882a48 48 0 0 0-14.059-33.941zM288 64v96H96V64h192zm128 368c0 8.822-7.178 16-16 16H48c-8.822 0-16-7.178-16-16V80c0-8.822 7.178-16 16-16h16v104c0 13.255 10.745 24 24 24h208c13.255 0 24-10.745 24-24V64.491a15.888 15.888 0 0 1 7.432 4.195l83.882 83.882A15.895 15.895 0 0 1 416 163.882V432zM224 232c-48.523 0-88 39.477-88 88s39.477 88 88 88 88-39.477 88-88-39.477-88-88-88zm0 144c-30.879 0-56-25.121-56-56s25.121-56 56-56 56 25.121 56 56-25.121 56-56 56z'%3e%3c/path%3e%3c/svg%3e");
    width: 23px;
    height: 27px;
    background-repeat: no-repeat;
    margin: 0 auto 5px;		
}
.pdfBtn {
	background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512' %3e%3cpath fill='snow' d='M369.9 97.9L286 14C277 5 264.8-.1 252.1-.1H48C21.5 0 0 21.5 0 48v416c0 26.5 21.5 48 48 48h288c26.5 0 48-21.5 48-48V131.9c0-12.7-5.1-25-14.1-34zm-22.6 22.7c2.1 2.1 3.5 4.6 4.2 7.4H256V32.5c2.8.7 5.3 2.1 7.4 4.2l83.9 83.9zM336 480H48c-8.8 0-16-7.2-16-16V48c0-8.8 7.2-16 16-16h176v104c0 13.3 10.7 24 24 24h104v304c0 8.8-7.2 16-16 16zm-22-171.2c-13.5-13.3-55-9.2-73.7-6.7-21.2-12.8-35.2-30.4-45.1-56.6 4.3-18 12-47.2 6.4-64.9-4.4-28.1-39.7-24.7-44.6-6.8-5 18.3-.3 44.4 8.4 77.8-11.9 28.4-29.7 66.9-42.1 88.6-20.8 10.7-54.1 29.3-58.8 52.4-3.5 16.8 22.9 39.4 53.1 6.4 9.1-9.9 19.3-24.8 31.3-45.5 26.7-8.8 56.1-19.8 82-24 21.9 12 47.6 19.9 64.6 19.9 27.7.1 28.9-30.2 18.5-40.6zm-229.2 89c5.9-15.9 28.6-34.4 35.5-40.8-22.1 35.3-35.5 41.5-35.5 40.8zM180 175.5c8.7 0 7.8 37.5 2.1 47.6-5.2-16.3-5-47.6-2.1-47.6zm-28.4 159.3c11.3-19.8 21-43.2 28.8-63.7 9.7 17.7 22.1 31.7 35.1 41.5-24.3 4.7-45.4 15.1-63.9 22.2zm153.4-5.9s-5.8 7-43.5-9.1c41-3 47.7 6.4 43.5 9.1z'%3e%3c/path%3e%3c/svg%3e");
    width: 20px;
    height: 27px;
    background-repeat: no-repeat;
    margin: 0 auto 5px;	
}
.ico_hanzi_list {
	background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512' %3e%3cpath fill='black' d='M527.95 224H480v-48c0-26.51-21.49-48-48-48H272l-64-64H48C21.49 64 0 85.49 0 112v288c0 26.51 21.49 48 48 48h385.057c28.068 0 54.135-14.733 68.599-38.84l67.453-112.464C588.24 264.812 565.285 224 527.95 224zM48 96h146.745l64 64H432c8.837 0 16 7.163 16 16v48H171.177c-28.068 0-54.135 14.733-68.599 38.84L32 380.47V112c0-8.837 7.163-16 16-16zm493.695 184.232l-67.479 112.464A47.997 47.997 0 0 1 433.057 416H44.823l82.017-136.696A48 48 0 0 1 168 256h359.975c12.437 0 20.119 13.568 13.72 24.232z'%3e%3c/path%3e%3c/svg%3e");
    width: 23px;
    height: 20px;
    background-repeat: no-repeat;
    margin-right: 0;
    position: relative;
    top: 2px;
}
.btnBlock {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;	
}

.btnBlock a, .btnBlock button {
  flex: 0 0 auto;
    width: 32.3%;
    margin-bottom: 5px;
    padding: 10px 0 5px;
    border-radius: 10px;
}

#output_block_pinyin .btnBlock {
    justify-content: flex-start;
    flex-wrap: wrap;
    gap: 10px;
}

#output_block_pinyin .btnBlock a, #output_block_pinyin.btnBlock button {
  flex: 0 0 auto;
    width: 32.3%;
    max-width: 100px;
    margin-bottom: 5px;
    padding: 10px 0 5px;
}

.list_sett li .top_hint {
	background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' %3e%3cpath fill='DimGrey' d='M256 340c-15.464 0-28 12.536-28 28s12.536 28 28 28 28-12.536 28-28-12.536-28-28-28zm7.67-24h-16c-6.627 0-12-5.373-12-12v-.381c0-70.343 77.44-63.619 77.44-107.408 0-20.016-17.761-40.211-57.44-40.211-29.144 0-44.265 9.649-59.211 28.692-3.908 4.98-11.054 5.995-16.248 2.376l-13.134-9.15c-5.625-3.919-6.86-11.771-2.645-17.177C185.658 133.514 210.842 116 255.67 116c52.32 0 97.44 29.751 97.44 80.211 0 67.414-77.44 63.849-77.44 107.408V304c0 6.627-5.373 12-12 12zM256 40c118.621 0 216 96.075 216 216 0 119.291-96.61 216-216 216-119.244 0-216-96.562-216-216 0-119.203 96.602-216 216-216m0-32C119.043 8 8 119.083 8 256c0 136.997 111.043 248 248 248s248-111.003 248-248C504 119.083 392.957 8 256 8z'%3e%3c/path%3e%3c/svg%3e");
    width: 11px;
    height: 11px;
    background-repeat: no-repeat;
    margin: 0 0 0 0px;
    position: relative;
    top: 1px;		
}
.top_hint_content {
	display: none;
    position: absolute;
    width: 90%;
    left: 0;
    margin-left: 15px;
    padding: 20px;
    background: #FFF;
    box-shadow: 0 0 10px #999;
	z-index: 999;
    font-weight: 300;
}
.tagify {
	min-height: 85px;
}
li.numeric_sett, li.medians_group {
	padding: 0 0 0 20px;
}
li.numeric_sett div.name_sett, li.medians_group div.name_sett {
	padding-left: 20px;
}
li.medians_group {
    border-bottom: none;
}
.list_sett input {
	float: right;
    margin-right: 0px;
    margin-top: 0px;
}
div.checker {
    margin-right: 10px;
}
.name_sett span {
	font-weight: bold;
	color: #333;
}

input[name="medians"]:checked ~ .medians_group {
	display: block;
}
.list_worksheets {
	width: 100%;
    display: block;
    margin: 10px 0;	
}
.list_worksheets select, .list_worksheets input {
    width: 100%;
	padding: 10px;
    border-color: var(--hd-control-border, #7d8983);
}
.control_panel_worksheets {
    padding: 20px 0;
    border-top: 3px solid var(--hd-primary, #2e4a43);
    margin-top: 15px;	
}
.control_panel_worksheets:first-shild {
    margin-top: 30px;	
}
.list_worksheets_title {
    width: 60%;
    padding: 10px;
    font-size: 15px;
    font-weight: bold;
    color: var(--hd-primary-hover, #1f342f);
}
.success_massage {
    position: fixed;
    right: 30px;
    top: 30px;
    font-size: 15px;
    background: #00801675;
    padding: 10px 30px;
    color: #015400;
	z-index: 99999;
    box-shadow: 0 0 5px #094602;	
}
.error_massage {
    position: fixed;
    right: 30px;
    top: 30px;
    font-size: 15px;
    background: #ffc0c0;
    padding: 10px 30px;
    color: #540000;
    z-index: 99999;
    box-shadow: 0 0 5px #460202;	
}
#accordion_settings,
#output_block_pinyin {
    padding-left: 0;	
}

@media (max-width : 1200px) {
	#accordion_settings,
    #output_block_pinyin {
		padding-right: 0;	
	}
}
#accordion_settings .card {
    display: block;
    margin-bottom: 10px;	
}
#template {
    position: relative;
    right: 5px;	
}
.input_url {
    width: 100%;
    margin: 10px 0!important;
    line-height: 25px;
}

.pos_stat_sett {
	position: absolute;
    cursor: pointer;	
    right: 25px;
    margin-top: -2px;
}
.pos_stat_btn {
    position: absolute;
    left: 18px;
    margin-top: 5px;
    cursor: pointer;
}
#worksheet_license_c .list_sett input,
#hanzi_settings_c .list_sett input {
	float: none;
    border: 1px solid var(--border-color);
}

#worksheet_license_c .list_sett .setting_input_text {
    width: 100%;
}

.reg_mes {
    display: block;
    margin: 0px 0 20px;
    padding: 15px;
    text-align: center;
    border: 1px solid var(--hd-primary, #2e4a43);
    color: var(--hd-primary, #2e4a43);
}
.reg_mes a {
    color: var(--hd-primary, #2e4a43);
}
.reg_mes:before {
	content: '';
	background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 512' %3e%3cpath fill='red' d='M320 32C196.3 32 96 132.3 96 256c0 123.76 100.3 224 224 224s224-100.24 224-224c0-123.7-100.3-224-224-224zm0 416c-105.87 0-192-86.13-192-192S214.13 64 320 64s192 86.13 192 192-86.13 192-192 192zm18.64-320.02h-37.28c-7.9 0-14.08 6.82-13.29 14.69l10.69 149.29c.68 6.83 6.43 12.03 13.29 12.03h15.9c6.87 0 12.61-5.2 13.29-12.03l10.69-149.29c.79-7.86-5.39-14.69-13.29-14.69zM320 328c-13.26 0-24 10.74-24 24 0 13.25 10.74 24 24 24s24-10.75 24-24c0-13.26-10.74-24-24-24zM90.69 69.17l-12.4-10.11c-3.49-2.85-8.75-2.31-11.51 1.25C23.65 116.12 0 185.28 0 256c0 70.74 23.65 139.88 66.75 195.65 2.76 3.57 8.01 4.1 11.51 1.25l12.4-10.11c3.36-2.73 3.84-7.58 1.19-11.01C53.2 381.66 32 319.54 32 256c0-63.53 21.2-125.65 59.88-175.82 2.65-3.43 2.17-8.28-1.19-11.01zm482.53-8.86c-2.76-3.57-8.01-4.1-11.51-1.25l-12.4 10.11c-3.36 2.73-3.83 7.58-1.19 11.01C586.8 130.35 608 192.47 608 256c0 63.54-21.2 125.66-59.85 175.79-2.64 3.43-2.17 8.27 1.19 11.01l12.4 10.11c3.49 2.85 8.75 2.31 11.51-1.25C616.35 395.88 640 326.74 640 256c0-70.72-23.65-139.88-66.78-195.69z'%3e%3c/path%3e%3c/svg%3e");
    width: 34px;
    background-repeat: no-repeat;
    height: 29px;
    opacity: 0.5;
    display: block;
    position: relative;
    margin: 0 auto 10px;
}
#guide_box {
    max-width: 1000px;
}
#guide_box ol {
	list-style: none; 
	counter-reset: li;
    font-size: 15px;
    line-height: 25px;	
}
#guide_box li {
    margin-bottom: 10px;
}
#guide_box li:before {
	counter-increment: li;
    font-weight: bold;	
	content: counters(li,".") ". "; 
}

#guide_box ol li ol{
	padding: 10px 10px 10px 20px;
}
#guide_box h4 {
	display: inline;
    font-weight: bold;
}
.notice_nfsale {
    text-align: center;
    color: red;
    font-size: 15px;
    line-height: 27px;
    padding: 20px 20px 20px 50px;
    border: 1px solid;
}
.notice_nfsale:before {
	content: '';
	background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 352 512' %3e%3cpath fill='red' d='M96.06 454.35c.01 6.29 1.87 12.45 5.36 17.69l17.09 25.69a31.99 31.99 0 0 0 26.64 14.28h61.71a31.99 31.99 0 0 0 26.64-14.28l17.09-25.69a31.989 31.989 0 0 0 5.36-17.69l.04-38.35H96.01l.05 38.35zM175.45 0C73.44.31 0 82.97 0 176c0 44.37 16.45 84.85 43.56 115.78 16.52 18.85 42.36 58.23 52.21 91.45.04.26.07.52.11.78h160.24c.04-.26.07-.51.11-.78 9.85-33.22 35.69-72.6 52.21-91.45C335.55 260.85 352 220.37 352 176 352 78.61 272.91-.3 175.45 0zM192 255.88V272c0 4.42-3.58 8-8 8h-16c-4.42 0-8-3.58-8-8v-16.29c-11.29-.58-22.27-4.52-31.37-11.35-3.9-2.93-4.1-8.77-.57-12.14l11.75-11.21c2.77-2.64 6.89-2.76 10.13-.73 3.87 2.42 8.26 3.72 12.82 3.72h28.11c6.5 0 11.8-5.92 11.8-13.19 0-5.95-3.61-11.19-8.77-12.73l-45-13.5c-18.59-5.58-31.58-23.42-31.58-43.39 0-24.52 19.05-44.44 42.67-45.07V80c0-4.42 3.58-8 8-8h16c4.42 0 8 3.58 8 8v16.29c11.29.58 22.27 4.51 31.37 11.35 3.9 2.93 4.1 8.77.57 12.14l-11.75 11.21c-2.77 2.64-6.89 2.76-10.13.73-3.87-2.43-8.26-3.72-12.82-3.72h-28.11c-6.5 0-11.8 5.92-11.8 13.19 0 5.95 3.61 11.19 8.77 12.73l45 13.5c18.59 5.58 31.58 23.42 31.58 43.39 0 24.53-19.05 44.44-42.67 45.07z'%3e%3c/path%3e%3c/svg%3e");
    width: 38px;
    background-repeat: no-repeat;
    height: 55px;
    opacity: 0.5;
    position: absolute;
    left: 60px;
}
.loc_guide {
    display: block;
    font-style: italic;
    font-size: 13px;
    color: #666;
    margin-left: 15px;	
}
#instruc_box .card-body p {
    padding: 5px;
    margin-top: 10px;
	cursor: pointer;
}
.CheckBoxLabelClass {
	cursor: pointer;
}
.instruc {
    border: 1px solid var(--hd-primary-soft, #e7eeea);
    border-radius: 10px
}
.adv_worksheet {
margin: 10px 0;
}
.help_text {
	color: #999;
    padding-top: 5px;
    display: inline-block;
    font-style: italic;
}
.main_text {
    display: inline-block;
    margin-bottom: 25px;
    width: 100%;
}
.main_text p {
    font-size: 16px;
    line-height: 25px;
}
.main_text .quote {
    text-shadow: 0px 5px 5px rgba(31, 52, 47, .42);
    background: var(--hd-primary, #2e4a43);
    color: #FFF;
    display: block;
    text-align: center;
    line-height: 1;
    margin-bottom: 10px;
    font-size: 35px;
    padding: 5% 0;
    border-radius: 10px;	
}
.main_text h1 {
    text-align: center;
    margin-bottom: 30px;
    color: #333;
    font-weight: bold;
	font-size: 28px;	
}
#output_block {
    box-shadow: 0 0 10px 1px #9c9c9c;
    padding: 0;	
}

@media (max-width: 769px) {
	.main_text h1 {
		font-size: 22px;
	}
}

@media (max-width: 769px) {
	.radiobutt_style {
		margin-right: 10px;
	}
	.radiobutt_style input {
		float: none!important;
		position: relative;
		bottom: 18px;
	}
	.output_block_p {
		min-height: auto;
	}
	.main_text .quote {
		font-size: 21px;
	}
	
}	
.hskwork {
	border: 3px solid var(--hd-primary, #2e4a43);
}
.hskwork .card-header p {
		background: var(--hd-primary, #2e4a43);
    color: #ffffff;
}
.hskshop_link {
		padding: 10px;
    font-size: 15px;	
}
.hskshop_link a {
	display: flex;
  align-items: center;
	padding-right: 20px;		
}
.hskwork ul li:first-child .hskshop_link {
	margin-top: 10px;
}
.hskshop_link a:after {
	content: '';
	background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' %3e%3cpath fill='black' d='M440,256H424a8,8,0,0,0-8,8V464a16,16,0,0,1-16,16H48a16,16,0,0,1-16-16V112A16,16,0,0,1,48,96H248a8,8,0,0,0,8-8V72a8,8,0,0,0-8-8H48A48,48,0,0,0,0,112V464a48,48,0,0,0,48,48H400a48,48,0,0,0,48-48V264A8,8,0,0,0,440,256ZM500,0,364,.34a12,12,0,0,0-12,12v10a12,12,0,0,0,12,12L454,34l.7.71L131.51,357.86a12,12,0,0,0,0,17l5.66,5.66a12,12,0,0,0,17,0L477.29,57.34l.71.7-.34,90a12,12,0,0,0,12,12h10a12,12,0,0,0,12-12L512,12A12,12,0,0,0,500,0Z'%3e%3c/path%3e%3c/svg%3e");
		width: 14px;
    height: 14px;
    background-repeat: no-repeat;
		position: absolute;
    right: 30px;
		transition: all 1s;
}

.newbe {
    font-size: 10px;
    display: inline-block;
    width: 26px;
    height: 26px;
    padding: 3px;
    font-weight: bold;
    line-height: 19px;
    background: #ff4646;
    letter-spacing: 0.5px;
    color: #FFF!important;
    border-radius: 50%;
    box-shadow: 0 0 5px #f30015;
    margin-top: -4px;
    margin-right: 3px;
}


/*Pinyin*/

#input_chars,
#result_py {
    resize: vertical;
    padding: 15px;
    border: 1px solid var(--hd-control-border, #7d8983);
    font-size: 16px;
    max-height: 400px;
    overflow-y: auto;
    line-height: 1.4;
}

#result_py .py_block.py_sergment {
    display: inline-block;
    margin-right: 25px;
}
#result_py .py_block.py_sergment.nomargin {
    margin-right: 0px;
}

#result_py .py_block.py_sergment:hover {
    background-color: var(--hd-primary-soft, #e7eeea);
}

#input_chars:focus {
    border: 1px solid var(--hd-focus, #275ea8);
    outline: none;
}

.list_sett li.findhanzi_input {
    display: block;
    padding: 0;
}

.findhanzi_input textarea {
    display: block;
    margin: 0;
}

.findhanzi_input_hint {
    color: #777;
    font-size: 12px;
    line-height: 16px;
    padding: 6px 5px 0;
}

.findhanzi_input_footer {
    align-items: flex-start;
    display: flex;
    justify-content: space-between;
    min-height: 24px;
    padding: 7px 5px 0;
}

.findhanzi_input_footer .top_count_words {
    color: #777;
    font-size: 12px;
    margin-left: auto;
    white-space: nowrap;
}

.findhanzi_input_footer .chinesetools_error {
    display: block;
    padding: 0 8px 0 0;
}

.findhanzi_word_count {
    margin-left: 8px;
}

.control_panel_py {
    margin: 15px 0;
}
.py_block_item {
    display: inline-block;
    padding: 3px 5px;
    margin-bottom: 10px;
    text-align: center;
}

/*.py_block_item_py_color0 {*/
/*    color: inherit;*/
/*}*/
/*.py_block_item_py_color1 {*/
/*    color: var(--hd-primary, #2e4a43);*/
/*}*/
/*.py_block_item_py_color2 {*/
/*    color: #ff4646;*/
/*}*/
/*.py_block_item_py_color3 {*/
/*    color: #6446ff;*/
/*}*/
/*.py_block_item_py_color4 {*/
/*    color: #46ff4d;*/
/*}*/
.input_footer {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    margin-top: 5px;
}
#clear_py {
    padding: 4px 40px;
    background-color: var(--hd-surface-muted, #eff2ef);
}
#result_block {
    margin-bottom: 25px;
}
.font-size-s {
    font-size: 0.8em;
}
.font-size-m {
    font-size: 1em;
}
.font-size-l {
    font-size: 1.5em;
}
.font-size-xl {
    font-size: 2em;
}
.font-size-xxl {
    font-size: 2.5em;
}
.main_text ul li{
    font-size: 16px;
    line-height: 25px;
    list-style: disc;
}
.main_text ul{
    margin-left: 30px;
}

.hw-category,
.hw-category *,
.hw-category *::before,
.hw-category *::after {
    box-sizing: border-box;
}

.hw-category {
    color: var(--hd-text, #222a2d);
    display: block;
    margin-bottom: 25px;
    width: 100%;
}

.hw-category__hero {
    background: var(--hd-surface-muted, #eff2ef);
    border: 1px solid var(--hd-border, #d7ddda);
    border-radius: 18px;
    display: grid;
    grid-template-columns: minmax(0, 1.55fr) minmax(320px, .85fr);
    margin-bottom: 40px;
    min-height: 260px;
    overflow: hidden;
}

.hw-category__hero-copy {
    align-items: center;
    display: flex;
    min-width: 0;
    padding: 48px 54px;
    background: #FFF;
}

.hw-category__hero h1 {
    color: var(--hd-text, #222a2d);
    font-size: 48px;
    font-size: clamp(32px, 3.8vw, 48px);
    font-weight: 700;
    hyphens: auto;
    letter-spacing: -.025em;
    line-height: 1.12;
    margin: 0;
    max-width: 100%;
    min-width: 0;
    overflow-wrap: break-word;
    text-align: left;
    word-break: normal;
}

.hw-category__hero-media {
    border-left: 1px solid var(--hd-border, #d7ddda);
    min-height: 260px;
    min-width: 0;
    overflow: hidden;
    position: relative;
}

.hw-category__hero-media img {
    display: block;
    height: 100%;
    left: 0;
    max-width: none;
    object-fit: cover;
    object-position: center;
    position: absolute;
    top: 0;
    width: 100%;
}

.hw-category__catalog {
    background: #fff;
    border: 1px solid var(--hd-border, #d7ddda);
    border-radius: 18px;
    box-shadow: 0 18px 55px rgba(31, 52, 47, .10);
    margin-bottom: 40px;
    padding: 32px;
}

.hw-category__grid {
    display: grid;
    gap: 16px;
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.hw-category__card {
    align-items: center;
    background: var(--hd-primary-soft, #e7eeea);
    border: 1px solid var(--hd-border, #d7ddda);
    border-radius: 14px;
    color: var(--hd-primary-hover, #1f342f);
    display: flex;
    font-weight: 700;
    gap: 14px;
    justify-content: space-between;
    min-height: 136px;
    min-width: 0;
    padding: 20px 22px;
    text-decoration: none;
    transition: background-color .2s ease, border-color .2s ease, box-shadow .2s ease, transform .2s ease;
}

.hw-category__card:hover,
.hw-category__card:focus {
    background: var(--hd-primary-soft, #e7eeea);
    border-color: var(--hd-primary, #2e4a43);
    box-shadow: 0 8px 24px rgba(31, 52, 47, .12);
    color: var(--hd-primary-hover, #1f342f);
    text-decoration: none;
    transform: translateY(-2px);
}

.hw-category__card:focus {
    outline: 2px solid var(--hd-primary,#2e4a43);
    outline-offset: 3px;
}

.hw-category__card-title {
    font-size: 28px;
    hyphens: auto;
    line-height: 1.15;
    min-width: 0;
    overflow-wrap: break-word;
}

.hw-category__card-arrow {
    align-items: center;
    background: #fff;
    border: 1px solid var(--hd-border, #d7ddda);
    border-radius: 10px;
    color: var(--hd-primary, #2e4a43);
    display: flex;
    flex: 0 0 44px;
    font-size: 24px;
    font-weight: 400;
    height: 44px;
    justify-content: center;
    line-height: 1;
    transition: background-color .2s ease, border-color .2s ease, color .2s ease;
    width: 44px;
    padding-bottom: 10px;
}

.hw-category__card:hover .hw-category__card-arrow,
.hw-category__card:focus .hw-category__card-arrow {
    background: var(--hd-primary, #2e4a43);
    border-color: var(--hd-primary, #2e4a43);
    color: #fff;
}

.hw-category--hsk .hw-category__card:last-child,
.hw-category--exercises .hw-category__card:last-child {
    /*background: var(--hd-primary-soft, #e7eeea);*/
    /*border-color: var(--hd-primary, #2e4a43);*/
    /*grid-column: span 2;*/
}

.hw-category__card--exercise {
    justify-content: flex-start;
}

.hw-category__card--exercise .hw-category__card-title {
    font-size: 18px;
}

.hw-category__card--exercise .hw-category__card-arrow {
    margin-left: auto;
}

.hw-category__card-icon {
    align-items: center;
    border-radius: 10px;
    display: flex;
    flex: 0 0 48px;
    height: 48px;
    justify-content: center;
    overflow: hidden;
    width: 48px;
}

.hw-category__card-icon img {
    display: block;
    height: 40px;
    margin: 0;
    object-fit: contain;
    width: 40px;
}

.hw-category__copy {
    background: #fff;
    border: 1px solid var(--hd-border, #d7ddda);
    border-radius: 16px;
    box-shadow: 0 8px 24px rgba(31, 52, 47, .08);
    color: var(--hd-muted, #5d686c);
    padding: 34px 40px;
}

.hw-category__copy .seo-text {
    font-size: 17px;
    line-height: 1.65;
    margin-bottom: 16px;
    max-width: 900px;
    text-align: left;
}

.hw-category__copy .seo-text:last-child {
    margin-bottom: 0;
}

@media (max-width: 991px) {
    .hw-category__hero {
        grid-template-columns: minmax(0, 1fr) 320px;
    }

    .hw-category__hero-copy {
        padding: 38px 36px;
    }

    .hw-category__hero h1 {
        font-size: 38px;
        font-size: clamp(30px, 4.5vw, 40px);
    }

    .hw-category__catalog {
        padding: 24px;
    }

    .hw-category__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 767px) {
    .hw-category__hero {
        grid-template-columns: minmax(0, 1fr);
        margin-bottom: 24px;
    }

    .hw-category__hero-copy {
        min-height: 0;
        padding: 30px 26px;
    }

    .hw-category__hero h1 {
        font-size: 32px;
        font-size: clamp(28px, 7vw, 36px);
        letter-spacing: -.02em;
    }

    .hw-category__hero-media {
        border-left: 0;
        border-top: 1px solid var(--hd-border, #d7ddda);
        min-height: 230px;
    }

    .hw-category__catalog {
        margin-bottom: 24px;
        padding: 20px;
    }

    .hw-category__card {
        min-height: 110px;
    }

    .hw-category__copy {
        padding: 26px;
    }

    .hw-category__copy .seo-text {
        font-size: 15px;
        line-height: 1.65;
    }
}

@media (max-width: 575px) {
    .hw-category__hero,
    .hw-category__catalog,
    .hw-category__copy {
        border-radius: 14px;
    }

    .hw-category__hero-copy {
        padding: 24px 20px;
    }

    .hw-category__hero h1 {
        font-size: 28px;
        line-height: 1.16;
    }

    .hw-category__hero-media {
        min-height: 200px;
    }

    .hw-category__catalog {
        padding: 14px;
    }

    .hw-category__grid {
        gap: 12px;
        grid-template-columns: minmax(0, 1fr);
    }

    .hw-category--hsk .hw-category__card:last-child,
    .hw-category--exercises .hw-category__card:last-child {
        grid-column: span 1;
    }

    .hw-category__card {
        min-height: 92px;
        padding: 16px 18px;
    }

    .hw-category__card-title {
        font-size: 23px;
    }

    .hw-category__card--exercise .hw-category__card-title {
        font-size: 17px;
    }

    .hw-category__card-arrow {
        flex-basis: 40px;
        height: 40px;
        width: 40px;
    }

    .hw-category__copy {
        padding: 22px 20px;
    }
}

.hsk-rows {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
}
.hsk-row_hanzi {
    display: flex;
    flex-direction: column;
}
.hsk-row_hanzi_table {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 20px;
    margin-bottom: 15px;
}
.hsk-row_hanzi_column {
    text-align: center;
    display: flex;
    flex-direction: column;
    gap: 5px;
}
.hsk-row_hanzi_title {
    font-size: 50px;
    line-height: 1;
    white-space: nowrap;
}
.hsk-row_hanzi_py {
    font-size: 16px;
    color: var(--hd-primary, #2e4a43);
    font-family: Arial, Helvetica, sans-serif;
    margin-bottom: 3px;
}
.hsk-row {
    margin-bottom: 15px;
    padding: 10px 20px;
    background: #FFF;
    box-shadow: 0 2px 5px rgba(31, 52, 47, .12);
    flex-direction: column;
    display: flex;
    flex-wrap: nowrap;
    width: calc(50% - 15px);
}
.radical-row {
    margin-bottom: 15px;
    padding: 10px 20px;
    background: #FFF;
    box-shadow: 0 2px 5px rgba(31, 52, 47, .12);
    flex-direction: column;
    display: flex;
    flex-wrap: nowrap;
    flex: 0 0 calc(33.3333% - 10px);
}

.hazni_play {
    background: var(--hd-primary, #2e4a43);
    cursor: pointer;
}

button.hazni_play {
    border: 0;
    color: inherit;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
}

a.hsk-row_hanzi_table {
    outline: none;
    text-decoration: none;
}
.hsk-row_translate {
display: flex;
flex-direction: column;
justify-content: space-between;
width: 100%;
text-align: right;
}
.hsk-row_hanzi_buttons {
display: flex;
gap: 10px;
align-items: center;
}
.hsk-button {
padding: 3px 15px;
background: #ffeed5;
border-radius: 4px;
}
.yct-button {
    background: #dfd5ff;
}

.seo-text {
    font-size: 17px;
    line-height: 25px;
    text-align: justify;
    margin-bottom: 15px;
}

.hsk-button:focus {
outline: none;
text-decoration: unset;
color: #000000;
}

button.hazni_play:focus {
    outline: 2px solid var(--hd-focus, #275ea8);
    outline-offset: 2px;
}

.hsk-row_columns {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 5px;
}
.hsk-row_translate p {
    font-size: 16px;
    line-height: 1.5;
    color: var(--hd-muted, #5d686c);
    /*padding-top: 21px;*/
}
.hsk-row_translate_pp {
    color: var(--hd-control-border, #7d8983);
}
.paging-b {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 20px 0 0;
}

.paging-b {
    margin: 30px 0 0;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.paging-b:has(.paging-b__count) {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.paging-b__grid {
    gap: 20px;
}

.paging-b__grid,
.paging-b__links,
.paging-b__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.paging-b__list {
    gap: 12px;
}

.paging-b__links {
    color: #989898;
    font-weight: 500;
    min-width: 19px;
    height: 22px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.paging-b__links_active {
    color: #2d2e33;
    font-weight: 600;
}

.paging-b__count {
    font-weight: 500;
    color: #989898;
}
.hazni_play{
    background: var(--hd-primary-soft, #e7eeea);
    /*color: #FFFFFF;*/
    width: 80px;
    text-align: center;
    padding: 3px 0;
}
.waveform {
    width: 100%;
    height: 18px;
    --c: linear-gradient(var(--hd-primary, #2e4a43) 0 0);
    background: var(--c) 10% 50%, var(--c) 50% 50%, var(--c) 90% 50%;
    background-size: 18px 50%;
    background-repeat: no-repeat;
    animation: pulsing 1s infinite linear alternate;
}
@keyframes pulsing {
    20% {
        background-size: 18px 20%, 18px 50%, 18px 50%;
    }
    40% {
        background-size: 18px 100%, 18px 20%, 18px 50%;
    }
    60% {
        background-size: 18px 50%, 18px 100%, 18px 20%;
    }
    80% {
        background-size: 18px 50%, 18px 50%, 18px 100%;
    }
}


.char_search_form {
    display: -webkit-box;
    display: -ms-flexbox;
    max-width: 500px;
    width: 100%;
    text-align: center;
    display: flex;
    align-items: center;
    margin: auto;
}
.char_search_form.js--hanzi-search {
    position: relative;
}
.char_search_form input {
    height: 40px;
    width: 100%;
    padding: 0 10px;
    border: 1px solid var(--hd-control-border, #7d8983);
}
.char_search_form input:focus {
    border: 1px solid var(--hd-focus, #275ea8);
    outline: none;
}
.char_search_button {
    border: none;
    height: 40px;
    padding: 0 20px;
}
.hsk-row_translate_title {
    color: var(--hd-primary, #2e4a43);
}
.header-char_search_form {
    position: relative;
    top: 11px;
    max-width: 300px;
    padding: 0 10px;
}
.header-char_search_form input {
    border-radius: 5px;
}

.header-char_search_form_submit {
    display: inline-block;
    content: '';
    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iRGFya0dyYXkiIGNsYXNzPSJiaSBiaS1zZWFyY2giIHZpZXdCb3g9IjAgMCAxNiAxNiI+CiAgPHBhdGggZD0iTTExLjc0MiAxMC4zNDRhNi41IDYuNSAwIDEgMC0xLjM5NyAxLjM5OGgtLjAwMWMuMDMuMDQuMDYyLjA3OC4wOTguMTE1bDMuODUgMy44NWExIDEgMCAwIDAgMS40MTUtMS40MTRsLTMuODUtMy44NWExLjAwNyAxLjAwNyAwIDAgMC0uMTE1LS4xek0xMiA2LjVhNS41IDUuNSAwIDEgMS0xMSAwIDUuNSA1LjUgMCAwIDEgMTEgMHoiLz4KPC9zdmc+');
    width: 22px;
    height: 33px;
    background-repeat: no-repeat;
    background-size: 21px;
    background-position: 0px 7px;
    position: absolute;
    top: 3px;
    right: 15px;
    outline: none;
    border: 0;
    background-color: transparent;
}

.hanzi-search_result {
    display: none;
    position: absolute;
    top: 40px;
    left: 0;
    z-index: 9;
    background: #FFF;
    width: 100%;
    text-align: left;
    padding: 5px 10px;
    flex-direction: column;
    /*gap: 5px;*/
    border: 1px solid var(--hd-border, #d7ddda);
    box-shadow: 0 2px 5px rgba(31, 52, 47, .12);
    margin: 0;
    list-style: none;
}

.hanzi-search_result > li {
    padding: 5px 0;
}

.hanzi-search_result > li > a {
    display: block;
    padding: 5px 10px;
    text-decoration: none;
}

.hanzi-search_result > li > a:hover,
.hanzi-search_result > li > a:focus,
.hanzi-search_result > li > a.hanzi-search_option_active {
    background: var(--hd-surface-muted, #eff2ef);
}

.hanzi-search_result .search-hanzi_text {
    display: inline-block;
    min-width: 34px;
    font-size: 21px;
    text-align: center;
}

.hanzi-search_result .search-hanzi_pinyin {
    color: var(--hd-primary, #2e4a43);
}

.hanzi-search_status {
    color: var(--hd-muted, #5d686c);
    text-align: center;
}

.hanzi-search_error {
    color: var(--hd-error, #b73535);
}

.radical-num {
    margin-left: auto;
    font-weight: 700;
}

.radical-row .hsk-row_columns .hsk-row_hanzi_column .hsk-row_hanzi_title {
    color: #999999;
}
.radical-row .hsk-row_columns .hsk-row_hanzi_column:first-child .hsk-row_hanzi_title {
    color: #000000;
}

.hw_row {
    position: relative;
}

:root {
    --i-primary-color: var(--hd-primary, #2e4a43);
    --i-text-color: var(--hd-primary, #2e4a43);
    --i-primary-text-color: var(--hd-primary, #2e4a43);
}

.i-page section {
    margin-bottom: 40px;
    padding: 40px 0;
}
.i-page section:first-child {
    margin-bottom: 80px;
    padding: 0px 0;
}

.dflex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.fcol {
    flex-direction: column;
}
.fsb {
    justify-content: space-between;
}
.fac {
    align-items: center;
}

.but_radius {
    border-radius: 5px;
}
.tools-row {
    gap: 20px;
    margin-top: 45px;
}
.tools-item {
    width: calc(25% - 20px);
    padding: 30px 15px;
    background: #fafafa;
    border-radius: 15px;
    gap: 30px;
    box-shadow: 0 0 4px 0px #d7d7d7;
}
.tools-item__name {
    font-weight: 600;
    font-size: 1.5em;
    text-align: center;
    line-height: 1.5;
}
.tools-item__text {
    text-align: center;
    font-size: 1.2em;
    line-height: 1.5;
    color: #555;
}

.top_text {
    font-size: 1.7em;
    line-height: 1.4;
    color: #555;
    z-index: 1;
    max-width: 80%;
    font-weight: 300;
}
.sub_title {
    font-size: 1.7em;
    line-height: 1.4;
    color: #555;
    text-align: center;

}
.top_b {
    width: 80%;
    gap: 25px;
}
#top_block h1 {
    font-size: 4.5em;
    font-weight: 700;
    z-index: 1;
    padding: 25px 0px 0;
    margin: 20px 0 0;
}
.top_image {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 0;
}
.cta_buttons {
    margin-top: 35px;
    gap: 50px;
}
.cta_buttons a {
    font-size: 1.4em;
    padding: 10px 45px;
    z-index: 2;
}
.hw_row h2 {
    text-align: center;
}
.row_title {
    text-align: center;
    font-size: 40px;
    font-weight: 700;
    max-width: 700px;
    display: inline-block;
    line-height: 1.3;
}
.i-ico {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' %3e%3cpath fill='black' d='M149 -91l-144 144c-7 6 -7 16 0 22c6 6 16 6 22 0l117 -116v505c0 9 7 16 16 16s16 -7 16 -16v-505l117 116c6 6 16 6 22 0c7 -6 7 -16 0 -22l-144 -144c-6 -7 -16 -7 -22 0z'%3e%3c/path%3e%3c/svg%3e");
    width: 20px;
    height: 20px;
    display: inline-block;
}

.tools-item__ico {
    background: var(--hd-primary, #2e4a43);
    position: relative;
    padding: 15px;
    display: block;
    width: 80px;
    height: 80px;
    border-radius:15px;
    box-shadow: 0 5px 5px 0px #c1c1c1;
}
section#worksheets {
    background-color: var(--hd-primary-soft, #e7eeea);
    border-radius: 10px;
}
.index_worksheets {
    padding-left: 40px;
    padding-right: 40px;
    margin: 40px 0;
    gap: 40px;
}
#trainers h2 .row_title {
    text-align: center;
    color: #000000;
}
#trainers .sub_title,
#trainers .row_title {
    text-align: left;
}
.hsk-row_chars .hsk-row_hanzi {
    margin-bottom: 10px;
}
.hsk-row_chars .hsk-row_translate_title {
    margin-bottom: 5px;
}
.hsk-row_chars .hsk-row_translate {
    text-align: left;
}

#trainers .row_title {
    color: var(--hd-primary, #2e4a43);
}
#fromwho,
#trainers {
    padding-top: 0;
}

.who1 {
    background: #f9fff4;
}
.who2 {
    background: #fdf8f0;
}
.who3 {
    background: #f6f3fd;
}
.who4 {
    background: var(--hd-primary-soft, #e7eeea);
}
.worksheet_slides,
.worksheet_items {
    width: calc(50% - 40px);
}
#trainers .row_title img {
    width: 60px;
}
#trainers .trainers_tontrainer .trainers_image {
    margin-top: auto;
}

#trainers .trainers_tontrainer > div,
#trainers .trainers_findhanzi > div {
    margin-bottom: 15px;
}
.trainers_image img {
    border-radius: 10px;
    max-width: 100%;
}
.worksheet_items {
    gap: 15px;
}
.worksheet_item {
    background: var(--hd-primary-soft, #e7eeea);
    width: 100%;
    text-align: center;
    padding: 15px 10px;
    border-radius: 10px;
    box-shadow: 0 3px 3px 0px #f1f1f1;
}
.worksheet_item__title {
    font-size: 20px;
    line-height: 1;
    font-weight: 600;
    margin-bottom: 10px;
}
.worksheet_item__text {
    font-size: 17px;
    line-height: 1;
    color: #555;
}

.itc-slider-items {
    counter-reset: slide;
}
.itc-slider-item img {
    max-width: 100%;
    max-height: 100%;
}

.itc-slider-item {
    flex: 0 0 100%;
    max-width: 100%;
    counter-increment: slide;
    height: 445px;
    position: relative;
    text-align: center;
}

.itc-slider-item {
    background-color: var(--hd-primary-soft, #e7eeea);
}

.worksheet__cta {
    gap: 20px;
}
.worksheet_item__cta {
    font-weight: 600;
    font-size: 1.5em;
    text-align: center;
    max-width: 500px;
    line-height: 1.5;
    color: var(--hd-primary, #2e4a43);
}
.worksheet_item__cta_btn {
    font-size: 1.4em;
    padding: 10px 45px;
}
#knowledge_base,
#converter_pinyin {
    width: 50%;
    padding: 25px;
    border-radius: 10px;
}
#knowledge_base {
    background: #f6f3fd;
}
#converter_pinyin {
    background: #fdf8f0;
}
#double_tools .sub_title {
    text-align: left;
    margin-bottom: 20px;
}
.double_tools_text {
    font-size: 1.2em;
    line-height: 1.5;
    color: #555;
    margin-bottom: 20px;
}
.double_tools_random_hanzi .hsk-row {
    width: 100%;
}

#double_tools .hw_row {
    gap: 30px;
}

.cta_btn {
    font-size: 1.4em;
    padding: 10px 45px;
}
#double_tools .converter_pinyin_template #result_py {
    height: 285px;
    overflow: hidden;
    resize: none;
    background: #FFF;
    border-radius: 5px;
}
#double_tools .converter_pinyin_template {
    margin-bottom: 15px;
}

#double_tools h2.row_title {
    margin-top: 0;
    gap: 10px;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    text-align: left;
}
#double_tools .hsk-row {
    border-radius: 10px;
}
#double_tools #input_chars {
    height: 50px;
    overflow: hidden;
    resize: none;
    border-radius: 5px;
}

#registr {
    background: #FFF;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
    border-radius: 15px;
}

#registr h2 {
    margin: 18px auto 9px;
}
#registr .row_title {
    text-align: center;
    font-size: 40px;
    font-weight: 700;
    max-width: 700px;
    display: inline-block;
    line-height: 1.3;
    padding: 10px 20px;
    color: var(--hd-primary, #2e4a43);
    box-shadow: 0 0px 15px 16px #fff;
    text-shadow: 0 3px 1px rgba(46, 74, 67, .24);
}
#registr .sub_title {
    max-width: 600px;
    margin: auto;
    color: #000000;
    text-shadow: 0 0 5px #FFF;
}

.ico-pro {
    content: '';
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><path fill="%232e4a43" transform="translate(0,450) scale(1, -1)" d="M64 352h448c18 0 32 -14 32 -32v-256c0 -18 -14 -32 -32 -32h-448c-18 0 -32 14 -32 32v256c0 18 14 32 32 32zM0 320v-256c0 -35 29 -64 64 -64h448c35 0 64 29 64 64v256c0 35 -29 64 -64 64h-448c-35 0 -64 -29 -64 -64zM80 288c-9 0 -16 -7 -16 -16v-160c0 -9 7 -16 16 -16s16 7 16 16v48h32c35 0 64 29 64 64s-29 64 -64 64h-48zM128 192h-32v64h32c18 0 32 -14 32 -32s-14 -32 -32 -32zM240 288c-9 0 -16 -7 -16 -16v-160c0 -9 7 -16 16 -16s16 7 16 16v48h24c22 0 40 -18 40 -40v-8c0 -9 7 -16 16 -16s16 7 16 16v8c0 21 -9 41 -24 54c15 12 24 30 24 50c0 35 -29 64 -64 64h-48zM280 192h-24v64h32c18 0 32 -14 32 -32s-14 -32 -32 -32h-8zM416 232c0 13 11 24 24 24h16c13 0 24 -11 24 -24v-80c0 -13 -11 -24 -24 -24h-16c-13 0 -24 11 -24 24v80zM440 288c-31 0 -56 -25 -56 -56v-80c0 -31 25 -56 56 -56h16c31 0 56 25 56 56v80c0 31 -25 56 -56 56h-16z"/></svg>');
    width: 250px;
    height: 160px;
    background-size: 240px;
    background-position: 3px;
    background-repeat: no-repeat;
    display: block;
    margin: 45px auto;
}

li.characters_setting {
    flex-direction: column;
    align-items: flex-start!important;
    gap: 10px;
}

.list_sett li textarea:focus,
.list_sett li textarea:focus-visible {
    border-radius: 0;
    outline: none;
    box-shadow: var(--shadow);
}

.characters_setting .prescription-edit-data {
    background-color: var(--main-color);
    border-radius: 10px;
    font-size: 12px;
    margin-top: -3px;
    width: 100%;
}

.characters_setting .prescription-edit-data .ico-pro-status {
    display: inline-block;
    margin: 0 0 0 6px;
    position: static;
    vertical-align: middle;
}

.prescription-modal {
    width: 300px;
    max-height: 450px;
    overflow: auto;
}
.prescription-modal .prescription-modal_header {
    margin-bottom: 10px;
}
.prescription-modal .prescription-modal_header h4 {
    font-weight: 600;
}
.prescription-modal .prescription-modal__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 15px;
    flex-direction: column;
    padding: 10px;
    border: 1px solid var(--main-color);
}

.prescription-modal .prescription-modal__settings_checkbox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    gap: 10px;
}
.prescription-modal .prescription-modal__settings_checkbox input {
    margin: 0;
}
.prescription-modal .prescription-modal__settings {
    margin-bottom: 15px;
}
.prescription-modal .prescription-modal__data {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 5px;
    align-items: center;
    flex-wrap: wrap;
}

.prescription-modal .prescription-modal__item label {
    width: 100%;
}
.prescription-modal .prescription-modal__settings_checkbox label,
.prescription-modal .prescription-modal__item .prescription-modal__label {
    margin-bottom: 2px;
}
.prescription-modal > div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    margin-bottom: 30px;
}

.prescription-modal > div:last-child {
    margin-bottom: 0;
}

.prescription-modal .prescription-modal__items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    gap: 30px;
    margin-bottom: 10px;
}
.prescription-modal .prescription-modal__hanzi {
    font-size: 50px;
    line-height: 1;
    font-weight: 300;
    color: var(--main-color);
}
.prescription-modal .prescription-modal__translation textarea {
    resize: vertical;
}

.prescription-modal .prescription-modal__qr_image input,
.prescription-modal .prescription-modal__url input,
.prescription-modal .prescription-modal__translation textarea {
    width: 100%;
    border: 1px dashed var(--border-color);
    outline: none;
}
.prescription-modal .prescription-modal__pinyin input {
    max-width: 100px;
    outline: none;
    border: 1px solid var(--border-color);
}

.prescription-modal .prescription-modal__data .prescription-modal__a {
    width: 50px;
    text-align: center;
}

.prescription-modal .prescription-modal__a input{
    margin-bottom: 10px;
    width: 100%;
    border: 1px dashed var(--border-color);
    outline: none;
    text-align: center;
}
.prescription-modal .prescription-modal__checkbox label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: baseline;
    justify-content: space-between;
}

.prescription-modal_fb .prescription-modal_footer_bottons {
    position: absolute;
    bottom: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: row;
    padding-top: 10px;
    width: 300px;
    justify-content: space-between;
    background: #FFF;
}
.prescription-modal_fb .prescription-modal_close_btn {
    border-radius: 3px;
    padding: 4px 8px;
    background-color: var(--hd-surface-muted, #eff2ef);
}

.prescription-modal_fb {
    padding-bottom: 70px;
}

.prescription-modal_fb input[disabled],
.prescription-modal_fb textarea[disabled] {
    cursor: no-drop;
}


.prescription-modal_fb .prescription-modal_footer_bottons .btn {
    border-radius: 3px;
    padding: 4px 8px;
    background-color: var(--main-color);
    color: #FFF;
}

.image-preview {
    position: relative;
    display: inline-block;
    margin-top: 10px;
}

.prescription_notice {
    color: var(--main-color-dark);
}

.image-preview img {
    max-width: 150px;
    max-height: 150px;
    border-radius: 4px;
    border: 2px solid var(--hd-border, #d7ddda);
}

.remove-btn {
    position: absolute;
    top: -8px;
    right: -8px;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background: #ff4444;
    color: white;
    border: none;
    cursor: pointer;
    font-size: 16px;
    line-height: 1;
    padding: 0;
}

.remove-btn:hover {
    background: #cc0000;
}

.url-loader {
    margin-top: 10px;
    padding: 10px;
    background: #f5f5f5;
    border-radius: 4px;
    text-align: center;
    color: #666;
}

.url-preview {
    position: relative;
    display: inline-block;
    margin-top: 10px;
}

.url-preview img {
    max-width: 150px;
    max-height: 150px;
    border-radius: 4px;
    border: 2px solid var(--hd-border, #d7ddda);
}

.url-preview .remove-btn {
    position: absolute;
    top: -8px;
    right: -8px;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background: #ff4444;
    color: white;
    border: none;
    cursor: pointer;
    font-size: 16px;
    line-height: 1;
    padding: 0;
}

.url-preview .remove-btn:hover {
    background: #cc0000;
}

@media (max-width: 350px) {
    .prescription-modal,
    .prescription-modal_fb .prescription-modal_footer_bottons {
        width: 250px;
    }
}

.ico-pro-status {
    content: '';
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><path fill="%232e4a43" transform="translate(0,450) scale(1, -1)" d="M64 352h448c18 0 32 -14 32 -32v-256c0 -18 -14 -32 -32 -32h-448c-18 0 -32 14 -32 32v256c0 18 14 32 32 32zM0 320v-256c0 -35 29 -64 64 -64h448c35 0 64 29 64 64v256c0 35 -29 64 -64 64h-448c-35 0 -64 -29 -64 -64zM80 288c-9 0 -16 -7 -16 -16v-160c0 -9 7 -16 16 -16s16 7 16 16v48h32c35 0 64 29 64 64s-29 64 -64 64h-48zM128 192h-32v64h32c18 0 32 -14 32 -32s-14 -32 -32 -32zM240 288c-9 0 -16 -7 -16 -16v-160c0 -9 7 -16 16 -16s16 7 16 16v48h24c22 0 40 -18 40 -40v-8c0 -9 7 -16 16 -16s16 7 16 16v8c0 21 -9 41 -24 54c15 12 24 30 24 50c0 35 -29 64 -64 64h-48zM280 192h-24v64h32c18 0 32 -14 32 -32s-14 -32 -32 -32h-8zM416 232c0 13 11 24 24 24h16c13 0 24 -11 24 -24v-80c0 -13 -11 -24 -24 -24h-16c-13 0 -24 11 -24 24v80zM440 288c-31 0 -56 -25 -56 -56v-80c0 -31 25 -56 56 -56h16c31 0 56 25 56 56v80c0 31 -25 56 -56 56h-16z"/></svg>');
    width: 23px;
    height: 20px;
    background-position: 0px;
    background-repeat: no-repeat;
    display: block;
}

.registr_cta {
    text-align: center;
    margin-top: auto;
}
.tariff_pro, .tariff_free {
    width: 50%;
    padding: 25px;
    border-radius: 10px;
    gap: 15px;
}
.compare_plans {
    margin-top: 40px;
}

#comparision_pro .row_title {
    margin-bottom: 20px;
}

#comparision_pro ul {
    list-style: circle;
    padding-left: 35px;
    line-height: 1.7;
}
#comparision_pro .tools-item__name svg {
    position: relative;
    top: 5px;
}


#comparision_pro .double_tools_text {
    color: #222;
}
#comparision_pro .tools-item__name {
    color: var(--hd-primary, #2e4a43);
    text-align: left;
}
#comparision_pro .yam_title {
    text-align: left;
    padding-left: 30px;
}
.trainers_tontrainer,
.trainers_findhanzi {
    width: calc(50% - 40px);
}

.option_np {
    position: relative;
}
.option_np:after {
    content: '';
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><path fill="%232e4a43" transform="translate(0,450) scale(1, -1)" d="M64 352h448c18 0 32 -14 32 -32v-256c0 -18 -14 -32 -32 -32h-448c-18 0 -32 14 -32 32v256c0 18 14 32 32 32zM0 320v-256c0 -35 29 -64 64 -64h448c35 0 64 29 64 64v256c0 35 -29 64 -64 64h-448c-35 0 -64 -29 -64 -64zM80 288c-9 0 -16 -7 -16 -16v-160c0 -9 7 -16 16 -16s16 7 16 16v48h32c35 0 64 29 64 64s-29 64 -64 64h-48zM128 192h-32v64h32c18 0 32 -14 32 -32s-14 -32 -32 -32zM240 288c-9 0 -16 -7 -16 -16v-160c0 -9 7 -16 16 -16s16 7 16 16v48h24c22 0 40 -18 40 -40v-8c0 -9 7 -16 16 -16s16 7 16 16v8c0 21 -9 41 -24 54c15 12 24 30 24 50c0 35 -29 64 -64 64h-48zM280 192h-24v64h32c18 0 32 -14 32 -32s-14 -32 -32 -32h-8zM416 232c0 13 11 24 24 24h16c13 0 24 -11 24 -24v-80c0 -13 -11 -24 -24 -24h-16c-13 0 -24 11 -24 24v80zM440 288c-31 0 -56 -25 -56 -56v-80c0 -31 25 -56 56 -56h16c31 0 56 25 56 56v80c0 31 -25 56 -56 56h-16z"/></svg>');
    width: 22px;
    height: 12px;
    background-size: 19px;
    background-position: 3px;
    background-repeat: no-repeat;
    position: absolute;
    right: 5px;
    top: 8px;
}

#module-chinesekids-prescription .ss-main,
#module-chinesekids-flashcard .ss-main {
    margin-left: auto;
}

#module-chinesekids-prescription .list_sett li.stroke_sett,
#module-chinesekids-flashcard .list_sett li.stroke_sett {
    flex-direction: column;
    padding: 5px;
}
.stroke_sett > .setting_checkbox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
}

.stroke_sett .name_sett span {
    font-weight: 300;
    padding-left: 15px;
}

.template_sett {
    flex-direction: column;
    gap: 8px;
}
.template_sett .setting_checkbox {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}
.template_sett label {
    font-weight: 300;
}

@media (max-width: 1199px) {
    .radical-row .hsk-row_hanzi_title {
        font-size: 42px;
        line-height: 1;
    }
    #top_block h1 {
        font-size: 3.5em;
    }
    #trainers .row_title {
        font-size: 30px;
    }
    .sub_title {
        font-size: 1.5em;
    }
    #double_tools .font-size-xl {
        font-size: 25px;
    }
    #double_tools .font-size-m {
        font-size: 14px;
    }
    .pos_stat_sett {
        right: 10px;
    }
}

@media (max-width: 992px) {
    .header-char_search_form {
        max-width: 200px;
    }
    .top_text {
        font-size: 18px;
    }
    .index_worksheets {
        flex-direction: column;
    }
    .worksheet_slides, .worksheet_items {
        width: 100%;
    }

    #double_tools .hw_row {
        flex-direction: column;
    }
    #knowledge_base, #converter_pinyin {
        width: 100%;
    }
    .double_tools_cta {
        text-align: center;
    }

    .trainers_tontrainer, .trainers_findhanzi {
        width: 100%;
    }
    #trainers .trainers_tontrainer > div,
    #trainers .trainers_findhanzi > div {
        text-align: center;
    }

    .tools-row {
        flex-wrap: wrap;
    }

    .tools-item {
        width: calc(50% - 20px);
        margin-bottom: 20px;
    }
    .row_title {
        font-size: 31px;
    }
    .worksheet_item__title {
        font-size: 17px;
    }
    .radical-row {
        flex: 0 0 calc(50% - 10px);
    }

    .sf-menu > li:before {

    }

}

@media (max-width: 990px) {
    .hsk-row_hanzi_title {
        font-size: 30px;
    }
    .hsk-row_hanzi_py {
        font-size: 14px;
    }
    .hsk-row_columns {
        gap: 3px;
    }
    .hsk-row_translate p {
        font-size: 14px;
    }
    .hsk-button {
        font-size: 12px;
    }
}

@media (max-width: 768px) {
    .header-char_search_form {
        width: 100%;
        max-width: unset;
        padding: 0;
        top: 0
    }
    .char_search_form input {
        border-radius: 0;
    }
    .seo-text {
        font-size: 13px;
        line-height: 23px;
        text-align: justify;
        margin-bottom: 10px;
    }
}
@media (max-width: 700px) {
    .paging-b {
        font-size: 13px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin: 20px 0 0;
        gap: 10px;
    }
    .hsk-row {
        width: 100%;
        padding: 10px 10px;
    }
    .hsk-row_hanzi_py {
        font-size: 13px;
    }
    .hsk-row_hanzi_title {
        font-size: 25px;
    }
    .hsk-button {
        font-size: 11px;
    }
    .pagination_button {
        display: none;
    }
    .pos_stat_sett {
        right: 4px;
    }
}

@media (max-width: 450px) {
    .hsk-button {
        font-size: 11px;
        padding: 3px 7px;
    }
    .hsk-row_translate p {
        font-size: 13px;
        padding-top: 0
    }
    .hazni_play {
        width: 70px;
    }
    .radical-row {
        flex: 0 0 100%;
    }

    .top_text {
        max-width: 100%;
    }
    #top_block h1 {
        font-size: 2.5em;
    }
    .cta_buttons {
        flex-direction: column;
    }
    .top_image {
        opacity: 0.25;
    }
    .tools-item {
        width: 100%;
        margin-bottom: 10px;
    }
    .index_worksheets {
        padding-left: 20px;
        padding-right: 20px;
    }
    .i-page section {
        padding: 10px 0;
    }
    .row_title {
        font-size: 25px;
    }
    #double_tools .row_title svg {
        width: 32px;
    }
    #index #input_chars,
    #index #result_py {
        font-size: 15px;
        padding: 5px;
    }
    .itc-slider-item {
        height: 350px;
    }
    .worksheet_item__cta_btn {
        font-size: 1.3em;
        padding: 10px 10px;
    }
    .worksheet_item__text {
        font-size: 15px;
        line-height: 1.3;
    }
    .cta_btn {
        font-size: 1.3em;
        padding: 10px 10px;
    }
    #double_tools .font-size-xl {
        font-size: 19px;
    }
    #double_tools .font-size-m {
        font-size: 13px;
    }
    #trainers .row_title {
        font-size: 20px;
    }
    #trainers .row_title img {
        width: 30px;
    }
    .sub_title {
        font-size: 1.4em;
    }
    .tariff_pro, .tariff_free {
        width: 100%;
        padding: 10px;
    }
    .tariff_free {
        margin-bottom: 20px;
    }
    .compare_plans {
        flex-direction: column;
    }
}

/* Keep the redesigned audio controls isolated from the legacy .hazni_play button. */
.dictionary-word-row .dictionary-word-audio,
.dictionary-word-compact .dictionary-word-audio {
    display: inline-flex;
    flex: 0 0 36px;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    min-width: 36px;
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: 10px;
    background: var(--hd-primary-soft, #e7eeea);
    color: var(--hd-primary-hover, #1f342f);
}

.dictionary-word-compact .dictionary-word-audio {
    flex-basis: 32px;
    width: 32px;
    height: 32px;
    min-width: 32px;
    border-radius: 9px;
}

.dictionary-word-compact-list--stack .dictionary-word-audio {
    flex-basis: 44px;
    width: 44px;
    height: 44px;
    min-width: 44px;
    border-radius: 10px;
}

.dictionary-word-row .dictionary-word-audio:hover,
.dictionary-word-row .dictionary-word-audio:focus,
.dictionary-word-compact .dictionary-word-audio:hover,
.dictionary-word-compact .dictionary-word-audio:focus {
    background: var(--hd-accent-soft, #fff3c4);
    color: var(--hd-primary-hover, #1f342f);
}

.dictionary-word-row .dictionary-word-audio.is-playing,
.dictionary-word-compact .dictionary-word-audio.is-playing {
    background: var(--hd-accent, #f3ce55);
}

.dictionary-word-row .dictionary-word-audio.is-error,
.dictionary-word-compact .dictionary-word-audio.is-error {
    border: 1px solid var(--hd-error, #b73535);
    background: var(--hd-error-surface, #fdeded);
    color: var(--hd-error, #b73535);
}

.dictionary-word-row .dictionary-word-audio.is-unavailable,
.dictionary-word-row .dictionary-word-audio[disabled],
.dictionary-word-compact .dictionary-word-audio.is-unavailable,
.dictionary-word-compact .dictionary-word-audio[disabled] {
    border: 0;
    background: var(--hd-surface-muted, #eff2ef);
    color: var(--hd-muted, #5d686c);
}

@media (max-width: 767px) {
    .dictionary-word-row .dictionary-word-audio {
        flex-basis: 44px;
        width: 44px;
        height: 44px;
        min-width: 44px;
    }

    .dictionary-word-compact .dictionary-word-audio {
        flex-basis: 44px;
        width: 44px;
        height: 44px;
        min-width: 44px;
        border-radius: 10px;
    }

    .padding0 {
        padding-left: 0;
        padding-right: 0;
    }
}

@supports selector(:focus-visible) {
    .dictionary-word-row__word-link:focus:not(:focus-visible),
    .dictionary-word-compact__word-link:focus:not(:focus-visible),
    .dictionary-word-row__page-link:focus:not(:focus-visible),
    .dictionary-word-row__more:focus:not(:focus-visible),
    .dictionary-word-audio:focus:not(:focus-visible),
    .dictionary-word-level:focus:not(:focus-visible) {
        outline: none;
    }

    .dictionary-word-row__word-link:focus:not(:focus-visible):not(:hover),
    .dictionary-word-compact__word-link:focus:not(:focus-visible):not(:hover) {
        color: var(--hd-text, #222a2d);
    }

    .dictionary-word-row__more:focus:not(:focus-visible):not(:hover) {
        color: var(--hd-primary, #2e4a43);
    }

    .dictionary-word-audio:not(.is-loading):not(.is-playing):not(.is-error):not(.is-unavailable):focus:not(:focus-visible):not(:hover) {
        background: var(--hd-primary-soft, #e7eeea);
        color: var(--hd-primary-hover, #1f342f);
    }

    .dictionary-word-level:focus:not(:focus-visible):not(:hover) {
        background: #fbf3e4;
        color: #8a5a16;
    }

    .dictionary-word-level--yct:focus:not(:focus-visible):not(:hover) {
        background: #f0eafb;
        color: #5b4a8a;
    }

    .dictionary-word-level--frequency:focus:not(:focus-visible):not(:hover) {
        background: #edf8ee;
        color: #2f7d37;
    }
}

.vacab_block h2 {
    color: var(--hd-primary, #2e4a43);
    font-size: 16px;
    line-height: 1.6;
}
.vacab_block p {
    color: var(--hd-muted, #5d686c);
    font-size: 14px;
}