/* CECHO VARIANT LINKS 1.0.0 */
.cecho-variant-share {margin:6px 0 8px;padding:0;border:0;border-radius:0;background:none;line-height:1.5}
.cecho-variant-share p {margin:0 0 8px}
.cecho-variant-share button {cursor:pointer;border:1px solid #b8b8b8;border-radius:4px;background:#fff;color:#333;padding:8px 12px;font:inherit}
.cecho-variant-share button:disabled {opacity:.55;cursor:default}
.cecho-variant-share a {margin-left:12px;text-decoration:underline}
.cecho-variant-share input {width:100%;box-sizing:border-box;margin-top:8px;padding:8px}
.cecho-variant-share [hidden] {display:none!important}
#CechoCopyStatus {display:block;margin-top:5px}
#CechoVariantName {display:block;font-size:.8em;font-weight:normal;margin-top:6px}

#CechoVariantName:empty {display:none}

/* CECHO VARIANT DIRECTORY 1.1.0: quiet disclosure, expanded only on request. */
#CechoVariantDirectory {margin:5px 0 8px;padding:0;border:0;background:none;color:#666;font-size:12px;line-height:1.5;max-width:100%}
#CechoVariantDirectory>summary {width:fit-content;max-width:100%;padding:3px 0;cursor:pointer;font-weight:400;color:#666;background:none;border:0}
#CechoVariantDirectory>summary::marker {font-size:.8em;color:#888}
#CechoVariantDirectory>summary:hover {color:#444;text-decoration:underline}
#CechoVariantDirectory>summary:focus-visible {outline:1px solid #777;outline-offset:3px}
#CechoVariantDirectory .cecho-variant-directory-scroll {max-height:330px;overflow:auto;margin-top:6px;overscroll-behavior:contain}
#CechoVariantDirectory table {border-collapse:collapse;width:100%;font:inherit;text-align:left;color:#555;background:none}
#CechoVariantDirectory caption {text-align:left;font-weight:400;padding:0 0 7px;color:#666}
#CechoVariantDirectory th,#CechoVariantDirectory td {padding:7px 9px;border:0;border-bottom:1px solid #ededed;text-align:left;vertical-align:top;background:none}
#CechoVariantDirectory th {font-weight:400;color:#666}
#CechoVariantDirectory td {white-space:nowrap}
#CechoVariantDirectory a {color:inherit;text-decoration:underline;text-underline-offset:2px;margin:0;font-weight:400}
#CechoVariantDirectory a:hover {color:#222}
@media(max-width:480px) {
    #CechoVariantDirectory {font-size:12px}
    #CechoVariantDirectory th,#CechoVariantDirectory td {padding:7px 6px}
    #CechoVariantDirectory table {min-width:360px}
}

/* CECHO COPY CONTROL 1.1.2: no space for inactive status messages. */
#CechoVariantLabel:empty,#CechoCopyStatus:empty {display:none}