/* 
** bar_1 >> container limit, adjustdable border width
*/

/* 
	root value
	
	--bar1_MARGIN: 1rem 0;
	--bar1_PADDING: .5rem 1rem;
	--bar1_BORDER_WIDTH: 2px;
	--bar1_BORDER_STYLE: solid;
	--bar1_BORDER_COLOR: var(--color6);
	--bar1_TXT_COLOR: var(--color2);
	--bar1_BG: #171717;
	--bar1_ICON_SIZE: 1rem;
	--bar1_ICON_COLOR: var(--color6);
	
 */

/* MARQUEE */
.marquee-box {
	display: flex;
    align-items: center;
    margin: var(--bar1_MARGIN);
    padding: var(--bar1_PADDING);
    border-width: var(--bar1_BORDER_WIDTH);
	border-radius: var(--bar1_BORDER_RADIUS);
	border-style: var(--bar1_BORDER_STYLE);
    border-color: var(--bar1_BORDER_COLOR);
    color: var(--bar1_TXT_COLOR);
    background: var(--bar1_BG)
}

.marquee-box .icon {
    font-size: var(--bar1_ICON_SIZE);
    margin: 0 .5rem 0 0;
    color: var(--bar1_ICON_COLOR)
}