/*!
 * /**
 * * @file client-rspack.js
 * * @description Bundled output generated by Rspack
 * * --------------------------------------------------------------------------
 * * ⚡ Rspack Client App (Development)
 * * --------------------------------------------------------------------------
 * * • [   client-entry.js ] ──▶ [■ client-rspack.js ] ──▶ [   client-meteor.js ]
 * *
 * * This file is the bundled output generated by Rspack.
 * * It contains all application code and assets combined into one build.
 * * It is not used directly, but will be imported by the Meteor main module
 * * file (`client-meteor.js`) so that Meteor runs the Rspack bundle.
 * *
 * * ⚠️ Note: This file is autogenerated. It is not meant to be modified manually.
 * * These files also act as a cache: they can be safely removed and will be
 * * regenerated on the next build. They should be ignored in IDE suggestions
 * * and version control.
 * * /
 *
 * /* No code generated as served by HMR server * /
 *
 */
.animated_logo {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
/*    height: 350px;
    width: 300px;
*/
    margin: 0;
    z-index: 1;
}

.titre_logo {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-top: -20px;
    margin-bottom: -20px;
}

.barre_titre {
    width: 50px;
    height: 5px;
    background: black;
}

span.h1 {
    font-family: 'Righteous', sans-serif;
    font-size: 2em !important;
    font-weight: bold;
    
}

.ligne_H {
    display: flex;
    align-items: end;
    margin-bottom: 20px;
}

.ligne_B {
    display: flex;
    margin-bottom: 20px;
}

/* Container for the visualizer */
.lk-audio-bar-visualizer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 150px; /* Adjusted to fit both the top and bottom bars */
    width: 100%; /* Full width */
    /* background-color: #f0f0f0;
    border: 1px solid #ccc; */
    box-sizing: border-box;
    position: relative;
}

/* Wrapper for each pair of bars */
.lk-bar-pair {
    display: flex;
    flex-direction: column; /* Stack bars vertically */
    align-items: center; /* Center align the bars horizontally */
    justify-content: center; /* Align bars to start from the center line */
    height: 100%; /* Full height of the container */
}

/* Styling for each original bar (top) */
.lk-audio-bar {
    width: 20px; /* Fixed width for each bar */
    background-color: #007bff;
    transition: height 0.3s ease;
    border-radius: 0 0 2px 2px; /* Rounded at the bottom for symmetry */
    transform-origin: bottom; /* Grow the bar upwards from the center line */
    height: 0; /* Start at zero height */
}

/* Styling for the mirrored bars (bottom) */
.lk-audio-bar-mirror {
    width: 20px; /* Same width as the original bar */
    /* background-color: #007bff; */
    transition: height 0.3s ease;
    border-radius: 2px 2px 0 0; /* Rounded at the top for symmetry */
    transform-origin: top; /* Grow the bar downwards from the center line */
    /* opacity: 0.4; /* Lower opacity for reflection effect */
    height: 0; /* Start at zero height */
}

/* Highlighted state for bars */
.lk-audio-bar.lk-highlighted,
.lk-audio-bar-mirror.lk-highlighted {
    /* background-color: #ff5722; /* Highlighted color */
    /* box-shadow: 0 0 5px rgba(255, 87, 34, 0.7); */
}

.barre {
    width: 1.3em;
    margin-right: 3px;
    margin-left: 3px;
    /* animation: barreAnimation_1 2s ease-in-out infinite; */
    transition: height 50ms ease-in-out;
    
    border: 10px solid transparent;
    border-image-slice: 1;
    border-width: 8px;
    
    /* border-radius: 10px; */
}


.barre_H1 {
    /* background: linear-gradient(to bottom, #ff887c 0%, #b6325f 100%) border-box; */
    border-image-source: linear-gradient(to bottom, #ff887c 0%, #b6325f 100%);
    box-shadow: 0 0 5px #ff887c;
    height: 1.875em;
}

.barre_H2 {
    border-image-source: linear-gradient(to bottom, #f28e26 0%, #fd644f 100%);
    box-shadow: 0 0 5px #f28e26;
    height: 2.5em;
}

.barre_H3 {
    border-image-source: linear-gradient(to bottom, #c82090 0%, #6a14d1 100%);
    box-shadow: 0 0 5px #c82090;
    height: 3.125em;
}

.barre_H4 {
    border-image-source: linear-gradient(to bottom, #09bbfe 0%, #5a42ec 100%);
    box-shadow: 0 0 5px #09bbfe;
    height: 3.75em;
}

.barre_B1 {
    border-image-source: linear-gradient(to bottom, #b6325f 0%, #ff887c 100%);
    box-shadow: 0 0 5px #ff887c;
    height: 1.875em;
}

.barre_B2 {
    border-image-source: linear-gradient(to bottom, #fd644f 0%, #f28e26 100%);
    box-shadow: 0 0 5px #f28e26;
    height: 2.5em;
}

.barre_B3 {
    border-image-source: linear-gradient(to bottom, #6a14d1 0%, #c82090 100%);
    box-shadow: 0 0 5px #c82090;
    height: 3.125em;
}

.barre_B4 {
    border-image-source: linear-gradient(to bottom, #5a42ec 0%, #09bbfe 100%);
    box-shadow: 0 0 5px #09bbfe;
    height: 3.75em;
}



/*# sourceMappingURL=main.css.map*/