.modal{
	position:fixed;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background:rgba(51, 32, 32, .7);
  padding:0;
  margin:0;
  opacity:0;
  width:0;
  height:0;
  overflow:hidden;
  pointer-events:none;
	z-index:-99999;
}
.modal:target{
  opacity:1;
  width:initial;
  height:initial;
  overflow:initial;
  pointer-events:initial;
		z-index:99999;
		transition:opacity .3s ease-in;
		display:flex;
		justify-content:center;
		align-items:center;
	}
.modal__body{
		position:relative;
		-webkit-font-smoothing:antialiased;
		max-width:75%;
		max-height:100%;
	}
.modal__body--default{
			background:#fff;
			box-shadow:0 0 8px rgba(0, 0, 0, .3);
			padding:30px;
		}
.modal__body p:last-child,.modal__body ol:last-child,.modal__body ul:last-child{
				padding-bottom:0;
			}
a.modal__close{
		--link__color:var(--color--danger);
		--link__color--hover:var(--color--danger);
		position:absolute;
		top:1.5rem;
		right:1.5rem;
		line-height:.75;
		text-decoration:none;
		z-index:20;
		transition:opacity .25s ease-out;
		overflow:hidden;
	}
.modal__body:hover .modal__close{
		opacity:1;
	}
.modal__actions{
		margin:20px 0 0;
		display:flex;
		justify-content:flex-end;
	}
.modal__actions .btn+.btn{
			margin:0 0 0 30px;
		}
.modal__return{
		bottom:36px;
		left:0;
		width:100%;
		text-align:center;
		font-size:1.125rem;
		position:absolute;
	}
body.body--has-modal{
	overflow:hidden;
}
@media (min-width: 768px){
.modal__body--default{
				padding:40px
		}
			}
@media (min-width: 992px){
a.modal__close{
			opacity:0
	}
		}
/*# sourceMappingURL=modal.css.map */