.modal {
	display: none;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 9999;
    overflow: hidden;
    outline: 0;
    background: rgba(var(--bg-color-red), var(--bg-color-green), var(--bg-color-blue), .7);
    padding: 126px 38px 38px 38px;
	overflow: hidden;
	
	&[data-display="1"] {
		display: block;
	}
	
	.modal-dialog {
		display: flex;
		max-height: 100%;
		border-radius: 20px;
		background: #293A5E;
		box-shadow: 0px 15px 16px 0px #00000040;
		padding: 20px;
	}
	
	.modal-content {
    	flex: 1;
		display: flex;
    	flex-direction: column;
	}
	
	.modal-header {
		flex-grow: 0;
		display: flex;
		font-size: 13px;
		font-weight: 700;
		line-height: 15.82px;
		margin-bottom: 20px;
		
		.btn-close {
			appearance: none;
			width: 22px;
			height: 22px;
			background: url(../images/close.svg) no-repeat center;
			background-size: contain;
			margin-left: auto;
			border: none;
			cursor: pointer;
		}
	}
	
	.modal-body {
		flex: 1;
    	overflow: auto;
		padding-top: 30px;
		font-size: 12px;
		line-height: 15.6px;
		padding-right: 10px;
	}
}