/* MODAL */
			
			.modal-overlay {
				backdrop-filter: blur(2px);
				background: rgba(0, 0, 0, .78);
				display: none;
				inset: 0;
				position: fixed;
				z-index: 9998;
			}
			
			.modal-overlay.show {
				display: block;
			}
			
			.modal {
				background: var(--color-bg);
				border: 1px solid var(--color-border);
				border-radius: var(--radius);
				box-shadow: 0 20px 70px rgba(0, 0, 0, .35);
				display: none;
				height: fit-content;
				inset: 0;
				margin: auto;
				max-height: calc(100vh - 40px);
				overflow: hidden;
				position: fixed;
				width: min(620px, calc(100% - 30px));
				z-index: 9999;
			}
			
			.modal.show {
				display: block;
			}
			
			.modal .head {
				align-items: center;
				background: var(--color-bg-soft);
				border-bottom: 1px solid var(--color-border);
				display: flex;
				justify-content: space-between;
				padding: 18px 22px;
			}
			
			.modal .head strong {
				color: var(--color-dark);
				font-size: var(--font-large);
				font-weight: 700;
			}
			
			.modal .close {
				background: transparent;
				border: 0;
				color: var(--color-text-soft);
				cursor: pointer;
				font-size: 28px;
				height: 36px;
				line-height: 1;
				padding: 0;
				width: 36px;
			}
			
			.modal .close:hover {
				color: var(--color-dark);
			}
			
			.modal .content {
				max-height: calc(100vh - 120px);
				overflow-y: auto;
				padding: 22px;
			}
			
			.modal .content p {
				color: var(--color-text-soft);
				font-size: var(--font-normal);
				line-height: var(--line-height);
				margin: 0 0 22px;
			}
			
			.modal label {
				color: var(--color-text);
				cursor: pointer;
				font-size: var(--font-family);
			}