.ace-editor-wrapper {
    border-radius: var(--radius-md);
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    position: relative
}

.ace-editor-wrapper:focus-within {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor) !important;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
    --tw-ring-color: var(--primary-600) !important
}

.ace-editor-wrapper.base {
    --tw-ring-color: var(--gray-950)
}

@supports (color:color-mix(in lab, red, red)) {
    .ace-editor-wrapper.base {
        --tw-ring-color: color-mix(in oklab, var(--gray-950) 10%, transparent)
    }
}

.ace-editor-wrapper.base:where(.dark,.dark *) {
    --tw-ring-color: #fff3
}

@supports (color:color-mix(in lab, red, red)) {
    .ace-editor-wrapper.base:where(.dark,.dark *) {
        --tw-ring-color: color-mix(in oklab, var(--color-white) 20%, transparent)
    }
}

.ace-editor-wrapper.focus:focus-within {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
}

.ace-editor-wrapper.danger, .ace-editor-wrapper.danger:where(.dark,.dark *) {
    --tw-ring-color: var(--danger-600)
}

.ace-editor {
    border-radius: var(--radius-md);
    width: 100%;
    height: 100%
}

@media (min-width: 640px) {
    .ace-editor-label {
        padding-top: 0.375rem;
    }
}
