﻿/*Modal*/
.modal
{
	padding-right:0 !important;
}
.modal-content
{
	border:0;
	border-radius:16px;
	background-color:var(--basic-0);
}
@media all and (min-width:576px)
{
	.modal-dialog
	{
		max-width:566px;
	}
}

/*Modal - Backdrop*/
.modal-backdrop
{
	background-color:var(--basic-900-o-700);
	-webkit-backdrop-filter:blur(20px);
	backdrop-filter:blur(20px);
}
.modal-backdrop.show
{
	opacity:1;
}

/*Modal - Header*/
.modal-header
{
	justify-content:center;
	border-bottom:0;
	border-radius:16px 16px 0 0;
	padding:32px 32px 0 32px;
	position:relative;
}
.modal-header > *
{
	margin-bottom:0;
}
.modal-header .close
{
	position:absolute;
	top:24px;
	right:24px;
	color:var(--basic-900);
	font-weight:400;
	opacity:1;
}
.modal-header .close:hover
{
	color:var(--primary-900);
}

/*Modal - Body*/
.modal-body
{
	padding:24px 32px;
}

/*Modal - Body - Accordion*/
.modal-accordion
{
	padding-bottom:8px;
}
.modal-accordion .accordion-title .accordion-toggle
{
	display:inline-flex;
	align-items:center;
	cursor:pointer;
	user-select:none;
}
.modal-accordion .accordion-title .accordion-toggle::before
{
	content:'\e00f';
	display:inline-block;

	color:inherit;
	font-family:'Font Awesome Kit';
	font-size:0.875rem;
	line-height:1;
	font-weight:400;
	font-style:normal;
	font-variant:normal;
	text-rendering:auto;
	-moz-osx-font-smoothing:grayscale;
	-webkit-font-smoothing:antialiased;
	text-align:center;

	width:24px;
	height:24px;
	border-radius:50%;
	background-color:var(--tertiary-50);
	padding:5px 0;
	margin-right:8px;
}
.modal-accordion .accordion-title.active .accordion-toggle::before
{
	content:'\e010';
}

/*Modal - Body - Actions*/
.modal-actions
{
	display:flex;
	justify-content:space-between;
	align-items:center;
	column-gap:20px;
	margin-top:40px;
}

/*Modal - Login*/
.modal--login .modal-header
{
	justify-content:flex-start;
}
.modal--login .modal-body
{
	padding:0 0 2rem 0;
}
.modal--login .main-wrapper
{
	min-height:auto;
}
.modal--login .layout
{
	padding-block:0;
}
.modal--login .entry-frame
{
	border:0;
	border-block-end:1px solid var(--tertiary-100);
}