@charset "utf-8";

.jv-container { box-sizing: border-box; position: relative; }

.jv-container.boxed { border: 1px solid rgb(238, 238, 238); border-radius: 6px; }

.jv-container.boxed:hover { box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 7px; border-color: transparent; position: relative; }

.jv-container.jv-light { background: rgb(255, 255, 255); white-space: nowrap; color: rgb(82, 82, 82); font-size: 14px; font-family: Consolas, Menlo, Courier, monospace; }

.jv-container.jv-light .jv-ellipsis { color: rgb(153, 153, 153); background-color: rgb(238, 238, 238); display: inline-block; line-height: 0.9; font-size: 0.9em; padding: 0px 4px 2px; margin: 0px 4px; border-radius: 3px; vertical-align: 2px; cursor: pointer; user-select: none; }

.jv-container.jv-light .jv-button { color: rgb(73, 179, 255); }

.jv-container.jv-light .jv-key { color: rgb(17, 17, 17); margin-right: 4px; }

.jv-container.jv-light .jv-item.jv-array { color: rgb(17, 17, 17); }

.jv-container.jv-light .jv-item.jv-boolean { color: rgb(252, 30, 112); }

.jv-container.jv-light .jv-item.jv-function { color: rgb(6, 123, 202); }

.jv-container.jv-light .jv-item.jv-number { color: rgb(252, 30, 112); }

.jv-container.jv-light .jv-item.jv-object { color: rgb(17, 17, 17); }

.jv-container.jv-light .jv-item.jv-undefined { color: rgb(224, 131, 49); }

.jv-container.jv-light .jv-item.jv-string { color: rgb(66, 185, 131); word-break: break-word; white-space: normal; }

.jv-container.jv-light .jv-item.jv-string .jv-link { color: rgb(3, 102, 214); }

.jv-container.jv-light .jv-code .jv-toggle::before { padding: 0px 2px; border-radius: 2px; }

.jv-container.jv-light .jv-code .jv-toggle:hover::before { background: rgb(238, 238, 238); }

.jv-container .jv-code { overflow: hidden; padding: 30px 20px; }

.jv-container .jv-code.boxed { max-height: 300px; }

.jv-container .jv-code.open { overflow: auto visible; padding-bottom: 45px; max-height: initial !important; }

.jv-container .jv-toggle { background-image: url("data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE2IiB3aWR0aD0iOCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KIAo8cG9seWdvbiBwb2ludHM9IjAsMCA4LDggMCwxNiIKc3R5bGU9ImZpbGw6IzY2NjtzdHJva2U6cHVycGxlO3N0cm9rZS13aWR0aDowIiAvPgo8L3N2Zz4="); background-repeat: no-repeat; background-size: contain; background-position: center center; cursor: pointer; width: 10px; height: 10px; margin-right: 2px; display: inline-block; transition: transform 0.1s, -webkit-transform 0.1s; }

.jv-container .jv-toggle.open { transform: rotate(90deg); }

.jv-container .jv-more { position: absolute; z-index: 1; bottom: 0px; left: 0px; right: 0px; height: 40px; width: 100%; text-align: center; cursor: pointer; }

.jv-container .jv-more .jv-toggle { position: relative; top: 40%; z-index: 2; color: rgb(136, 136, 136); transition: 0.1s; transform: rotate(90deg); }

.jv-container .jv-more .jv-toggle.open { transform: rotate(-90deg); }

.jv-container .jv-more::after { content: ""; width: 100%; height: 100%; position: absolute; bottom: 0px; left: 0px; z-index: 1; background: linear-gradient(rgba(0, 0, 0, 0) 20%, rgba(230, 230, 230, 0.3) 100%); transition: 0.1s; }

.jv-container .jv-more:hover .jv-toggle { top: 50%; color: rgb(17, 17, 17); }

.jv-container .jv-more:hover::after { background: linear-gradient(rgba(0, 0, 0, 0) 20%, rgba(230, 230, 230, 0.3) 100%); }

.jv-container .jv-button { position: relative; cursor: pointer; display: inline-block; padding: 5px; z-index: 5; }

.jv-container .jv-button.copied { opacity: 0.4; cursor: default; }

.jv-container .jv-tooltip { position: absolute; }

.jv-container .jv-tooltip.right { right: 15px; }

.jv-container .jv-tooltip.left { left: 15px; }

.jv-container .j-icon { font-size: 12px; }