.myMarker {
    position:absolute;
    z-index:9001;
    background: #E0E0E0;
}
.myGutterDecoration:not(.ace_gutter-active-line) {
    position:absolute;
    background:#6CE26C;
    z-index:9001;
    color: #fff;
}

.editor-container {
    border: 1px solid #e1e4e8; /* A subtle border for the entire editor container */
    border-radius: 5px; /* Rounded corners */
    overflow: hidden; /* Keeps the child elements within the container */
}

.editor-header {
    background-color: #f6f8fa; /* A light grayish background for the header */
    padding: 10px 15px; /* Some padding around the header */
    display: flex; /* Use flexbox for easy alignment */
    justify-content: space-between; /* Separate the Try Me and other buttons */
    align-items: center; /* Vertically align the buttons and icons in the middle */
}


.btn-style {
    padding: 5px 10px; /* Padding around buttons */
    border: none; /* Remove default borders */
    background-color: #0366d6; /* A blue color for the buttons */
    color: #fff; /* White text color */
    cursor: pointer; /* Change cursor on hover */
    border-radius: 3px; /* Slightly rounded corners for the buttons */
    margin-left: 5px; /* Spacing between buttons */
    font-size: 14px; /* Font size for button text */
}


/* Button hover effect */
.btn-style:hover {
    background-color: #002e63; /* A slightly darker blue for hover */
}

@media (max-width: 768px) {
    .btn-style {
        padding: 5px 10px; /* Reduziertes Padding */
        font-size: 14px; /* Kleinere Schrift */
    }

    .btn-style span {
        display: none; /* Text in Buttons ausblenden */
    }
}

.dark-mode-toggle i, .copy-btn i, .play-btn i {
    display: inline-block;
    width: 1em; /* width of the SVG */
    height: 1em; /* height of the SVG */
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.dark-mode-toggle i {
    background-image: url('../img/moon.svg');
}

.editor-container[data-theme="dark"] .dark-mode-toggle i {
    background-image: url('../img/sun.svg');
}

.copy-btn i {
    background-image: url('../img/clipboard.svg');
}

.play-btn i {
    background-image: url('../img/play.svg');
}

.try-me-btn i, .try-me-btn span {
    pointer-events: none;
}