.code-sandbox-light-bar[data-v-5c6aa391]{width:var(--container-width,100%);box-sizing:border-box;background:#f3f9ff;border:1px solid #0f7fff;border-radius:8px;margin-bottom:12px;overflow:hidden}@media (max-width:1220px){.code-sandbox-light-bar[data-v-5c6aa391]{width:100%}}.bar-content[data-v-5c6aa391]{flex-direction:column;gap:8px;padding:8px 12px;display:flex;overflow:hidden}.first-row[data-v-5c6aa391]{color:#232425;justify-content:space-between;gap:8px}.first-row[data-v-5c6aa391],.selection-types[data-v-5c6aa391]{align-items:center;display:flex}.selection-types[data-v-5c6aa391]{gap:12px;overflow:hidden}.selection-type[data-v-5c6aa391]{flex-shrink:0;align-items:center;gap:8px;display:flex}.type-text[data-v-5c6aa391]{font-size:12px;font-weight:600}.element-info[data-v-5c6aa391]{color:#606366;font-family:Monaco,Menlo,Ubuntu Mono,Consolas,monospace;font-size:12px;font-weight:400}.close-button[data-v-5c6aa391]{cursor:pointer;color:#232425;opacity:.6;background:0 0;border:none;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;padding:0;transition:all .2s;display:flex}@media (hover:hover){.close-button[data-v-5c6aa391]:hover{opacity:1}}.close-button svg[data-v-5c6aa391]{width:16px;height:16px}.content-row[data-v-5c6aa391]{box-sizing:border-box;border-radius:8px;flex:1;padding:6px 8px;overflow:hidden}.selection-content[data-v-5c6aa391]{word-break:break-word;line-clamp:6;-webkit-line-clamp:6;text-overflow:ellipsis;color:#606366;-webkit-box-orient:vertical;margin-top:2px;padding:0;font-family:Arial;font-size:14px;font-style:normal;font-weight:400;line-height:1.5;display:-webkit-box;overflow:hidden}@media (prefers-color-scheme:dark){.code-sandbox-light-bar[data-v-5c6aa391]{background:#1e293b;border-color:#3b82f6}.close-button[data-v-5c6aa391],.first-row[data-v-5c6aa391]{color:#f1f5f9}.element-info[data-v-5c6aa391],.selection-content[data-v-5c6aa391]{color:#94a3b8}}@media (max-width:767px){.selection-content[data-v-5c6aa391]{font-size:13px}}