/*--------------------------------------------------------------------------*\
    Modal content
\*--------------------------------------------------------------------------*/

.modal__content{
	/*box*/
	position:relative;
	width: 800px;
	max-width: -webkit-calc(100vw - 20px);
	max-width: calc(100vw - 20px);
	max-height: -webkit-calc(100vh - 20px);
	max-height: calc(100vh - 20px);
	overflow-x: hidden;
	overflow-y: auto;
	border-radius: 6px;

	/*background*/
	background-color: var(--c-tertiary-4);

    /*animation*/
	animation: fade-in-bottom 0.7s ease-in-out both;
	-webkit-animation: fade-in-bottom 0.7s ease-in-out both;
}

/*--------------------------------------------------------------------------*\
    	Type standard
\*--------------------------------------------------------------------------*/

.modal--standard>.modal__content{
	/*box*/
	padding:60px 30px 30px 30px;
}

.modal--sticky-bottom>.modal__content{
	/*box*/
	padding:60px 30px 0px 30px;
}

/*--------------------------------------------------------------------------*\
    Scrollbar
\*--------------------------------------------------------------------------*/

.modal__content::-webkit-scrollbar {
	/*box*/
	width: 6.5px;

	/*background*/
	background-size: 6.5px;
	background-color: transparent;
}

.modal__content::-webkit-scrollbar-thumb {
	/*border*/
	border-radius: 2px;

	/*background*/
	background-color: var(--c-primary-4);
}

.modal__content::-webkit-scrollbar-thumb:hover {
	/*background*/
	background-color: var(--c-primary-3);
}