@layer theme, utils;

@import './typography.css';
@import './lists.css';
@import './notices.css';

@media (width < 600px) {
	html {
		margin-top: 0 !important;
	}

	#wpadminbar {
		display: none !important;
	}
}


.form-select-modal-wrapper{
	width: 100%;
}
.form-select-button{
	width: 100%;
	background: #9d9eb7;
	border: 1px solid #a3a4bd;
	min-height: 50px;
	text-align: left;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.form-select-modal{
	position: absolute;
	z-index: -1;
	opacity: 0;
	pointer-events: none;
	width: 100%;
	padding: 20px;
	background: #b5b6cd;
	border: 1px solid #9d9eb7;
	border-radius: 0 0 10px 10px;
	height: 0px;
	transition: height 0.4s ease-in-out;
}
.form-select-modal.active{
	z-index: 999;
	opacity: 1;
	pointer-events: all;
	height: auto;
}
.modal-content{}
.modal-header{
	h3{
		margin: 0!important;
	}
}
.modal-body{}
.modal-footer{}
.modal-close{
	position: absolute;
	top: 0;
	right: 5px;
	background: transparent;
	border: none;
	font-size: 30px;
	cursor:pointer;
}

@keyframes spin {
  0% {
    transform: rotate(0deg); /* Start at 0 degrees */
  }
  100% {
    transform: rotate(360deg); /* End at 360 degrees (one full turn) */
  }
}