.tools-base64-image-container[data-v-23748ecb]{display:flex;gap:1rem}.tools-base64-image-container>div[data-v-23748ecb]{width:50%}@media screen and (max-width:650px){.tools-base64-image-container[data-v-23748ecb]{flex-direction:column-reverse;gap:1rem}.tools-base64-image-container>div[data-v-23748ecb]{width:100%}}.tools-base64-image-preview-content[data-v-23748ecb]{align-items:center;display:flex;flex-direction:column;gap:1rem;height:100%;justify-content:center;width:100%}.tools-base64-image-preview[data-v-23748ecb]{max-height:15rem;max-width:100%}.tools-base64-image-preview>img[data-v-23748ecb]{height:100%;width:100%}.tools-base64-image-preview-buttons[data-v-23748ecb]{display:flex;gap:.5rem}.tools-base64-no-image-content[data-v-23748ecb]{align-items:center;border:.2rem dashed transparent;display:flex;flex-direction:column;height:100%;justify-content:center;position:relative;transition:.2s;width:100%}.tools-base64-no-image-icon[data-v-23748ecb]{font-size:8rem}.tools-base64-no-image-content-actions[data-v-23748ecb]{align-items:center;display:flex;flex-direction:column;margin-top:.5rem}.tools-base64-no-image-content-actions>button[data-v-23748ecb]{margin-top:.5rem}.light-mode .tools-base64-no-image-content-drag[data-v-23748ecb]{border-color:var(--neutral_400)}.light-mode .tools-base64-no-image-icon[data-v-23748ecb]{color:var(--neutral_600)}.dark-mode .tools-base64-no-image-content-drag[data-v-23748ecb]{border-color:var(--black_500)}.dark-mode .tools-base64-no-image-icon[data-v-23748ecb]{color:var(--black_400)}.transition_tools_base64_image_switch-enter-active[data-v-23748ecb],.transition_tools_base64_image_switch-leave-active[data-v-23748ecb]{transition:all .2s ease-in-out}.transition_tools_base64_image_switch-enter-from[data-v-23748ecb],.transition_tools_base64_image_switch-leave-to[data-v-23748ecb]{opacity:0;transform:scale(.95)}