.backdrop {
	position: fixed;
	display: inline-block;
	
	width: calc(100% - 16px);
	max-width: 375px;
	bottom: 0px;

	overflow: hidden;	
	left: 50%;
	bottom: -100%;
	transform: translateX(-50%) ;
	//transform-origin: bottom;

	background-color: $c-w;
	border-radius: 32px 32px 0px 0px;

	@include bs-1;
	z-index: 40;	


	& .option:first-child{

		& svg {
			
			height: 24px;
			width: 24px;
			fill: $c-b;
			@include selectNo;
		}
		@include centerFlex;

		//border: .5px solid green;               //←←←←←←←←←←←←←←←←←←←←
	}

	& .option{
		position: relative;
		display: inline-block;
		width: 100%;
		height: 72px;
		margin: 0px;
		border-bottom: 1px solid $c-divider;

		padding-left: 16px;
		@include leftFlex;
		@include interaction-white;

		& label{
			margin-left: 16px;
			@include font(h6, $c-b);
			@include selectNo;
			//border: .5px solid green;               //←←←←←←←←←←←←←←←←←←←←
					
		}

		& .circle{
			height: 40px;
			width: 40px;
			border-radius: 50%;
			@include centerFlex;
			&-green  {background-color: $cs-green;  }
			&-blue   {background-color: $cs-blue;   }
			&-purple {background-color: $cs-purple; }
			&-red    {background-color: $cs-red;    }

			//border: .5px solid green;               //←←←←←←←←←←←←←←←←←←←←

			& svg {
				height: 24px;
				width: 24px;
				fill: $c-w;
				@include selectNo;
				//border: .5px solid green;               //←←←←←←←←←←←←←←←←←←←←

			}

		}


		//border: .5px solid green;               //←←←←←←←←←←←←←←←←←←←← 	
	}/*option*/


}