/* ----------------------------- */
.popup {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: -1;
  visibility: hidden;
  transition: 0.5s ease-in-out all;
  padding: 15px;
}

.popup .overlay {
  background: #070411;
  opacity: 0;
  position: absolute;
  z-index: 1;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  transition: 0.5s ease-in-out opacity;
}

.popup .popup-window {
  width: 100%;
  max-width: 1200px;
  max-height: 820px;
  background: var(--fcom-primary-bg, white);
  height: 100%;
  border-radius: var(--el-dialog-border-radius, 8px);
  position: relative;
  z-index: 2;
  transition: 0.4s ease-in-out all;
	transform: scale(0.9);
  opacity: 0;
}

.popup .popup-window .btn-close {
  position: absolute;
  top: 7px;
  right: 7px;
  width: 27px;
  height: 27px;
  background:  var(--fcom-primary-bg, white);
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  cursor: pointer;
  -webkit-transition: 0.2s ease-in-out all;
  transition: 0.2s ease-in-out all;
  opacity:.7;
}

.popup .popup-window .btn-close:hover {
/* 	background: var(--fcom-primary-button, #2B2E33); */
	opacity:1;
}

.popup .popup-window .btn-close::after {
  content: "";
  width: 13px;
  height: 13px;
  background: url('data:image/svg+xml,<svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13 1L1 13M1 1L13 13" stroke="%23000000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>') 50% 50% no-repeat;
  background-size: contain;
}

html.dark .popup .popup-window .btn-close::after {
background: url('data:image/svg+xml,<svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13 1L1 13M1 1L13 13" stroke="%23FFFFFF" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>') 50% 50% no-repeat;
} 

.popup .popup-window .popup-content {
  overflow: auto;
  height: 100%;
  padding: 40px 30px 30px;
}

.popup.show {
  visibility: visible;
  z-index: 999991;
}

.popup.show .overlay {
  opacity: 0.9;
}

.popup.show .popup-window {
  transform: none;
  opacity: 1;
}

.popup.popup-user-type .popup-window {
	max-width: 600px;
  	max-height: auto;
	height:auto;
}

.user-type-buttons {
	display:flex;
	width:100%;
	height:215px;
	gap:15px;
}

.user-type-buttons li {
	width:33.3%;
	margin:0;
}
.user-type-buttons li a {
	height:100%;
	border: 1px solid var(--fcom-primary-border, #e4e7eb);
	border-radius:8px;
	display:block;
	padding:20px;
	text-align:center;
	font-size:18px;
	font-weight:500;
	text-decoration:none;
	color: var(--fcom-primary-text, #19283a);
	transition:.2s ease-in-out all;
}

.user-type-buttons li a:hover {
	border: 1px solid var(--fcom-primary-button, #2B2E33);
	background: var(--fcom-menu-bg-hover, var(--fcom-active-bg, #f0f3f5));
}

.user-type-buttons li a::before {
	content:'';
	height:60px;
	width:60px;
	display:block;
	margin:40px auto 7px;
	background-size:contain;
	background-repeat:no-repeat;
	background-position: 50% 50%;
}

.user-type-buttons li a.btn-spines-author::before {
	background-image: url('data:image/svg+xml,<svg width="60" height="60" viewBox="0 0 60 60" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M51.9681 43.1047C51.9681 44.6346 51.759 46.062 51.0128 47.1936C50.5011 47.9694 49.8186 48.4878 49.0427 48.8262V51.6988C49.0426 53.5775 48.7255 55.3409 47.4463 56.552C46.1806 57.75 44.3954 58 42.6126 58H11.4527C9.27237 57.9999 7.50347 56.2678 7.50347 54.1327V13.8859C7.50347 13.7148 7.50265 13.5381 7.50181 13.3566C7.49513 11.9233 7.48709 10.1961 7.87257 8.62869C8.33697 6.74051 9.39763 4.93809 11.6561 3.81129C12.5704 3.35543 13.5503 3.17067 14.6341 3.08393C15.6834 2.99997 16.9753 2.99998 18.5549 3L18.6199 3H45.5322C47.4537 3 49.2554 3.31246 50.4917 4.56775C51.7133 5.80855 51.9681 7.55715 51.9681 9.30234V43.1047ZM45.5322 49.407V51.6988C45.5322 53.3571 45.2137 53.8852 45.0066 54.0812C44.7855 54.2904 44.2318 54.5624 42.6126 54.5624H11.4527C11.2111 54.5623 11.0139 54.3693 11.0139 54.1327C11.0141 52.8794 11.5226 51.6775 12.4275 50.7913C13.3326 49.9049 14.5607 49.407 15.8408 49.407H45.5322ZM25.3257 17.7222C25.6566 15.9003 26.9041 14.2698 28.5801 13.4983C28.8064 13.3988 29.0389 13.3134 29.2718 13.2278C29.4743 13.1534 29.6771 13.0789 29.8764 12.9949C29.0524 12.9355 28.2261 12.9431 27.4005 12.9506C26.9327 12.9548 26.4652 12.9591 25.9983 12.9512C25.7699 12.9555 25.5395 12.9542 25.3083 12.9526L25.262 12.9522C24.3499 12.9456 23.4262 12.9389 22.5595 13.2576C20.7154 13.8758 19.2563 15.5063 18.8007 17.4104C18.2475 19.5114 18.9906 21.8696 20.6015 23.2976C21.7351 24.2825 23.2538 24.857 24.7562 24.764C25.6124 24.7513 26.4698 24.7539 27.3272 24.7565C28.3166 24.7596 29.3061 24.7626 30.2941 24.7421C30.0663 24.6655 29.8385 24.6053 29.6107 24.5451C28.016 24.1731 26.6112 23.0569 25.8844 21.5796C25.2552 20.4087 25.1305 19.019 25.3257 17.7222ZM43.2248 30.3782C43.1977 27.5494 40.822 24.9396 38.0124 24.7317C36.7431 24.7218 35.4719 24.7238 34.2011 24.7257C33.354 24.7271 32.507 24.7284 31.661 24.7262C33.1254 25.0326 34.5357 25.7603 35.4306 26.9968C36.5588 28.4249 36.8625 30.3836 36.4395 32.1345C36.0001 33.7759 34.834 35.2149 33.299 35.9317C32.8925 36.1219 32.4601 36.2436 32.0293 36.3647C31.9025 36.4004 31.7759 36.436 31.6501 36.4733C33.5431 36.4679 35.436 36.4624 37.3236 36.4733C38.0341 36.5007 38.7555 36.3967 39.4172 36.1286C41.7441 35.3189 43.3713 32.8513 43.2248 30.3782ZM30.8252 14.8268C29.1546 14.794 27.6359 16.0688 27.1803 17.6556C26.6379 19.297 27.3105 21.2339 28.7369 22.1969C29.5397 22.7932 30.5648 22.9191 31.5303 22.8972C32.9495 22.8845 34.3695 22.8898 35.7901 22.895C38.0504 22.9034 40.3119 22.9118 42.5734 22.848C42.5235 22.7945 42.4731 22.741 42.4227 22.6875C41.9317 22.1661 41.4322 21.6357 41.1469 20.9658C40.4906 19.6034 40.5232 17.9565 41.2012 16.605C41.417 16.081 41.8005 15.6788 42.1827 15.278C42.3193 15.1347 42.4558 14.9916 42.5843 14.8432C39.9697 14.8177 37.3552 14.8214 34.7423 14.825C33.4361 14.8268 32.1303 14.8287 30.8252 14.8268ZM32.6805 26.9804C32.0296 26.6467 31.2865 26.5154 30.5597 26.5318C28.6565 26.5449 26.7532 26.5429 24.8506 26.5409C22.7896 26.5388 20.7293 26.5366 18.6704 26.5537C18.8079 26.7062 18.9563 26.8489 19.1044 26.9913C19.4236 27.2982 19.7413 27.6037 19.9451 28.0036C21.0515 29.7763 20.8563 32.2604 19.4786 33.8307C19.3749 33.9352 19.2689 34.0358 19.1632 34.136C18.9924 34.298 18.8225 34.4592 18.665 34.635C20.8123 34.6555 22.9612 34.6525 25.11 34.6494C26.9722 34.6468 28.8343 34.6442 30.6953 34.6569C32.4635 34.7608 34.2209 33.5024 34.6873 31.7679C35.2786 29.9569 34.3728 27.8121 32.6805 26.9804Z" fill="url(%23paint0_linear_121_410)"/><defs><linearGradient id="paint0_linear_121_410" x1="29.734" y1="3" x2="29.734" y2="58" gradientUnits="userSpaceOnUse"><stop stop-color="%2325E8BD"/><stop offset="1" stop-color="%2324CEA9"/></linearGradient></defs></svg>');
}

.user-type-buttons li a.btn-reader::before {
	background-image: url('data:image/svg+xml,<svg width="60" height="60" viewBox="0 0 60 60" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M40.3118 12.3125C40.3118 6.61698 35.6949 2 29.9995 2C24.3041 2 19.6872 6.61698 19.6872 12.3125C19.6872 18.008 24.3041 22.6249 29.9995 22.6249C35.6949 22.6249 40.3118 18.008 40.3118 12.3125ZM27.5922 27.8993C21.219 23.9978 10.8959 22.9257 5.70111 22.6303C3.95554 22.5315 2.5 23.8614 2.5 25.5404V49.4739C2.5 51.0133 3.745 52.2969 5.34555 52.3797C10.0355 52.6256 19.5239 53.5269 26.0819 56.8301C27.0884 57.3372 28.2818 56.6464 28.2818 55.555V29.1304C28.2807 28.6287 28.0326 28.169 27.5922 27.8993ZM54.2978 22.6303C49.1041 22.9247 38.78 23.9978 32.4078 27.8993C31.9674 28.169 31.7193 28.647 31.7193 29.1487V55.5518C31.7193 56.6464 32.9159 57.3382 33.9257 56.8301C40.4826 53.5301 49.9656 52.6289 54.6544 52.3829C56.255 52.2991 57.5 51.0154 57.5 49.476V25.5404C57.4989 23.8614 56.0434 22.5315 54.2978 22.6303Z" fill="url(%23paint0_linear_121_424)"/><defs><linearGradient id="paint0_linear_121_424" x1="30" y1="2" x2="30" y2="57" gradientUnits="userSpaceOnUse"><stop stop-color="%2325E8BD"/><stop offset="1" stop-color="%2324CEA9"/></linearGradient></defs></svg>');
}

.user-type-buttons li a.btn-aspiring-author::before {
	background-image: url('data:image/svg+xml,<svg width="60" height="60" viewBox="0 0 60 60" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6.68084 52.6744C8.13474 54.4461 9.88523 55.3319 11.9323 55.3319H27.4502C27.7641 54.233 28.2199 52.7433 28.8355 50.9709C30.0917 47.3543 32.0252 42.531 34.8042 37.4293L35.3712 36.4046C37.4424 32.7271 39.6842 29.9575 41.9096 27.8771C40.6786 27.2827 39.2933 26.9855 37.7535 26.9855C34.7061 29.8928 31.0656 31.3464 26.8318 31.3464C22.5981 31.3464 18.9575 29.8928 15.9102 26.9855C14.1422 26.9855 12.5778 27.3773 11.217 28.1609C9.85615 28.9445 8.76282 29.9552 7.93701 31.1931C7.1112 32.431 6.43077 33.9188 5.89574 35.6563C5.36071 37.3939 4.99432 39.1201 4.79659 40.835C4.59886 42.5499 4.5 44.3726 4.5 46.3033C4.5 48.7791 5.22695 50.9028 6.68084 52.6744Z" fill="url(%23paint0_linear_121_435)"/><path d="M29.6233 58L32.1334 56.3237C32.2876 55.9768 32.4357 55.6468 32.5786 55.3319C34.163 51.842 35.1178 50.2023 36.7912 47.9421C40.0646 49.1826 43.4803 49.0317 46.4432 44.5895C43.8555 43.6507 41.7854 43.8687 38.7319 44.271C38.9462 44.0813 39.1562 43.9009 39.3625 43.7295C39.5559 43.5688 39.746 43.416 39.9332 43.2709C40.1087 43.1349 40.2816 43.0056 40.4523 42.8829C40.6123 42.7678 40.7704 42.6586 40.9267 42.555C41.22 42.3608 41.5072 42.1864 41.7904 42.031C41.9528 41.9418 42.1139 41.8589 42.2739 41.782C42.386 41.7282 42.4975 41.6774 42.6086 41.6294C42.7826 41.5544 42.9556 41.4865 43.1281 41.4256C43.2206 41.3929 43.313 41.3621 43.4054 41.3334C44.79 40.9018 46.157 40.9093 47.737 41.2369L49.0308 37.8842C48.788 37.8248 48.5537 37.771 48.326 37.7232C46.3701 37.3118 44.9092 37.3356 42.8463 37.9513C44.1207 36.7862 45.2011 35.8768 46.3574 35.2859C46.7253 35.098 47.1008 34.9423 47.4927 34.8208C47.6642 34.7676 47.8389 34.721 48.0174 34.6811C48.1514 34.6511 48.2877 34.625 48.4263 34.6027C48.8419 34.5359 49.2799 34.5039 49.7484 34.5084L49.7501 34.5085C49.9366 34.5104 50.1279 34.518 50.3247 34.5316L51.8902 31.2963C49.8718 31.1119 48.6556 31.3969 46.3397 32.1345C48.4227 29.687 50.3247 28.5807 53.0935 28.3628C53.0935 28.3628 54.452 25.1945 55.5 24.4737C55.5 24.4737 50.1572 24.1385 44.2325 29.4564C42.0984 31.3719 39.8888 34.0208 37.8262 37.6831L37.2767 38.6755C36.2771 40.5106 35.3896 42.3099 34.6062 44.0272C34.5362 44.1807 34.467 44.3336 34.3987 44.4858C34.3339 44.6298 34.27 44.7732 34.2068 44.9159C34.1268 45.0965 34.048 45.2761 33.9703 45.4546C33.8996 45.617 33.83 45.7785 33.7613 45.939C33.6491 46.201 33.5395 46.4606 33.4324 46.7173C33.2672 47.1136 33.1079 47.5035 32.9546 47.8862C32.7273 48.4534 32.513 49.005 32.3111 49.5387L32.2593 49.6761C32.0378 50.2647 31.8317 50.831 31.6405 51.3721C31.4088 52.0276 31.1989 52.6461 31.0099 53.222C30.7515 54.0094 30.5322 54.7172 30.3495 55.3319C29.8489 57.0159 29.6233 58 29.6233 58Z" fill="url(%23paint1_linear_121_435)"/><path d="M49.1637 46.3033C49.1637 48.7791 48.4367 50.9028 46.9828 52.6744C45.5289 54.4461 43.7784 55.3319 41.7314 55.3319H35.6327C36.499 53.4881 37.1673 52.2682 37.9541 51.0757C39.3714 51.3602 40.9057 51.4044 42.4835 50.9814C44.9534 50.3191 47.0539 48.6458 48.7929 46.0386L49.1578 45.4915C49.1617 45.76 49.1637 46.0306 49.1637 46.3033Z" fill="url(%23paint2_linear_121_435)"/><path d="M40.2309 16.083C40.2309 19.6944 38.9224 22.7778 36.3054 25.333C33.6884 27.8883 30.5305 29.166 26.8318 29.166C23.1331 29.166 19.9753 27.8883 17.3583 25.333C14.7412 22.7778 13.4327 19.6944 13.4327 16.083C13.4327 12.4715 14.7412 9.38817 17.3583 6.8329C19.9753 4.27763 23.1331 3 26.8318 3C30.5305 3 33.6884 4.27763 36.3054 6.8329C38.9224 9.38817 40.2309 12.4715 40.2309 16.083Z" fill="url(%23paint3_linear_121_435)"/><defs><linearGradient id="paint0_linear_121_435" x1="30" y1="3" x2="30" y2="58" gradientUnits="userSpaceOnUse"><stop stop-color="%2325E8BD"/><stop offset="1" stop-color="%2324CEA9"/></linearGradient><linearGradient id="paint1_linear_121_435" x1="30" y1="3" x2="30" y2="58" gradientUnits="userSpaceOnUse"><stop stop-color="%2325E8BD"/><stop offset="1" stop-color="%2324CEA9"/></linearGradient><linearGradient id="paint2_linear_121_435" x1="30" y1="3" x2="30" y2="58" gradientUnits="userSpaceOnUse"><stop stop-color="%2325E8BD"/><stop offset="1" stop-color="%2324CEA9"/></linearGradient><linearGradient id="paint3_linear_121_435" x1="30" y1="3" x2="30" y2="58" gradientUnits="userSpaceOnUse"><stop stop-color="%2325E8BD"/><stop offset="1" stop-color="%2324CEA9"/></linearGradient></defs></svg>');
}

@media (max-width:500px) {
	.user-type-buttons { 
		flex-direction:column;
		height:auto;
		gap:10px;
	}

	.user-type-buttons li {
		width:100%;
	}

	.user-type-buttons li a {
		display:flex;
		align-items:center;
		padding:15px;
	}

	.user-type-buttons li a::before {
		margin:0 15px 0 0;
	}
}