.common_list{
	display: grid;
	grid-auto-rows: min-content;
	overflow-y: scroll;
  	scroll-snap-type: y mandatory}
  	.common_list > div:not(.dropdown){
		align-items: start;
		box-sizing: border-box;
		cursor: pointer;
		display: grid;
		grid-auto-columns: min-content;
		grid-gap: var(--m_gap);
	    padding: var(--m_gap);
	    scroll-snap-align: start}
	.common_list > div.a,
	.common_list > div.b{
		border-bottom: 1px solid var(--gray_4)}
	.common_list > div.a.active,
	.common_list > div.b.active{
		border-bottom: 1px solid var(--yellow_1)}
	.common_list > div.a{
		grid-template-areas: "a b c";
		grid-template-columns: auto 1fr auto}
	    .common_list > div.a >  img{
	    	grid-area: a }
	    .common_list > div.a > .icon{
	    	display: grid;
	    	background-color: var(--green_1);
	    	border-radius: 50%;
	    	box-shadow: var(--shadow);
	    	box-sizing: border-box;
	    	grid-area: a;
	    	height: var(--xxl_font);
	    	left: var(--xl_gap);
	    	place-content:center;
	    	position: relative;
	    	top: var(--xl_gap);
	    	width: var(--xxl_font)}
	    .common_list > div.a > .icon.off{
	    	display: none}
	    	.common_list > div.a > .icon > svg{
	    		height: var(--s_font);
		    	width: var(--s_font);
		    	fill: var(--green_3)}
	.common_list > div.b{
		grid-template-areas: "b c";
		grid-template-columns: 1fr auto}
	    .common_list > div > .content{
	    	display: grid;
	    	grid-gap: var(--xs_gap);
	    	grid-template-rows: min-content 1fr}	
	        .common_list > div > .content > .heading{
	        	display: grid;
	            font-weight: bold;
	            color: var(--gray_1);
	        	grid-gap: var(--xs_gap);
				grid-template-rows: min-content 1fr}
	        .common_list > div > .content > .message{
	            color: var(--gray_2);
	            font-size: var(--m_font);
	            overflow: hidden}
	.common_list > div.e{
		grid-auto-flow: column;
		justify-content: center}
		.common_list > div.e > div{
			background-color: var(--yellow_1);
			border-radius: 50%;
			margin: var(--m_gap) 0; 
			height: var(--s_gap);
			width: var(--s_gap)}