.player-glass-container {
	
	background-image: linear-gradient(145deg, rgba(0, 40, 40, 0.6), rgba(0, 0, 0, 0.7)), 
                          url('/images/dashnew10.png') !important;
        background-size: cover !important;
        background-position: center !important;
        border: 1px solid rgba(255, 255, 255, 0.3) !important;
        border-radius: 35px;
        padding: 2px 2px;
        backdrop-filter: blur(15px) saturate(160%);
        -webkit-backdrop-filter: blur(15px) saturate(160%);
        /*box-shadow: 0 15px 35px rgba(0, 0, 0, 0.8);*/
        display: inline-flex;
        flex-direction: column;
        align-items: center;
        gap: 20px;
        margin: 10px;
    }

    .button-play-pause {
        width: 34px;
        height: 34px;
        border-radius: 50%;
        background: rgba(0, 255, 255, 0.05) !important;
        border: 2px solid rgba(0, 255, 255, 0.3) !important;
        display: flex;
        align-items: center;
        justify-content: center;
        transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
        cursor: pointer;
    }
    .button-play-pause img {
        height: 14px;
        width: 14px;
        filter: drop-shadow(0 0 5px rgba(0, 255, 255, 0.8));
    }
    .button-play-pause:hover:not(:disabled) {
        transform: scale(1.1);
        border-color: #00ffff !important;
        box-shadow: 0 0 20px rgba(0, 255, 255, 0.4);
    }
    .button-play-pause:disabled {
        opacity: 0.3;
        cursor: not-allowed;
    }

    .meter-section {
        display: flex;
        gap: 5px;
        height: 380px;
        padding: 5px;
    }
    .meter-bg-vertical {
        width: 10px;
        height: 100%;
        background: rgba(255, 255, 255, 0.15);
        border-radius: 5px;
        box-shadow: inset 0px 0px 0px rgba(0,0,0,0.5);
        display: flex;
        flex-direction: column-reverse;
        overflow: hidden;
    }
    .meter-bar {
        width: 90%;
        height: 0%;
        background: linear-gradient(0deg, #00ffff 0%, #33eb3f 70%, #ff0000 100%);
        box-shadow: 0 0 10px rgba(0, 255, 255, 0.5);
        transition: height 0.2s cubic-bezier(0.1, 0.4, 0.1, 1);
        will-change: height;
    }
    .clipping {
        background: #ff0000 !important;
        box-shadow: 0 0 15px rgba(255, 0, 0, 0.8) !important;
    }