.button{&[data-v-851235c0]{padding:var(--b-gap-sm);font:inherit;border:none;border-radius:var(--b-radius)}&[data-v-851235c0]:hover{background-color:#b9bbc6}&.selected[data-v-851235c0]{background:var(--brikke-divider-background);border:2px solid #1e1f24}&[data-v-851235c0]:focus-visible{margin:0 2px;outline:none;border:none;box-shadow:inset 0 0 0 3px #1e1f24}}.button{&[data-v-a7fb109b]{display:flex;align-items:center;justify-content:center;width:42px;height:42px;cursor:pointer;background:#fcfcfd;border:2px solid var(--brikke-border);border-radius:8px}&[data-v-a7fb109b]:hover{background-color:#b9bbc6}&[data-v-a7fb109b]:focus-visible{outline:none;border:none;box-shadow:inset 0 0 0 3px #1e1f24}&.selected[data-v-a7fb109b]{background-color:#b9bbc6;border:2px solid var(--brikke-text-color)}&.secondary[data-v-a7fb109b]{background-color:#b9bbc6}}.icon-view{&[data-v-a7fb109b]{display:flex;align-items:center;justify-content:center;width:20px;height:20px;cursor:pointer;background:none;border:none}&[data-v-a7fb109b]:hover{color:#b9bbc6}}.tabs[data-v-1b088dac]{display:flex;gap:8px;width:100%;padding:0;margin:0;border-bottom:1px solid var(--brikke-border)}.tab-wrapper[data-v-1b088dac]{list-style:none}.tab{&[data-v-1b088dac]{padding:4px 8px;font-size:16px;cursor:pointer;background:none;border:none;border-radius:0}&[data-v-1b088dac]:hover{background:#b9bbc6}&[data-v-1b088dac]:focus-visible{outline:none;box-shadow:inset 0 0 0 3px #1e1f24}}.selected-tab[data-v-1b088dac]{box-shadow:inset 0 -2px #1e1f24}.code-editor-wrapper[data-v-1b088dac]{background:#fff;border:1px solid var(--brikke-border);border-radius:4px}.header-wrapper[data-v-1b088dac]{display:flex;align-items:center;justify-content:space-between;padding:12px;border-bottom:1px solid var(--brikke-border)}.header-button-wrapper[data-v-1b088dac]{display:flex;gap:12px;align-items:center}.header[data-v-1b088dac]{margin:0;font-size:20px;font-style:normal;font-weight:600;line-height:26px;color:var(--brikke-text-color)}.result-header[data-v-1b088dac]{margin-top:0;font-size:20px;font-style:normal;font-weight:400;line-height:26px;color:var(--brikke-text-color)}.code-and-result[data-v-1b088dac]{display:flex}.code-and-result:not(.code-and-result-below) .code-wrapper[data-v-1b088dac]{width:50%;border-right:1px solid var(--brikke-border)}.code-and-result:not(.code-and-result-below) .result-wrapper[data-v-1b088dac]{width:50%}.code-and-result .code-and-result-below .result-wrapper[data-v-1b088dac]{width:100%}.result-wrapper[data-v-1b088dac]{overflow-x:auto}.code-and-result.code-and-result-below .code-wrapper[data-v-1b088dac]{width:100%;border-bottom:1px solid var(--brikke-border)}.code-and-result-below[data-v-1b088dac]{flex-direction:column}.output[data-v-1b088dac]{padding:15px}.dark-mode{&[data-v-1b088dac]{filter:invert()}&[data-v-1b088dac] .cm-activeLine{background-color:#ccc}&[data-v-1b088dac] .cm-activeLineGutter{background-color:#ccc}}@media(width<=768px){.hide-mobile[data-v-1b088dac]{display:none}}@media(width>=768px){.hide-desktop[data-v-1b088dac]{display:none}}