.editor-container {
            max-width: 800px;
            margin: 20px auto;
            padding: 20px;
            font-family: Arial, sans-serif;
        }

        

        .custom-input-container {
            display: flex;
            gap: 10px;
            margin-bottom: 10px;
        }
        
        .custom-input {
            flex: 1;
            padding-left: 2px;
            border: 1px solid white;
            border-radius: 6px;
            outline: none;
            background-color: rgb(40,40,60);
            color: white;
            height: 22px;
            font-family: "Bahnschrift", "Arial", sans-serif;
            
        }

        .add-button {
            padding: 8px 16px;
            background-color: rgb(93, 253, 40);
            color: black;
            border: none;
            border-radius: 4px;
            cursor: pointer;
        }

        .add-button:hover {
            background-color: #218838;
        }

        .custom-attributes-container {
            display: flex;
            flex-wrap: wrap;
            gap: 10px;
        }

        .attribute {
            padding: 4px;
            border: 1px solid #ccc;
            border-radius: 8px;
            background-color: white;
            cursor: pointer;
            position: relative;
            user-select: none;
            color: black;
        }
        
        #attributeMain {
            padding-left: 13px;
            
        }

        .attribute.selected {
            background-color: rgb(93, 253, 40);
            color: black;
            border-color: rgb(93, 253, 40);
        }

        .custom-attribute .remove-cross {
            position: absolute;
            left: 2.5px;
            top: 50%;
            transform: translateY(-50%);
            color: black;
            font-weight: bold;
            cursor: pointer;
            font-size: 16px;
        }

        .remove-cross:hover  {
            color: rgb(100,100,100);
        }
        
        #contDetailDiv{
            background-color: rgb(55,55,66);
            padding: 10px;
            border-radius: 6px;
            
        }
        
        .attributes-container {
            display: flex;
            flex-wrap: wrap;
            gap: 10px;
            padding: 10px 0;
        }
        /*
        .copy-button2 {
            position: relative;
            display: block;
            background-color: #007bff;
            color: white;
            border: none;
            border-radius: 4px;
            cursor: pointer;
            min-width: 80px;
        }

        .copy-button2:hover {
            background-color: #0056b3;
        }
        */
        
        .custom-attributes {
            margin-bottom: 20px;
        }