.base__icon__svg {
  background-repeat: no-repeat;
  background-size: cover;
  width: 16px;
  height: 16px;
  margin-right: 8px;
  display: inline-block;
}

.base__icon__svg.hidden {
  display: none;
}

.base__icon__svg.w-12 {
  width: 12px;
  height: 12px;
}

.base__icon__svg.w-14 {
  width: 14px;
  height: 14px;
}

.base__icon__svg.w-16 {
  width: 16px;
  height: 16px;
}

.base__icon__svg.w-20 {
  width: 20px;
  height: 20px;
}

.base__icon__svg.w-24 {
  width: 24px;
  height: 24px;
}

.base__icon__svg.w-32 {
  width: 32px;
  height: 32px;
}

.base__icon__svg.w-36 {
  width: 36px;
  height: 36px;
}

.base__icon__svg.w-48 {
  width: 48px;
  height: 48px;
}

.base__icon__svg.mr-0 {
  margin-right: 0;
}

.base__icon__svg.mr-1 {
  margin-right: 4px;
}

.base__icon__svg.mr-2 {
  margin-right: 8px;
}

.base__icon__svg.mr-3 {
  margin-right: 12px;
}

.base__icon__svg.mr-4 {
  margin-right: 16px;
}

.base__icon__svg.icon__trial {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxNiAxMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE0LjAwNjkgMTAuNTMyN0wxNS4xMTMxIDQuMDg3NzRDMTUuMTYyIDMuODA1ODQgMTUuMDQ4IDMuNTE5ODcgMTQuODIgMy4zNDc4OUMxNC41OSAzLjE3NDg4IDE0LjI4NDcgMy4xNDc0MSAxNC4wMjczIDMuMjcyNThMMTEuMDgyMSA0LjcwNjQ4TDguNjY4MjEgMC4zNjQwNzJDOC4zOTk1NSAtMC4xMjEzNTcgNy42MDI3MSAtMC4xMjEzNTcgNy4zMzQwNSAwLjM2NDA3Mkw0LjkyMDEzIDQuNzA2NDhMMS45NzQ5OCAzLjI3MjU4QzEuNzE2NSAzLjE0NzQxIDEuNDEyMjEgMy4xNzQ4OCAxLjE4MjIyIDMuMzQ3ODlDMC45NTMyNDIgMy41MTk4NyAwLjgzOTI2MyAzLjgwNTg0IDAuODg4MTExIDQuMDg3NzRMMS45OTQzMiAxMC41MzI3QzIuMDU3NDIgMTAuODk5IDIuMzc0OTMgMTEuMTY2NyAyLjc0NjM4IDExLjE2NjdIMTMuMjU0OUMxMy42MjYzIDExLjE2NjcgMTMuOTQzOCAxMC44OTkgMTQuMDA2OSAxMC41MzI3WiIgZmlsbD0id2hpdGUiLz4KPC9zdmc+Cg==);
}

.base__icon__svg.icon__pricing {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzE0ODFfMTUwNzgpIj4KPHBhdGggZD0iTTEwIDBDNC40ODU4MyAwIDAgNC40ODU4MyAwIDEwQzAgMTUuNTE0MiA0LjQ4NTgzIDIwIDEwIDIwQzE1LjUxNDIgMjAgMjAgMTUuNTE0MiAyMCAxMEMyMCA0LjQ4NTgzIDE1LjUxNDIgMCAxMCAwWk0xNS44MjQyIDguMzdMMTQuOTE4MyAxMy42NDc1QzE0Ljg2NjcgMTMuOTQ3NSAxNC42MDY3IDE0LjE2NjcgMTQuMzAyNSAxNC4xNjY3SDUuNjk3NUM1LjM5MzMzIDE0LjE2NjcgNS4xMzMzMyAxMy45NDc1IDUuMDgxNjcgMTMuNjQ3NUw0LjE3NTgzIDguMzdDNC4xMzU4MyA4LjEzOTE3IDQuMjI5MTcgNy45MDUgNC40MTY2NyA3Ljc2NDE3QzQuNjA1IDcuNjIyNSA0Ljg1NDE3IDcuNiA1LjA2NTgzIDcuNzAyNUw3LjQ3NzUgOC44NzY2N0w5LjQ1NDE3IDUuMzIwODNDOS42NzQxNyA0LjkyMzMzIDEwLjMyNjcgNC45MjMzMyAxMC41NDY3IDUuMzIwODNMMTIuNTIzMyA4Ljg3NjY3TDE0LjkzNSA3LjcwMjVDMTUuMTQ1OCA3LjYgMTUuMzk1OCA3LjYyMjUgMTUuNTg0MiA3Ljc2NDE3QzE1Ljc3MDggNy45MDUgMTUuODY0MiA4LjEzOTE3IDE1LjgyNDIgOC4zN1oiIGZpbGw9IndoaXRlIi8+CjwvZz4KPGRlZnM+CjxjbGlwUGF0aCBpZD0iY2xpcDBfMTQ4MV8xNTA3OCI+CjxyZWN0IHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0id2hpdGUiLz4KPC9jbGlwUGF0aD4KPC9kZWZzPgo8L3N2Zz4K);
}

.base__icon__svg.icon__user {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEwIDRDOS4zNDA3MyA0IDguNjk2MjYgNC4xOTU1IDguMTQ4MSA0LjU2MTc3QzcuNTk5OTQgNC45MjgwNCA3LjE3MjY5IDUuNDQ4NjMgNi45MjA0IDYuMDU3NzJDNi42NjgxMSA2LjY2NjgxIDYuNjAyMSA3LjMzNzAzIDYuNzMwNzIgNy45ODM2M0M2Ljg1OTMzIDguNjMwMjQgNy4xNzY4IDkuMjI0MTggNy42NDI5OCA5LjY5MDM2QzguMTA5MTUgMTAuMTU2NSA4LjcwMzEgMTAuNDc0IDkuMzQ5NyAxMC42MDI2QzkuOTk2MyAxMC43MzEyIDEwLjY2NjUgMTAuNjY1MiAxMS4yNzU2IDEwLjQxMjlDMTEuODg0NyAxMC4xNjA2IDEyLjQwNTMgOS43MzM0IDEyLjc3MTYgOS4xODUyM0MxMy4xMzc4IDguNjM3MDcgMTMuMzMzMyA3Ljk5MjYgMTMuMzMzMyA3LjMzMzMzQzEzLjMzMzMgNi40NDkyOCAxMi45ODIxIDUuNjAxNDMgMTIuMzU3IDQuOTc2MzFDMTEuNzMxOSA0LjM1MTE5IDEwLjg4NDEgNCAxMCA0Wk0xMCA5LjMzMzMzQzkuNjA0NDQgOS4zMzMzMyA5LjIxNzc2IDkuMjE2MDMgOC44ODg4NiA4Ljk5NjI3QzguNTU5OTYgOC43NzY1MSA4LjMwMzYyIDguNDY0MTUgOC4xNTIyNCA4LjA5ODdDOC4wMDA4NyA3LjczMzI1IDcuOTYxMjYgNy4zMzExMSA4LjAzODQzIDYuOTQzMTVDOC4xMTU2IDYuNTU1MTkgOC4zMDYwOCA2LjE5ODgyIDguNTg1NzkgNS45MTkxMkM4Ljg2NTQ5IDUuNjM5NDEgOS4yMjE4NiA1LjQ0ODkzIDkuNjA5ODIgNS4zNzE3NkM5Ljk5Nzc4IDUuMjk0NTkgMTAuMzk5OSA1LjMzNDIgMTAuNzY1NCA1LjQ4NTU3QzExLjEzMDggNS42MzY5NSAxMS40NDMyIDUuODkzMjkgMTEuNjYyOSA2LjIyMjE5QzExLjg4MjcgNi41NTEwOSAxMiA2LjkzNzc3IDEyIDcuMzMzMzNDMTIgNy44NjM3NyAxMS43ODkzIDguMzcyNDcgMTEuNDE0MiA4Ljc0NzU1QzExLjAzOTEgOS4xMjI2MiAxMC41MzA0IDkuMzMzMzMgMTAgOS4zMzMzM1pNMTYgMTYuNjY2N1YxNkMxNiAxNC43NjIzIDE1LjUwODMgMTMuNTc1MyAxNC42MzMyIDEyLjcwMDJDMTMuNzU4IDExLjgyNSAxMi41NzEgMTEuMzMzMyAxMS4zMzMzIDExLjMzMzNIOC42NjY2N0M3LjQyODk5IDExLjMzMzMgNi4yNDIgMTEuODI1IDUuMzY2ODMgMTIuNzAwMkM0LjQ5MTY3IDEzLjU3NTMgNCAxNC43NjIzIDQgMTZWMTYuNjY2N0g1LjMzMzMzVjE2QzUuMzMzMzMgMTUuMTE1OSA1LjY4NDUyIDE0LjI2ODEgNi4zMDk2NCAxMy42NDNDNi45MzQ3NyAxMy4wMTc5IDcuNzgyNjEgMTIuNjY2NyA4LjY2NjY3IDEyLjY2NjdIMTEuMzMzM0MxMi4yMTc0IDEyLjY2NjcgMTMuMDY1MiAxMy4wMTc5IDEzLjY5MDQgMTMuNjQzQzE0LjMxNTUgMTQuMjY4MSAxNC42NjY3IDE1LjExNTkgMTQuNjY2NyAxNlYxNi42NjY3SDE2WiIgZmlsbD0iIzE2MTcyMCIvPgo8L3N2Zz4K);
}

.base__icon__svg.icon__arrow__left {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICAgIDxwYXRoIGQ9Im05LjMzIDEyIC45MzctLjkzOEw3LjIwNyA4bDMuMDYtMy4wNjNMOS4zMyA0IDUuMzMzIDh6IiBmaWxsPSIjMjIyQjQ1IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiLz4KPC9zdmc+Cg==);
  transform: rotate(180deg);
}

.base__icon__svg.icon__arrow__next__page {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjUiIHZpZXdCb3g9IjAgMCAyNCAyNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE3LjI1IDkuNUwyMSAxMy4yNU0yMSAxMy4yNUwxNy4yNSAxN00yMSAxMy4yNUgzIiBzdHJva2U9IndoaXRlIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=);
}

.base__icon__svg.logo__home__favicon {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTUwIiBoZWlnaHQ9IjIyIiB2aWV3Qm94PSIwIDAgMTUwIDIyIiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8ZyBjbGlwLXBhdGg9InVybCgjY2xpcDBfMTQ4MV8xNTA0OSkiPgo8cGF0aCBkPSJNMTQuNzg0MSAwLjc3NDkwMkg1LjY2NTkzQzIuNTM2NzIgMC43NzQ5MDIgMCAzLjMxMjE5IDAgNi40NDIwOVYxNS41NjIzQzAgMTguNjkyMiAyLjUzNjcyIDIxLjIyOTQgNS42NjU5MyAyMS4yMjk0SDE0Ljc4NDFDMTcuOTEzMyAyMS4yMjk0IDIwLjQ1IDE4LjY5MjIgMjAuNDUgMTUuNTYyM1Y2LjQ0MjA5QzIwLjQ1IDMuMzEyMTkgMTcuOTEzMyAwLjc3NDkwMiAxNC43ODQxIDAuNzc0OTAyWiIgZmlsbD0iIzE2MTcyMCIvPgo8cGF0aCBkPSJNOC41NTA4NiA3Ljg1ODY0SDUuMDg3ODlWNS4wOTM3NUgxNS4zODAyVjcuODYwNzRIMTEuODk2M1YxNi45NzY3SDguNTUwODZWNy44NTg2NFoiIGZpbGw9IndoaXRlIi8+CjxwYXRoIGQ9Ik0zMi4yODk1IDcuMjMwM1YxNi42Nzg4SDI5LjQxNTNWNy4yMzAzSDI2LjA0ODhWNC43NzU4OEgzNS42NTI4VjcuMjMwM0gzMi4yODk1WiIgZmlsbD0iIzE2MTcyMCIvPgo8cGF0aCBkPSJNMzYuOTcwNyAxNi42Nzg4VjQuNzc1ODhINDQuOTc3NVY3LjE5NjczSDM5Ljc0MTFWOS40NDk3N0g0NC42ODU4VjExLjc1NzNIMzkuNzQxMVYxNC4yMjg1SDQ1LjI3NDVWMTYuNjgzTDM2Ljk3MDcgMTYuNjc4OFoiIGZpbGw9IiMxNjE3MjAiLz4KPHBhdGggZD0iTTU3Ljk3NSAxNi42Nzg4TDU4LjA0MjIgOC4yNTYxMkg1Ny45OTE4TDU0Ljg5NjEgMTYuNjc4OEg1Mi44NzgxTDQ5Ljg2NzUgOC4yNTYxMkg0OS44MTcxTDQ5Ljg4NDIgMTYuNjc4OEg0Ny4xNzU4VjQuNzc1ODhINTEuMjY4NEw1My45OCAxMi40MDg3SDU0LjA0NzFMNTYuNjQwMiA0Ljc3NTg4SDYwLjgwMVYxNi42Nzg4SDU3Ljk3NVoiIGZpbGw9IiMxNjE3MjAiLz4KPHBhdGggZD0iTTcyLjI3MDMgOC40NDA2N0M3Mi4yNzAzIDkuMTM1NzQgNzIuMTQxNiA5LjcyMTM3IDcxLjg4NDIgMTAuMTk3NkM3MS42MzczIDEwLjY2MjUgNzEuMjc4OSAxMS4wNTkgNzAuODQxMSAxMS4zNTE0QzcwLjM3ODggMTEuNjUzNSA2OS44NjU4IDExLjg2OTggNjkuMzI2OCAxMS45OTAxQzY4Ljc0MTkgMTIuMTI1OSA2OC4xNDMzIDEyLjE5MzUgNjcuNTQyOSAxMi4xOTE1SDY2LjExNDZWMTYuNjgwOEg2My4yMzgzVjQuNzc1ODJINjcuNjEyMUM2OC4yMjU3IDQuNzcxNjYgNjguODM3OCA0LjgzNjQgNjkuNDM3IDQuOTY4ODJDNjkuOTY1MSA1LjA4MTc4IDcwLjQ2NzQgNS4yOTI3NiA3MC45MTc3IDUuNTkwODJDNzEuMzM5NiA1Ljg3NjM4IDcxLjY4MjUgNi4yNjM4OCA3MS45MTQ2IDYuNzE3MzNDNzIuMTUxNyA3LjE4MzA0IDcyLjI3MDMgNy43NTc0OSA3Mi4yNzAzIDguNDQwNjdaTTY5LjM5NCA4LjQ1NzQ1QzY5LjQwNDEgOC4yMTY1MiA2OS4zNDU5IDcuOTc3NjQgNjkuMjI2MSA3Ljc2ODMzQzY5LjExNSA3LjU5MDI2IDY4Ljk1ODEgNy40NDUzNSA2OC43NzE3IDcuMzQ4NzdDNjguNTY5MyA3LjI0NDM4IDY4LjM1MDEgNy4xNzYyMSA2OC4xMjQyIDcuMTQ3MzhDNjcuODc2MyA3LjExMzM1IDY3LjYyNjMgNy4wOTY1MiA2Ny4zNzYgNy4wOTcwM0g2Ni4xMTY3VjkuOTAzODhINjcuMzI3N0M2Ny41ODcgOS45MDQ4OSA2Ny44NDU5IDkuODgyNDIgNjguMTAxMSA5LjgzNjc1QzY4LjMzNDQgOS43OTcyNSA2OC41NTkyIDkuNzE3NzcgNjguNzY1NCA5LjYwMThDNjguOTU1NCA5LjQ5NTQxIDY5LjExNDggOS4zNDE4OCA2OS4yMjgyIDkuMTU2MDJDNjkuMzQ3NSA4Ljk0MzA5IDY5LjQwNTYgOC43MDEzMyA2OS4zOTYxIDguNDU3NDVINjkuMzk0WiIgZmlsbD0iIzE2MTcyMCIvPgo8cGF0aCBkPSJNOTEuNDk3NyAxNi42Nzg4TDkwLjU3MzIgMTQuMzQxOEg4NS45NjQzTDg1LjA4OTIgMTYuNjc4OEg4MS45NjA5TDg2Ljk1NzEgNC43NzU4OEg4OS43NDg0TDk0LjY5NDIgMTYuNjc4OEg5MS40OTc3Wk04OC4zMDI0IDcuOTU2MTRMODYuNzg4MSAxMi4wNDY4SDg5Ljc4Mkw4OC4zMDI0IDcuOTU2MTRaIiBmaWxsPSIjMTYxNzIwIi8+CjxwYXRoIGQ9Ik05OS43NzQ5IDcuMjMwM1YxNi42Nzg4SDk2Ljg5ODZWNy4yMzAzSDkzLjUzMzJWNC43NzU4OEgxMDMuMTM4VjcuMjMwM0g5OS43NzQ5WiIgZmlsbD0iIzE2MTcyMCIvPgo8cGF0aCBkPSJNMTA0LjQ0NSAxNi42Nzg4VjQuNzc1ODhIMTEyLjQ1MlY3LjE5NjczSDEwNy4yMjFWOS40NDk3N0gxMTIuMTY2VjExLjc1NzNIMTA3LjIyMVYxNC4yMjg1SDExMi43NTRWMTYuNjgzTDEwNC40NDUgMTYuNjc4OFoiIGZpbGw9IiMxNjE3MjAiLz4KPHBhdGggZD0iTTExNi41MjYgMTUuODcyMkMxMTYuNTI2IDE2LjEwNjUgMTE2LjQzNSAxNi4zMzE4IDExNi4yNzQgMTYuNTAxNUMxMTYuMTg5IDE2LjU4OTEgMTE2LjA4NyAxNi42NTg3IDExNS45NzQgMTYuNzA2M0MxMTUuODYxIDE2Ljc1MzggMTE1Ljc0IDE2Ljc3ODMgMTE1LjYxOCAxNi43NzgzQzExNS40OTYgMTYuNzc4MyAxMTUuMzc1IDE2Ljc1MzggMTE1LjI2MiAxNi43MDYzQzExNS4xNSAxNi42NTg3IDExNS4wNDggMTYuNTg5MSAxMTQuOTYzIDE2LjUwMTVDMTE0LjgwMSAxNi4zMzE4IDExNC43MTEgMTYuMTA2NSAxMTQuNzExIDE1Ljg3MjJDMTE0LjcxMSAxNS42Mzc4IDExNC44MDEgMTUuNDEyNSAxMTQuOTYzIDE1LjI0MjhDMTE1LjA0OCAxNS4xNTUgMTE1LjE1IDE1LjA4NTEgMTE1LjI2MiAxNS4wMzc0QzExNS4zNzUgMTQuOTg5NyAxMTUuNDk2IDE0Ljk2NTEgMTE1LjYxOCAxNC45NjUxQzExNS43NDEgMTQuOTY1MSAxMTUuODYyIDE0Ljk4OTcgMTE1Ljk3NCAxNS4wMzc0QzExNi4wODcgMTUuMDg1MSAxMTYuMTg5IDE1LjE1NSAxMTYuMjc0IDE1LjI0MjhDMTE2LjQzNiAxNS40MTI0IDExNi41MjYgMTUuNjM3OCAxMTYuNTI2IDE1Ljg3MjJaIiBmaWxsPSIjMTYxNzIwIi8+CjxwYXRoIGQ9Ik0xMjcuODMxIDE0LjkxMzVIMTI3Ljg2NFY0Ljc3NTg4SDEyOS4wNzVWMTYuNjc4OEgxMjcuNTYxTDEyMC42MzUgNi40Mzk0M0gxMjAuNjAyVjE2LjY3ODhIMTE5LjM5MVY0Ljc3NTg4SDEyMC45MDVMMTI3LjgzMSAxNC45MTM1WiIgZmlsbD0iIzE2MTcyMCIvPgo8cGF0aCBkPSJNMTMzLjQ0NyAxNS42MDI2SDEzOS44MjJWMTYuNjc4OEgxMzIuMjM2VjQuNzc1ODhIMTM5LjYyMVY1Ljg1MUgxMzMuNDQ3VjkuOTQxN0gxMzkuMjE5VjExLjAxNjhIMTMzLjQ0N1YxNS42MDI2WiIgZmlsbD0iIzE2MTcyMCIvPgo8cGF0aCBkPSJNMTQ2LjAxMyAxNi42Nzg4SDE0NC44MDJWNS44NTFIMTQwLjgxNFY0Ljc3NTg4SDE0OS45OTlWNS44NTFIMTQ2LjAxMUwxNDYuMDEzIDE2LjY3ODhaIiBmaWxsPSIjMTYxNzIwIi8+CjxwYXRoIGQ9Ik03Ni44OTcxIDE0LjE3M1Y0Ljc3NDlINzQuMDAzOVYxNi42Nzg4SDgwLjE2OEw4MS4yMTk1IDE0LjE3M0g3Ni44OTcxWiIgZmlsbD0iIzE2MTcyMCIvPgo8L2c+CjxkZWZzPgo8Y2xpcFBhdGggaWQ9ImNsaXAwXzE0ODFfMTUwNDkiPgo8cmVjdCB3aWR0aD0iMTUwIiBoZWlnaHQ9IjIwLjQ1IiBmaWxsPSJ3aGl0ZSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCAwLjc3NDkwMikiLz4KPC9jbGlwUGF0aD4KPC9kZWZzPgo8L3N2Zz4K);
  width: 150px;
  height: 21px;
}

@media (max-width: 480px) {
  .base__icon__svg.logo__home__favicon {
    width: 140px;
    height: 20px;
  }
}

.base__icon__svg.icon__home {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjA2IiBoZWlnaHQ9IjIwIiB2aWV3Qm94PSIwIDAgMjA2IDIwIiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNMTAuMzYyNyA0LjA5MTkyVjE5LjgzNDdINS41ODk5NlY0LjA5MTkySDBWMC4wMDI0NDE0MUgxNS45NDc0VjQuMDkxOTJIMTAuMzYyN1oiIGZpbGw9IiMxNjE3MjAiLz4KPHBhdGggZD0iTTE4LjEzNjcgMTkuODM0MlYwLjAwMTk1MzEySDMxLjQzMlY0LjAzNTVIMjIuNzM2OVY3Ljc4OTQ0SDMwLjk0NzZWMTEuNjM0MkgyMi43MzY5VjE1Ljc1MTdIMzEuOTI1MlYxOS44NDEyTDE4LjEzNjcgMTkuODM0MloiIGZpbGw9IiMxNjE3MjAiLz4KPHBhdGggZD0iTTUzLjAxNDIgMTkuODM0Mkw1My4xMjU3IDUuODAwNjJINTMuMDQyMUw0Ny45MDE3IDE5LjgzNDJINDQuNTUwOEwzOS41NTE2IDUuODAwNjJIMzkuNDY3OUwzOS41Nzk0IDE5LjgzNDJIMzUuMDgyVjAuMDAxOTUzMTJINDEuODc3OEw0Ni4zODA1IDEyLjcxOTVINDYuNDkyTDUwLjc5NzcgMC4wMDE5NTMxMkg1Ny43MDY4VjE5LjgzNDJINTMuMDE0MloiIGZpbGw9IiMxNjE3MjAiLz4KPHBhdGggZD0iTTc2Ljc1MzYgNi4xMDc3OUM3Ni43NTM2IDcuMjY1ODkgNzYuNTM5OSA4LjI0MTY1IDc2LjExMjQgOS4wMzUwOEM3NS43MDI1IDkuODA5NzYgNzUuMTA3NCAxMC40NzAzIDc0LjM4MDMgMTAuOTU3NUM3My42MTI3IDExLjQ2MDggNzIuNzYxIDExLjgyMTQgNzEuODY1OSAxMi4wMjE4QzcwLjg5NDcgMTIuMjQ4MSA2OS45MDA3IDEyLjM2MDcgNjguOTAzNiAxMi4zNTczSDY2LjUzMjFWMTkuODM3Mkg2MS43NTU5VjAuMDAxNTM1MDJINjkuMDE4NkM3MC4wMzc1IC0wLjAwNTQwMDY2IDcxLjA1NCAwLjEwMjQ2NiA3Mi4wNDg5IDAuMzIzMTAzQzcyLjkyNTggMC41MTEzMDQgNzMuNzU5OCAwLjg2MjgzMyA3NC41MDc1IDEuMzU5NDVDNzUuMjA4MiAxLjgzNTI1IDc1Ljc3NzYgMi40ODA4OCA3Ni4xNjI5IDMuMjM2NDJDNzYuNTU2NyA0LjAxMjM3IDc2Ljc1MzYgNC45Njk0OSA3Ni43NTM2IDYuMTA3NzlaTTcxLjk3NzQgNi4xMzU3NUM3MS45OTQyIDUuNzM0MzIgNzEuODk3NiA1LjMzNjI5IDcxLjY5ODYgNC45ODc1NUM3MS41MTQyIDQuNjkwODcgNzEuMjUzNiA0LjQ0OTQxIDcwLjk0NDEgNC4yODg1QzcwLjYwOCA0LjExNDU2IDcwLjI0NDEgNC4wMDA5OSA2OS44NjkgMy45NTI5NUM2OS40NTczIDMuODk2MjQgNjkuMDQyMSAzLjg2ODIxIDY4LjYyNjYgMy44NjkwNkg2Ni41MzU2VjguNTQ1NzVINjguNTQ2NEM2OC45NzcgOC41NDc0MyA2OS40MDY4IDguNTA5OTkgNjkuODMwNiA4LjQzMzg5QzcwLjIxOCA4LjM2ODA4IDcwLjU5MTIgOC4yMzU2NCA3MC45MzM2IDguMDQyNDNDNzEuMjQ5MiA3Ljg2NTE2IDcxLjUxMzggNy42MDkzNiA3MS43MDIxIDcuMjk5NjhDNzEuOTAwMiA2Ljk0NDkgNzEuOTk2NyA2LjU0MjA4IDcxLjk4MDkgNi4xMzU3NUg3MS45Nzc0WiIgZmlsbD0iIzE2MTcyMCIvPgo8cGF0aCBkPSJNMTA4LjY4IDE5LjgzNDJMMTA3LjE0NSAxNS45NDA0SDk5LjQ5MTRMOTguMDM4MiAxOS44MzQySDkyLjg0MzhMMTAxLjE0IDAuMDAxOTUzMTJIMTA1Ljc3NUwxMTMuOTg3IDE5LjgzNDJIMTA4LjY4Wk0xMDMuMzc0IDUuMzAwOEwxMDAuODU5IDEyLjExNjZIMTA1LjgzMUwxMDMuMzc0IDUuMzAwOFoiIGZpbGw9IiMxNjE3MjAiLz4KPHBhdGggZD0iTTEyMi40MjEgNC4wOTE0M1YxOS44MzQySDExNy42NDVWNC4wOTE0M0gxMTIuMDU3VjAuMDAxOTUzMTJIMTI4LjAwNlY0LjA5MTQzSDEyMi40MjFaIiBmaWxsPSIjMTYxNzIwIi8+CjxwYXRoIGQ9Ik0xMzAuMTc4IDE5LjgzNDJWMC4wMDE5NTMxMkgxNDMuNDczVjQuMDM1NUgxMzQuNzg3VjcuNzg5NDRIMTQyLjk5N1YxMS42MzQySDEzNC43ODdWMTUuNzUxN0gxNDMuOTc1VjE5Ljg0MTJMMTMwLjE3OCAxOS44MzQyWiIgZmlsbD0iIzE2MTcyMCIvPgo8cGF0aCBkPSJNMTUwLjI0MSAxOC40OTAxQzE1MC4yNDEgMTguODgwNSAxNTAuMDkxIDE5LjI1NiAxNDkuODIzIDE5LjUzODdDMTQ5LjY4MSAxOS42ODQ3IDE0OS41MTIgMTkuODAwNyAxNDkuMzI1IDE5Ljg3OTlDMTQ5LjEzOCAxOS45NTkxIDE0OC45MzcgMTkuOTk5OSAxNDguNzM0IDE5Ljk5OTlDMTQ4LjUzMSAxOS45OTk5IDE0OC4zMyAxOS45NTkxIDE0OC4xNDMgMTkuODc5OUMxNDcuOTU2IDE5LjgwMDcgMTQ3Ljc4NiAxOS42ODQ3IDE0Ny42NDUgMTkuNTM4N0MxNDcuMzc2IDE5LjI1NiAxNDcuMjI3IDE4Ljg4MDUgMTQ3LjIyNyAxOC40OTAxQzE0Ny4yMjcgMTguMDk5NyAxNDcuMzc2IDE3LjcyNDIgMTQ3LjY0NSAxNy40NDE1QzE0Ny43ODYgMTcuMjk1MSAxNDcuOTU1IDE3LjE3ODcgMTQ4LjE0MiAxNy4wOTkyQzE0OC4zMyAxNy4wMTk3IDE0OC41MzEgMTYuOTc4OCAxNDguNzM0IDE2Ljk3ODhDMTQ4LjkzNyAxNi45Nzg4IDE0OS4xMzggMTcuMDE5NyAxNDkuMzI1IDE3LjA5OTJDMTQ5LjUxMiAxNy4xNzg3IDE0OS42ODIgMTcuMjk1MSAxNDkuODIzIDE3LjQ0MTVDMTUwLjA5MiAxNy43MjQgMTUwLjI0MSAxOC4wOTk2IDE1MC4yNDEgMTguNDkwMVoiIGZpbGw9IiMxNjE3MjAiLz4KPHBhdGggZD0iTTE2OS4wMTEgMTYuODkyOUgxNjkuMDY3VjAuMDAxOTUzMTJIMTcxLjA3OFYxOS44MzQySDE2OC41NjNMMTU3LjA2MyAyLjc3MzcxSDE1Ny4wMDdWMTkuODM0MkgxNTQuOTk2VjAuMDAxOTUzMTJIMTU3LjUxMUwxNjkuMDExIDE2Ljg5MjlaIiBmaWxsPSIjMTYxNzIwIi8+CjxwYXRoIGQ9Ik0xNzguMzM3IDE4LjA0MTFIMTg4LjkyM1YxOS44MzQySDE3Ni4zMjZWMC4wMDE5NTMxMkgxODguNTg4VjEuNzkzMjhIMTc4LjMzN1Y4LjYwOTA4SDE4Ny45MjFWMTAuNDAwNEgxNzguMzM3VjE4LjA0MTFaIiBmaWxsPSIjMTYxNzIwIi8+CjxwYXRoIGQ9Ik0xOTkuMjAxIDE5LjgzNDJIMTk3LjE5VjEuNzkzMjhIMTkwLjU2OFYwLjAwMTk1MzEySDIwNS44MTlWMS43OTMyOEgxOTkuMTk3TDE5OS4yMDEgMTkuODM0MloiIGZpbGw9IiMxNjE3MjAiLz4KPHBhdGggZD0iTTg0LjQzMyAxNS42NTg5VjBINzkuNjI4OVYxOS44MzRIODkuODY0NEw5MS42MTA0IDE1LjY1ODlIODQuNDMzWiIgZmlsbD0iIzE2MTcyMCIvPgo8L3N2Zz4K);
  width: 268px;
  height: 44px;
  background-size: contain;
}

@media (max-width: 576px) {
  .base__icon__svg.icon__home {
    width: 122px;
    height: 22px;
  }
}

.base__icon__svg.icon__hamburger {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTMuNzUgNi43NUgyMC4yNU0zLjc1IDEySDIwLjI1TTMuNzUgMTcuMjVIMjAuMjUiIHN0cm9rZT0iIzE2MTcyMCIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K);
}

.base__icon__svg.icon__search__white {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTExIDE5QzE1LjQxODMgMTkgMTkgMTUuNDE4MyAxOSAxMUMxOSA2LjU4MTcyIDE1LjQxODMgMyAxMSAzQzYuNTgxNzIgMyAzIDYuNTgxNzIgMyAxMUMzIDE1LjQxODMgNi41ODE3MiAxOSAxMSAxOVoiIHN0cm9rZT0id2hpdGUiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjxwYXRoIGQ9Ik0yMS4wMDA0IDIxTDE2LjY1MDQgMTYuNjUiIHN0cm9rZT0id2hpdGUiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=);
}

.base__icon__svg.icon-left {
  position: absolute;
  right: 16px;
}

.base__icon__svg.icon__back {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE2LjI1IDEwSDMuNzVNMy43NSAxMEw5LjM3NSAxNS42MjVNMy43NSAxMEw5LjM3NSA0LjM3NSIgc3Ryb2tlPSIjMTYxNzIwIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=);
}

.base__icon__svg.icon__close {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTIuNjY2MDIgMTMuMzMzMkwxMy4zMzI3IDIuNjY2NU0yLjY2NjAyIDIuNjY2NUwxMy4zMzI3IDEzLjMzMzIiIHN0cm9rZT0iIzlDQTVCMiIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K);
}

.base__icon__svg.icon__filter__mobile {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTMuMDkwOTEgOS4wNDU0NVY2LjVNMy4wOTA5MSA1LjA0NTQ1VjIuNU02IDkuMDQ1NDVWNS43NzI3M002IDQuMzE4MThWMi41TTguOTA5MDkgOS4wNDU0NVY3LjIyNzI3TTguOTA5MDkgNS43NzI3M1YyLjVNMiA2LjVINC4xODE4Mk00LjkwOTA5IDQuMzE4MThINy4wOTA5MU03LjgxODE4IDcuMjI3MjdIMTAiIHN0cm9rZT0iIzE2MTcyMCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=);
}

.base__icon__svg.icon_non_login_dashboard {
  width: 40px;
  height: 40px;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDAiIGhlaWdodD0iNDAiIHZpZXdCb3g9IjAgMCA0MCA0MCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xOS45OTk3IDM2LjY2NzNDMjIuMTkwNiAzNi42NjczIDI0LjMxNjMgMzYuMjUgMjYuMzc2OCAzNS40MTU0QzI4LjQzNzMgMzQuNTgwNyAzMC4yNTAxIDMzLjM4MDkgMzEuODE1IDMxLjgxNkMzMy4zOCAzMC4yNTEgMzQuNTc5OCAyOC40MzgzIDM1LjQxNDQgMjYuMzc3OEMzNi4yNDkgMjQuMzE3MyAzNi42NjYzIDIyLjE5MTYgMzYuNjY2MyAyMC4wMDA3QzM2LjY2NjMgMTcuODA5NyAzNi4yNDkgMTUuNjg0IDM1LjQxNDQgMTMuNjIzNUMzNC41Nzk4IDExLjU2MyAzMy4zOCA5Ljc1MDI2IDMxLjgxNSA4LjE4NTMxQzMwLjI1MDEgNi42MjAzNyAyOC40MzczIDUuNDIwNTggMjYuMzc2OCA0LjU4NTk0QzI0LjMxNjMgMy43NTEzIDIyLjE5MDYgMy4zMzM5OCAxOS45OTk3IDMuMzMzOThDMTcuODA4OCAzLjMzMzk4IDE1LjY4MyAzLjc1MTMgMTMuNjIyNSA0LjU4NTk0QzExLjU2MiA1LjQyMDU4IDkuNzQ5MjggNi42MjAzNyA4LjE4NDM0IDguMTg1MzFDNi42MTkzOSA5Ljc1MDI2IDUuNDE5NiAxMS41NjMgNC41ODQ5NiAxMy42MjM1QzMuNzUwMzMgMTUuNjg0IDMuMzMzMDEgMTcuODA5NyAzLjMzMzAxIDIwLjAwMDdDMy4zMzMwMSAyMi4xOTE2IDMuNzUwMzMgMjQuMzE3MyA0LjU4NDk2IDI2LjM3NzhDNS40MTk2IDI4LjQzODMgNi42MTkzOSAzMC4yNTEgOC4xODQzNCAzMS44MTZDOS43NDkyOCAzMy4zODA5IDExLjU2MiAzNC41ODA3IDEzLjYyMjUgMzUuNDE1NEMxNS42ODMgMzYuMjUgMTcuODA4OCAzNi42NjczIDE5Ljk5OTcgMzYuNjY3M1pNMzAuNjQxNSAyOC4wNjAxQzI5LjU0NiAyNi43NTYgMjcuNzcyNCAyNS43Mzg3IDI1LjMyMDYgMjUuMDA4NEMyMy4zOTA1IDI0LjQzNDYgMjEuNjE2OSAyNC4xNDc3IDE5Ljk5OTggMjQuMTQ3N0MxOC4zODI3IDI0LjE0NzcgMTYuNjA5MSAyNC40MzQ2IDE0LjY3OSAyNS4wMDg0QzEyLjIyNzMgMjUuNzM4NyAxMC40NTM3IDI2Ljc1NiA5LjM1ODIgMjguMDYwMUM3LjUzMjQzIDI1LjY2MDUgNi42MTk1NSAyMi45NzQgNi42MTk1NSAyMC4wMDA2QzYuNjE5NTUgMTcuNjAxIDcuMjE5NDQgMTUuMzcxIDguNDE5MjMgMTMuMzEwNUM5LjYxOTAzIDExLjI1IDExLjI0OTIgOS42MTk4IDEzLjMwOTcgOC40MjAwMUMxNS4zNzAyIDcuMjIwMjIgMTcuNjAwMiA2LjYyMDMyIDE5Ljk5OTggNi42MjAzMkMyMi4zOTk0IDYuNjIwMzIgMjQuNjI5NSA3LjIyMDIyIDI2LjY5IDguNDIwMDFDMjguNzUwNSA5LjYxOTggMzAuMzgwNiAxMS4yNSAzMS41ODA0IDEzLjMxMDVDMzIuNzgwMiAxNS4zNzEgMzMuMzgwMSAxNy42MDEgMzMuMzgwMSAyMC4wMDA2QzMzLjM4MDEgMjIuOTc0IDMyLjQ2NzIgMjUuNjYwNSAzMC42NDE1IDI4LjA2MDFaTTE5Ljk5OTcgMjEuNjU5NUMyMS42MDcxIDIxLjY1OTUgMjIuOTgxMiAyMS4wOTg3IDI0LjEyMTkgMTkuOTc3MkMyNS4yNjI2IDE4Ljg1NTYgMjUuODMzIDE3LjQ4NjMgMjUuODMzIDE1Ljg2OTJDMjUuODMzIDE0LjI1MjEgMjUuMjYyNiAxMi44Njk3IDI0LjEyMTkgMTEuNzIyMUMyMi45ODEyIDEwLjU3NDUgMjEuNjA3MSAxMC4wMDA3IDE5Ljk5OTcgMTAuMDAwN0MxOC4zOTIzIDEwLjAwMDcgMTcuMDE4MiAxMC41NzQ1IDE1Ljg3NzUgMTEuNzIyMUMxNC43MzY3IDEyLjg2OTcgMTQuMTY2MyAxNC4yNTIxIDE0LjE2NjMgMTUuODY5MkMxNC4xNjYzIDE3LjQ4NjMgMTQuNzM2NyAxOC44NTU2IDE1Ljg3NzUgMTkuOTc3MkMxNy4wMTgyIDIxLjA5ODcgMTguMzkyMyAyMS42NTk1IDE5Ljk5OTcgMjEuNjU5NVpNMjAuMDAwMyAxOC4zNTc1QzE5LjMyMjIgMTguMzU3NSAxOC43MzUzIDE4LjEwOTcgMTguMjM5OCAxNy42MTQxQzE3Ljc0NDIgMTcuMTE4NiAxNy40OTY0IDE2LjUxODcgMTcuNDk2NCAxNS44MTQ0QzE3LjQ5NjQgMTUuMTEwMiAxNy43NDQyIDE0LjUyMzQgMTguMjM5OCAxNC4wNTM5QzE4LjczNTMgMTMuNTg0NCAxOS4zMjIyIDEzLjM0OTcgMjAuMDAwMyAxMy4zNDk3QzIwLjY3ODUgMTMuMzQ5NyAyMS4yNjUzIDEzLjU4NDQgMjEuNzYwOSAxNC4wNTM5QzIyLjI1NjUgMTQuNTIzNCAyMi41MDQyIDE1LjExMDIgMjIuNTA0MiAxNS44MTQ0QzIyLjUwNDIgMTYuNTE4NyAyMi4yNTY1IDE3LjExODYgMjEuNzYwOSAxNy42MTQxQzIxLjI2NTMgMTguMTA5NyAyMC42Nzg1IDE4LjM1NzUgMjAuMDAwMyAxOC4zNTc1Wk0xOS45OTk1IDMzLjM4MDlDMTYuOTIxOCAzMy4zODA5IDE0LjE4MzEgMzIuNDE1OCAxMS43ODM1IDMwLjQ4NTdDMTIuMTQ4NyAyOS43NTU0IDEzLjIwNSAyOS4wNzczIDE0Ljk1MjUgMjguNDUxM0MxNi43MDAxIDI3LjgyNTMgMTguMzgyNCAyNy41MTI0IDE5Ljk5OTUgMjcuNTEyNEMyMS42MTY2IDI3LjUxMjQgMjMuMjk4OSAyNy44MjUzIDI1LjA0NjQgMjguNDUxM0MyNi43OTQgMjkuMDc3MyAyNy44NTAzIDI5Ljc1NTQgMjguMjE1NSAzMC40ODU3QzI1LjgxNTkgMzIuNDE1OCAyMy4wNzcyIDMzLjM4MDkgMTkuOTk5NSAzMy4zODA5WiIgZmlsbD0iIzFGMjEyNCIvPgo8L3N2Zz4K);
}

.base__icon__svg.icon_create_template_dashboard {
  width: 40px;
  height: 40px;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDAiIGhlaWdodD0iNDAiIHZpZXdCb3g9IjAgMCA0MCA0MCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3Qgd2lkdGg9IjQwIiBoZWlnaHQ9IjQwIiByeD0iOCIgZmlsbD0iIzFGMjEyNCIvPgo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTIwLjQ5OSAyOEMyMC43NzU2IDI4IDIwLjk5OTYgMjcuNzc1NiAyMC45OTkgMjcuNDk5TDIwLjk4NjYgMjAuOTg2NkwyNy41MDEgMjAuOTc0MUMyNy43NzY3IDIwLjk3MzYgMjggMjAuNzQ5OSAyOCAyMC40NzQxVjE5LjUwMUMyOCAxOS4yMjQ0IDI3Ljc3NTYgMTkuMDAwNCAyNy40OTkgMTkuMDAxTDIwLjk4NjYgMTkuMDEzNEwyMC45OTkgMTIuNTAxQzIwLjk5OTYgMTIuMjI0NCAyMC43NzU2IDEyIDIwLjQ5OSAxMkgxOS41MjU5QzE5LjI1MDEgMTIgMTkuMDI2NCAxMi4yMjMzIDE5LjAyNTkgMTIuNDk5TDE5LjAxMzQgMTkuMDEzNEwxMi41MDEgMTkuMDAxQzEyLjIyNDQgMTkuMDAwNCAxMiAxOS4yMjQ0IDEyIDE5LjUwMVYyMC40NzQxQzEyIDIwLjc0OTkgMTIuMjIzMyAyMC45NzM2IDEyLjQ5OSAyMC45NzQxTDE5LjAxMzQgMjAuOTg2NkwxOS4wMjU5IDI3LjUwMUMxOS4wMjY0IDI3Ljc3NjcgMTkuMjUwMSAyOCAxOS41MjU5IDI4SDIwLjQ5OVoiIGZpbGw9IndoaXRlIi8+Cjwvc3ZnPgo=);
}

.base__icon__svg.icon_home_dashboard {
  width: 24px;
  height: 24px;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMiAyQzEyLjMyNDggMiAxMi42NDExIDIuMTAzOTQgMTIuOTAyNSAyLjI5NjZMMjEuMTg2NCA4LjQwMDVDMjEuNjk4IDguNzc3NDcgMjIgOS4zNzUxMyAyMiAxMC4wMTA2VjIxQzIyIDIxLjU1MjMgMjEuNTUyMyAyMiAyMSAyMkgxNUMxNC40NDc3IDIyIDE0IDIxLjU1MjMgMTQgMjFWMTZDMTQgMTQuODk1NCAxMy4xMDQ2IDE0IDEyIDE0QzEwLjg5NTQgMTQgMTAgMTQuODk1NCAxMCAxNlYyMUMxMCAyMS41NTIzIDkuNTUyMjggMjIgOSAyMkgzQzIuNDQ3NzIgMjIgMiAyMS41NTIzIDIgMjFWMTAuMDEwNkMyIDkuMzc1MTMgMi4zMDIgOC43Nzc0NyAyLjgxMzYgOC40MDA1TDExLjA5NzUgMi4yOTY2QzExLjM1ODkgMi4xMDM5NCAxMS42NzUyIDIgMTIgMlpNMjAgMTAuMDEwNkwxMiA0LjExNDk5TDQgMTAuMDEwNlYyMEg4VjE2QzggMTMuODU3OCA5LjY4Mzk3IDEyLjEwODkgMTEuODAwNCAxMi4wMDQ5TDEyIDEyQzE0LjE0MjIgMTIgMTUuODkxMSAxMy42ODQgMTUuOTk1MSAxNS44MDA0TDE2IDE2VjIwSDIwVjEwLjAxMDZaIiBmaWxsPSIjMUYyMTI0Ii8+Cjwvc3ZnPgo=);
}

.base__icon__svg.icon_brand_template_dashboard {
  width: 24px;
  height: 24px;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMSAyQzEyLjEwNDYgMiAxMyAyLjg5NTQzIDEzIDRWMTBDMTMgMTEuMTA0NiAxMi4xMDQ2IDEyIDExIDEySDRDMi44OTU0MyAxMiAyIDExLjEwNDYgMiAxMFY0QzIgMi44OTU0MyAyLjg5NTQzIDIgNCAySDExWk0xMSA0SDRWMTBIMTFWNFoiIGZpbGw9IiMxRjIxMjQiLz4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0yMiA0QzIyIDIuODk1NDMgMjEuMTA0NiAyIDIwIDJIMTdDMTUuODk1NCAyIDE1IDIuODk1NDMgMTUgNFYxMEMxNSAxMS4xMDQ2IDE1Ljg5NTQgMTIgMTcgMTJIMjBDMjEuMTA0NiAxMiAyMiAxMS4xMDQ2IDIyIDEwVjRaTTE3IDRIMjBWMTBIMTdWNFoiIGZpbGw9IiMxRjIxMjQiLz4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0yMCAxNkMyMCAxNC44OTU0IDE5LjEwNDYgMTQgMTggMTRINkM0Ljg5NTQzIDE0IDQgMTQuODk1NCA0IDE2VjIwQzQgMjEuMTA0NiA0Ljg5NTQzIDIyIDYgMjJIMThDMTkuMTA0NiAyMiAyMCAyMS4xMDQ2IDIwIDIwVjE2Wk02IDE2SDE4VjIwSDZWMTZaIiBmaWxsPSIjMUYyMTI0Ii8+Cjwvc3ZnPgo=);
}

.base__icon__svg.icon_folder_dashboard {
  width: 24px;
  height: 24px;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iIzFGMjEyNCIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJtMTAgNCAyIDJoOGEyIDIgMCAwIDEgMiAydjEwYTIgMiAwIDAgMS0yIDJINGEyIDIgMCAwIDEtMi0yVjZhMiAyIDAgMCAxIDItMmg2Wk00IDh2MTBoMTZWOEg0WiIgY2xpcC1ydWxlPSJldmVub2RkIi8+PC9zdmc+);
}

.base__icon__svg.icon_company_dashboard {
  width: 24px;
  height: 24px;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTExIDExSDlWMTNIMTFWMTFaIiBmaWxsPSIjMUYyMTI0Ii8+CjxwYXRoIGQ9Ik05IDdIMTFWOUg5VjdaIiBmaWxsPSIjMUYyMTI0Ii8+CjxwYXRoIGQ9Ik0xNSAxMUgxM1YxM0gxNVYxMVoiIGZpbGw9IiMxRjIxMjQiLz4KPHBhdGggZD0iTTEzIDdIMTVWOUgxM1Y3WiIgZmlsbD0iIzFGMjEyNCIvPgo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTMgMjFWMTlINVYzSDE5VjE5SDIxVjIxSDNaTTE3IDE5SDE0VjE1SDEwVjE5SDdWNUgxN1YxOVoiIGZpbGw9IiMxRjIxMjQiLz4KPC9zdmc+Cg==);
}

.base__icon__svg.icon_left_arrow {
  background-image: url(data:image/svg+xml;base64,IDxzdmcgd2lkdGg9IjIwIiBoZWlnaHQ9IjIwIiB2aWV3Qm94PSIwIDAgMjAgMjAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgICAgICAgICAgICAgPHBhdGgKICAgICAgICAgICAgICAgIGQ9Ik0xNi4yNSAxMEgzLjc1TTMuNzUgMTBMOS4zNzUgMTUuNjI1TTMuNzUgMTBMOS4zNzUgNC4zNzUiCiAgICAgICAgICAgICAgICBzdHJva2U9IiMxNjE3MjAiCiAgICAgICAgICAgICAgICBzdHJva2Utd2lkdGg9IjEuNSIKICAgICAgICAgICAgICAgIHN0cm9rZS1saW5lY2FwID0icm91bmQiCiAgICAgICAgICAgICAgICBzdHJva2UtbGluZWpvaW49InJvdW5kIgogICAgICAgICAgICAgIC8+CiAgICAgICAgICAgIDwvc3ZnPg==);
}

.base__icon__svg.icon_share {
  background-image: url(data:image/svg+xml;base64,CgogPHN2ZyB3aWR0aD0iMjgiIHN0cm9rZT0iIzE2MTcyMCIgaGVpZ2h0PSIyOCIgdmlld0JveD0iMCAwIDI4IDI4IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgogICAgICAgICAgPHBhdGgKICAgICAgICAgICAgZD0iTTIxIDkuMzMzMzdDMjIuOTMzIDkuMzMzMzcgMjQuNSA3Ljc2NjM3IDI0LjUgNS44MzMzN0MyNC41IDMuOTAwMzggMjIuOTMzIDIuMzMzMzcgMjEgMi4zMzMzN0MxOS4wNjcgMi4zMzMzNyAxNy41IDMuOTAwMzggMTcuNSA1LjgzMzM3QzE3LjUgNy43NjYzNyAxOS4wNjcgOS4zMzMzNyAyMSA5LjMzMzM3WiIKICAgICAgICAgICAgc3Ryb2tlLXdpZHRoPSIyLjUiCiAgICAgICAgICAgIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIKICAgICAgICAgICAgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIKICAgICAgICAgIC8+CiAgICAgICAgICA8cGF0aAogICAgICAgICAgICBkPSJNNyAxNy41QzguOTMzIDE3LjUgMTAuNSAxNS45MzMgMTAuNSAxNEMxMC41IDEyLjA2NyA4LjkzMyAxMC41IDcgMTAuNUM1LjA2NyAxMC41IDMuNSAxMi4wNjcgMy41IDE0QzMuNSAxNS45MzMgNS4wNjcgMTcuNSA3IDE3LjVaIgogICAgICAgICAgICBzdHJva2Utd2lkdGg9IjIuNSIKICAgICAgICAgICAgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIgogICAgICAgICAgICBzdHJva2UtbGluZWpvaW49InJvdW5kIgogICAgICAgICAgLz4KICAgICAgICAgIDxwYXRoCiAgICAgICAgICAgIGQ9Ik0yMSAyNS42NjY2QzIyLjkzMyAyNS42NjY2IDI0LjUgMjQuMDk5NiAyNC41IDIyLjE2NjZDMjQuNSAyMC4yMzM2IDIyLjkzMyAxOC42NjY2IDIxIDE4LjY2NjZDMTkuMDY3IDE4LjY2NjYgMTcuNSAyMC4yMzM2IDE3LjUgMjIuMTY2NkMxNy41IDI0LjA5OTYgMTkuMDY3IDI1LjY2NjYgMjEgMjUuNjY2NloiCiAgICAgICAgICAgIHN0cm9rZS13aWR0aD0iMi41IgogICAgICAgICAgICBzdHJva2UtbGluZWNhcD0icm91bmQiCiAgICAgICAgICAgIHN0cm9rZS1saW5lam9pbj0icm91bmQiCiAgICAgICAgICAvPgogICAgICAgICAgPHBhdGggZD0iTTEwLjAyMzQgMTUuNzYxN0wxNy45OTE4IDIwLjQwNTEiIHN0cm9rZS13aWR0aD0iMi41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIC8+CiAgICAgICAgICA8cGF0aCBkPSJNMTcuOTgwMSA3LjU5NDk3TDEwLjAyMzQgMTIuMjM4MyIgc3Ryb2tlLXdpZHRoPSIyLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgLz4KPC9zdmc+Cg==);
}

.base__icon__svg.icon__download__white {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTciIGhlaWdodD0iMTciIHZpZXdCb3g9IjAgMCAxNyAxNyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzU0MjZfNDAzNzkpIj4KPHBhdGggZD0iTTEuNSAxNi4wOTUySDE1LjVWMTQuMDk1MkgxLjVWMTYuMDk1MlpNMTUuNSA1LjA5NTIxSDExLjVWLTAuOTA0Nzg1SDUuNVY1LjA5NTIxSDEuNUw4LjUgMTIuMDk1MkwxNS41IDUuMDk1MjFaIiBmaWxsPSJ3aGl0ZSIvPgo8L2c+CjxkZWZzPgo8Y2xpcFBhdGggaWQ9ImNsaXAwXzU0MjZfNDAzNzkiPgo8cmVjdCB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIGZpbGw9IndoaXRlIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMy41IC0zLjkwNDc5KSIvPgo8L2NsaXBQYXRoPgo8L2RlZnM+Cjwvc3ZnPgo=);
}

.base__icon__svg.icon__download__1 {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAxNCAxNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik03LjAwMDY1IDkuOTE2NjdMOS4zMzM5OCA3LjU2NzczSDcuNTc3MTJWMS43NUg2LjQyNDE4VjcuNTY3NzNINC42NjczMkw3LjAwMDY1IDkuOTE2NjdaTTExLjY2NzMgMTIuMjVWMTEuMDgzM0gyLjMzMzk4VjEyLjI1SDExLjY2NzNaIiBmaWxsPSIjMUYyMTI0Ii8+Cjwvc3ZnPgo=);
}

.base__icon__svg.icon__edit__1 {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMSAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEzLjk4NjMgMi4yNzc1OUwxMi40MDkyIDMuODU0NzFMMTYuNjQ1MyA4LjA5MDc2TDE4LjIyMjQgNi41MTM2NEMxOS4wMzcgNS42OTkwMiAxOS4wMzcgNC4zNzkzMyAxOC4yMjI0IDMuNTY0N0wxNi45Mzg1IDIuMjc3NTlDMTYuMTIzOSAxLjQ2Mjk3IDE0LjgwNDIgMS40NjI5NyAxMy45ODk2IDIuMjc3NTlIMTMuOTg2M1pNMTEuNjcyOCA0LjU5MTEzTDQuMDc3MjIgMTIuMTlDMy43MzgzNCAxMi41Mjg4IDMuNDkwNjkgMTIuOTQ5MiAzLjM1Mzg0IDEzLjQwODZMMi4yMDAzMyAxNy4zMjg2QzIuMTE4ODcgMTcuNjA1NiAyLjE5MzgxIDE3LjkwMjEgMi4zOTU4NCAxOC4xMDQxQzIuNTk3ODYgMTguMzA2MiAyLjg5NDM5IDE4LjM4MTEgMy4xNjgxIDE4LjMwMjlMNy4wODgwOCAxNy4xNDk0QzcuNTQ3NTIgMTcuMDEyNSA3Ljk2Nzg3IDE2Ljc2NDkgOC4zMDY3NSAxNi40MjZMMTUuOTA4OCA4LjgyNzE4TDExLjY3MjggNC41OTExM1oiIGZpbGw9IndoaXRlIi8+Cjwvc3ZnPgo=);
}

.base__icon__svg.triangle {
  width: 15px;
  height: 15px;
  margin-right: 8px;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTUiIHZpZXdCb3g9IjAgMCAxNiAxNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0zLjgwODgxIDIuODIzNDNMMTEuODU3NCAzLjE3OTM2TDcuNTI0ODYgOS45NzE2OEwzLjgwODgxIDIuODIzNDNaTTAuMzYxOTA4IDEuNTkwMTNDMC4wMjgyMjM1IDAuOTQ4MjUgMC41MTQ1MjYgMC4xODU4NDkgMS4yMzcyNSAwLjIxNzgxTDE0LjY0ODkgMC44MTA5MDVDMTUuMzcxNyAwLjg0Mjg2NSAxNS43ODg4IDEuNjQ1MjIgMTUuMzk5NyAyLjI1NTE0TDguMTgwMjQgMTMuNTczNEM3Ljc5MTIgMTQuMTgzNCA2Ljg4Nzc5IDE0LjE0MzQgNi41NTQxMSAxMy41MDE1TDAuMzYxOTA4IDEuNTkwMTNaIiBmaWxsPSIjRkY1MDM4Ii8+Cjwvc3ZnPgo=);
}

.base__icon__svg.triangle1 {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAyMCAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xNS4xMDA5IDQuMjg1OUw5LjExNzM4IDEyLjgxOTJMNC41Nzg0OCAzLjQ2NzQxTDE1LjEwMDkgNC4yODU5Wk0xOC44NjQ0IDEuMzY3ODZDMTkuODA5MyAxLjQ0MTM2IDIwLjMxODcgMi40OTEwNCAxOS43ODE0IDMuMjU3MjlMOS44MTA4NCAxNy40NzY2QzkuMjczNTQgMTguMjQyOCA4LjA5MjQ2IDE4LjE1MSA3LjY4NDg4IDE3LjMxMTJMMC4xMjE1NDQgMS43MjgwNEMtMC4yODYwMyAwLjg4ODI5NiAwLjM4NTU4NiAtMC4wNjk1MTUyIDEuMzMwNDYgMC4wMDM5ODI1NEwxOC44NjQ0IDEuMzY3ODZaIiBmaWxsPSIjRkY1MDM4Ii8+Cjwvc3ZnPgo=);
}

.base__icon__svg.square {
  width: 20px;
  height: 20px;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjYiIGhlaWdodD0iMjYiIHZpZXdCb3g9IjAgMCAyNiAyNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3QgeD0iNy43MzYzNSIgeT0iMS45MjI1NyIgd2lkdGg9IjE3IiBoZWlnaHQ9IjE3IiB0cmFuc2Zvcm09InJvdGF0ZSgyMCA3LjczNjM1IDEuOTIyNTcpIiBzdHJva2U9IiNGRjUwMzgiIHN0cm9rZS13aWR0aD0iMyIvPgo8L3N2Zz4K);
}

.base__icon__svg.arrow_next {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzAiIGhlaWdodD0iMzAiIHZpZXdCb3g9IjAgMCAzMCAzMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEwIDYuMjVMMTguNzUgMTVMMTAgMjMuNzUiIHN0cm9rZT0iIzE2MTcyMCIgc3Ryb2tlLXdpZHRoPSIzIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==);
}

.base__icon__svg.arrow_prev {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzAiIGhlaWdodD0iMzAiIHZpZXdCb3g9IjAgMCAzMCAzMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTIwIDIzLjc1TDExLjI1IDE1TDIwIDYuMjUiIHN0cm9rZT0iIzE2MTcyMCIgc3Ryb2tlLXdpZHRoPSIzIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==);
}

.base__icon__svg.icon-close {
  background-image: url(data:image/svg+xml;base64,Cjxzdmcgd2lkdGg9JzIwJyBoZWlnaHQ9JzIwJyB2aWV3Qm94PScwIDAgMjAgMjAnIGZpbGw9J25vbmUnIHhtbG5zPSdodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Zyc+PHBhdGggZD0nTTIgMThMMTggMk0yIDJMMTggMTgnIHN0cm9rZT0nIzE2MTcyMCcgc3Ryb2tlLXdpZHRoPSczJyBzdHJva2UtbGluZWNhcD0ncm91bmQnIHN0cm9rZS1saW5lam9pbj0ncm91bmQnLz48L3N2Zz4K);
}

.base__icon__svg.icon__folder {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzk3XzIwMjAxKSI+CjxwYXRoIGQ9Ik02LjExMzk4IDQuMDAwMDJMNy40NDczMiA1LjMzMzM1SDEzLjMzNFYxMkgyLjY2NzMyVjQuMDAwMDJINi4xMTM5OFpNNi42NjczMiAyLjY2NjY5SDIuNjY3MzJDMS45MzM5OCAyLjY2NjY5IDEuMzQwNjUgMy4yNjY2OSAxLjM0MDY1IDQuMDAwMDJMMS4zMzM5OCAxMkMxLjMzMzk4IDEyLjczMzQgMS45MzM5OCAxMy4zMzM0IDIuNjY3MzIgMTMuMzMzNEgxMy4zMzRDMTQuMDY3MyAxMy4zMzM0IDE0LjY2NzMgMTIuNzMzNCAxNC42NjczIDEyVjUuMzMzMzVDMTQuNjY3MyA0LjYwMDAyIDE0LjA2NzMgNC4wMDAwMiAxMy4zMzQgNC4wMDAwMkg4LjAwMDY1TDYuNjY3MzIgMi42NjY2OVoiIGZpbGw9IiMxNjE3MjAiLz4KPC9nPgo8ZGVmcz4KPGNsaXBQYXRoIGlkPSJjbGlwMF85N18yMDIwMSI+CjxyZWN0IHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0id2hpdGUiLz4KPC9jbGlwUGF0aD4KPC9kZWZzPgo8L3N2Zz4K);
}

.base__icon__svg.icon__check {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTkiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxOSAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTQuMjUgOS41TDguNDUgMTMuNUwxNC43NSA0LjUiIHN0cm9rZT0id2hpdGUiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=);
}

.base__icon__svg.icon__check__circle {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEzLjMzMjcgNi40NjMzNFY3QzEzLjMzMiA4LjI1NzkyIDEyLjkyNDYgOS40ODE5IDEyLjE3MTUgMTAuNDg5NEMxMS40MTgzIDExLjQ5NjkgMTAuMzU5NiAxMi4yMzM5IDkuMTUzMzEgMTIuNTkwNkM3Ljk0NzAyIDEyLjk0NzMgNi42NTc3NSAxMi45MDQ0IDUuNDc3NzkgMTIuNDY4NUM0LjI5NzgzIDEyLjAzMjYgMy4yOTA0IDExLjIyNjkgMi42MDU3NCAxMC4xNzE2QzEuOTIxMDkgOS4xMTYzNiAxLjU5NTg5IDcuODY4MDQgMS42Nzg2NiA2LjYxMjg1QzEuNzYxNDMgNS4zNTc2NyAyLjI0NzcyIDQuMTYyODYgMy4wNjUwMSAzLjIwNjYzQzMuODgyMyAyLjI1MDQgNC45ODY4MSAxLjU4Mzk4IDYuMjEzNzkgMS4zMDY3NUM3LjQ0MDc4IDEuMDI5NTMgOC43MjQ1MSAxLjE1NjM3IDkuODczNTIgMS42NjgzNE0xMy4zMzI3IDIuMzMzMzRMNy40OTkzNSA4LjE3MjVMNS43NDkzNSA2LjQyMjUiIHN0cm9rZT0iI0ZGNTAzOCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=);
}

.base__icon__svg.icon__fig {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMyA3LjQzODAyQzEyLjMyMDUgNy40MzgwMiAxMS42Njg5IDcuNzA3OTQgMTEuMTg4NCA4LjE4ODRDMTAuNzA3OSA4LjY2ODg3IDEwLjQzOCA5LjMyMDUyIDEwLjQzOCAxMEMxMC40MzggMTAuNjc5NSAxMC43MDc5IDExLjMzMTEgMTEuMTg4NCAxMS44MTE2QzExLjY2ODkgMTIuMjkyMSAxMi4zMjA1IDEyLjU2MiAxMyAxMi41NjJDMTMuNjc5NSAxMi41NjIgMTQuMzMxMSAxMi4yOTIxIDE0LjgxMTYgMTEuODExNkMxNS4yOTIxIDExLjMzMTEgMTUuNTYyIDEwLjY3OTUgMTUuNTYyIDEwQzE1LjU2MiA5LjMyMDUyIDE1LjI5MjEgOC42Njg4NyAxNC44MTE2IDguMTg4NEMxNC4zMzExIDcuNzA3OTQgMTMuNjc5NSA3LjQzODAyIDEzIDcuNDM4MDJaTTEwLjM3MDMgNy4zNzAyNkMxMS4wNjc3IDYuNjcyODEgMTIuMDEzNyA2LjI4MDk5IDEzIDYuMjgwOTlDMTMuOTg2MyA2LjI4MDk5IDE0LjkzMjMgNi42NzI4MSAxNS42Mjk3IDcuMzcwMjZDMTYuMzI3MiA4LjA2NzcxIDE2LjcxOSA5LjAxMzY2IDE2LjcxOSAxMEMxNi43MTkgMTAuOTg2MyAxNi4zMjcyIDExLjkzMjMgMTUuNjI5NyAxMi42Mjk3QzE0LjkzMjMgMTMuMzI3MiAxMy45ODYzIDEzLjcxOSAxMyAxMy43MTlDMTIuMDEzNyAxMy43MTkgMTEuMDY3NyAxMy4zMjcyIDEwLjM3MDMgMTIuNjI5N0M5LjY3MjgxIDExLjkzMjMgOS4yODA5OSAxMC45ODYzIDkuMjgwOTkgMTBDOS4yODA5OSA5LjAxMzY2IDkuNjcyODEgOC4wNjc3MSAxMC4zNzAzIDcuMzcwMjZaIiBmaWxsPSJ3aGl0ZSIvPgo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTYuNzE5MDEgMTMuNzE5QzYuMDM5NTMgMTMuNzE5IDUuMzg3ODggMTMuOTg4OSA0LjkwNzQxIDE0LjQ2OTRDNC40MjY5NSAxNC45NDk5IDQuMTU3MDIgMTUuNjAxNSA0LjE1NzAyIDE2LjI4MUM0LjE1NzAyIDE2Ljk2MDUgNC40MjY5NSAxNy42MTIxIDQuOTA3NDEgMTguMDkyNkM1LjM4Nzg4IDE4LjU3MzEgNi4wMzk1MyAxOC44NDMgNi43MTkwMSAxOC44NDNDNy4zOTg0OSAxOC44NDMgOC4wNTAxNCAxOC41NzMxIDguNTMwNiAxOC4wOTI2QzkuMDExMDcgMTcuNjEyMSA5LjI4MDk5IDE2Ljk2MDUgOS4yODA5OSAxNi4yODFWMTMuNzE5SDYuNzE5MDFaTTQuMDg5MjcgMTMuNjUxM0M0Ljc4NjcyIDEyLjk1MzggNS43MzI2NyAxMi41NjIgNi43MTkwMSAxMi41NjJIMTAuNDM4VjE2LjI4MUMxMC40MzggMTcuMjY3MyAxMC4wNDYyIDE4LjIxMzMgOS4zNDg3NCAxOC45MTA3QzguNjUxMjkgMTkuNjA4MiA3LjcwNTM1IDIwIDYuNzE5MDEgMjBDNS43MzI2NyAyMCA0Ljc4NjcyIDE5LjYwODIgNC4wODkyNyAxOC45MTA3QzMuMzkxODIgMTguMjEzMyAzIDE3LjI2NzMgMyAxNi4yODFDMyAxNS4yOTQ2IDMuMzkxODIgMTQuMzQ4NyA0LjA4OTI3IDEzLjY1MTNaIiBmaWxsPSJ3aGl0ZSIvPgo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTkuMjgwOTkgMEgxM0MxMy45ODYzIDAgMTQuOTMyMyAwLjM5MTgyMyAxNS42Mjk3IDEuMDg5MjdDMTYuMzI3MiAxLjc4NjcyIDE2LjcxOSAyLjczMjY3IDE2LjcxOSAzLjcxOTAxQzE2LjcxOSA0LjcwNTM1IDE2LjMyNzIgNS42NTEyOSAxNS42Mjk3IDYuMzQ4NzRDMTQuOTMyMyA3LjA0NjE5IDEzLjk4NjMgNy40MzgwMiAxMyA3LjQzODAySDkuMjgwOTlWMFpNMTAuNDM4IDEuMTU3MDJWNi4yODA5OUgxM0MxMy42Nzk1IDYuMjgwOTkgMTQuMzMxMSA2LjAxMTA3IDE0LjgxMTYgNS41MzA2QzE1LjI5MjEgNS4wNTAxNCAxNS41NjIgNC4zOTg0OSAxNS41NjIgMy43MTkwMUMxNS41NjIgMy4wMzk1MyAxNS4yOTIxIDIuMzg3ODggMTQuODExNiAxLjkwNzQxQzE0LjMzMTEgMS40MjY5NSAxMy42Nzk1IDEuMTU3MDIgMTMgMS4xNTcwMkgxMC40MzhaIiBmaWxsPSJ3aGl0ZSIvPgo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTQuMDg5MjcgMS4wODkyN0M0Ljc4NjcyIDAuMzkxODIzIDUuNzMyNjcgMCA2LjcxOTAxIDBIMTAuNDM4VjcuNDM4MDJINi43MTkwMUM1LjczMjY3IDcuNDM4MDIgNC43ODY3MiA3LjA0NjE5IDQuMDg5MjcgNi4zNDg3NEMzLjM5MTgyIDUuNjUxMjkgMyA0LjcwNTM1IDMgMy43MTkwMUMzIDIuNzMyNjcgMy4zOTE4MiAxLjc4NjcyIDQuMDg5MjcgMS4wODkyN1pNNi43MTkwMSAxLjE1NzAyQzYuMDM5NTMgMS4xNTcwMiA1LjM4Nzg4IDEuNDI2OTUgNC45MDc0MSAxLjkwNzQxQzQuNDI2OTUgMi4zODc4OCA0LjE1NzAyIDMuMDM5NTMgNC4xNTcwMiAzLjcxOTAxQzQuMTU3MDIgNC4zOTg0OSA0LjQyNjk1IDUuMDUwMTQgNC45MDc0MSA1LjUzMDZDNS4zODc4OCA2LjAxMTA3IDYuMDM5NTMgNi4yODA5OSA2LjcxOTAxIDYuMjgwOTlIOS4yODA5OVYxLjE1NzAySDYuNzE5MDFaIiBmaWxsPSJ3aGl0ZSIvPgo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTQuMDg5MjcgNy4zNzAyNkM0Ljc4NjcyIDYuNjcyODEgNS43MzI2NyA2LjI4MDk5IDYuNzE5MDEgNi4yODA5OUgxMC40MzhWMTMuNzE5SDYuNzE5MDFDNS43MzI2NyAxMy43MTkgNC43ODY3MiAxMy4zMjcyIDQuMDg5MjcgMTIuNjI5N0MzLjM5MTgyIDExLjkzMjMgMyAxMC45ODYzIDMgMTBDMyA5LjAxMzY2IDMuMzkxODIgOC4wNjc3MSA0LjA4OTI3IDcuMzcwMjZaTTYuNzE5MDEgNy40MzgwMkM2LjAzOTUzIDcuNDM4MDIgNS4zODc4OCA3LjcwNzk0IDQuOTA3NDEgOC4xODg0QzQuNDI2OTUgOC42Njg4NyA0LjE1NzAyIDkuMzIwNTIgNC4xNTcwMiAxMEM0LjE1NzAyIDEwLjY3OTUgNC40MjY5NSAxMS4zMzExIDQuOTA3NDEgMTEuODExNkM1LjM4Nzg4IDEyLjI5MjEgNi4wMzk1MyAxMi41NjIgNi43MTkwMSAxMi41NjJIOS4yODA5OVY3LjQzODAySDYuNzE5MDFaIiBmaWxsPSJ3aGl0ZSIvPgo8L3N2Zz4K);
}

.base__icon__svg.icon__pause {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzYwNjJfMjE4KSI+CjxwYXRoIGQ9Ik0xOCAxMEMxOCAxNC40MTgzIDE0LjQxODMgMTggMTAgMThDNS41ODE3MiAxOCAyIDE0LjQxODMgMiAxMEMyIDUuNTgxNzIgNS41ODE3MiAyIDEwIDJDMTQuNDE4MyAyIDE4IDUuNTgxNzIgMTggMTBaIiBmaWxsPSIjMUYyMTI0Ii8+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMTIuNjY2NyAxMy4yQzEyLjk2MTMgMTMuMiAxMy4yIDEyLjk5NTQgMTMuMiAxMi43NDI5VjcuMjU3MTlDMTMuMiA3LjAwNDcyIDEyLjk2MTMgNi44MDAwNSAxMi42NjY3IDYuODAwMDVIMTEuNkMxMS4zMDU1IDYuODAwMDUgMTEuMDY2NyA3LjAwNDcyIDExLjA2NjcgNy4yNTcxOVYxMi43NDI5QzExLjA2NjcgMTIuOTk1NCAxMS4zMDU1IDEzLjIgMTEuNiAxMy4ySDEyLjY2NjdaTTguNDAwMDUgMTMuMkM4LjY5NDYgMTMuMiA4LjkzMzM4IDEyLjk5NTQgOC45MzMzOCAxMi43NDI5VjcuMjU3MTlDOC45MzMzOCA3LjAwNDcyIDguNjk0NiA2LjgwMDA1IDguNDAwMDUgNi44MDAwNUg3LjMzMzM4QzcuMDM4ODMgNi44MDAwNSA2LjgwMDA1IDcuMDA0NzIgNi44MDAwNSA3LjI1NzE5VjEyLjc0MjlDNi44MDAwNSAxMi45OTU0IDcuMDM4ODMgMTMuMiA3LjMzMzM4IDEzLjJIOC40MDAwNVoiIGZpbGw9IndoaXRlIi8+CjwvZz4KPGRlZnM+CjxjbGlwUGF0aCBpZD0iY2xpcDBfNjA2Ml8yMTgiPgo8cmVjdCB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIGZpbGw9IndoaXRlIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgyIDIpIi8+CjwvY2xpcFBhdGg+CjwvZGVmcz4KPC9zdmc+Cg==);
}

@media (max-width: 480px) {
  .base__icon__svg.xs-w-16 {
    width: 16px;
    height: 16px;
  }
  .base__icon__svg.xs-mr-1 {
    margin-right: 4px;
  }
  .base__icon__svg.xs-hidden {
    display: none;
  }
  .base__icon__svg.xs-inline {
    display: inline;
  }
}

@media (max-width: 1024px) {
  .base__icon__svg.lg-hidden {
    display: none;
  }
  .base__icon__svg.lg-inline {
    display: inline;
  }
}

.base__icon__svg {
  background-repeat: no-repeat;
  background-size: cover;
  width: 16px;
  height: 16px;
  margin-right: 8px;
  display: inline-block;
}

.base__icon__svg.icon__hamburger {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTMuNzUgNi43NUgyMC4yNU0zLjc1IDEySDIwLjI1TTMuNzUgMTcuMjVIMjAuMjUiIHN0cm9rZT0iIzE2MTcyMCIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K);
}

.base__icon__svg {
  background-repeat: no-repeat;
  background-size: cover;
  width: 16px;
  height: 16px;
  margin-right: 8px;
  display: inline-block;
}

.base__icon__svg.icon-close {
  background-image: url(data:image/svg+xml;base64,Cjxzdmcgd2lkdGg9JzIwJyBoZWlnaHQ9JzIwJyB2aWV3Qm94PScwIDAgMjAgMjAnIGZpbGw9J25vbmUnIHhtbG5zPSdodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Zyc+PHBhdGggZD0nTTIgMThMMTggMk0yIDJMMTggMTgnIHN0cm9rZT0nIzE2MTcyMCcgc3Ryb2tlLXdpZHRoPSczJyBzdHJva2UtbGluZWNhcD0ncm91bmQnIHN0cm9rZS1saW5lam9pbj0ncm91bmQnLz48L3N2Zz4K);
}

.base__icon__svg.icon__close {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTIuNjY2MDIgMTMuMzMzMkwxMy4zMzI3IDIuNjY2NU0yLjY2NjAyIDIuNjY2NUwxMy4zMzI3IDEzLjMzMzIiIHN0cm9rZT0iIzlDQTVCMiIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K);
}

html,
body {
  margin: 0;
  padding: 0;
  font-weight: 400;
  margin: 0;
}

.icon-loading-ripple {
  width: 34px;
}

#loading-spinner {
  display: none;
}

#loading-spinner.active {
  display: block !important;
}

#loading-spinner .loading_global img.icon-loading-ripple {
  width: 64px;
}

.text-center {
  text-align: center;
}

.d-flex {
  display: flex;
}

.flex-direction-row {
  flex-direction: row;
}

.flex-direction-column {
  flex-direction: column;
}

.align-items-center {
  align-items: center;
}

.justify-content-between {
  justify-content: space-between;
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

.spinner {
  display: inline-block;
  border: 6px solid #d0cbcb;
  border-top: 6px solid #fff;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  animation: spin 0.75s linear infinite;
}

.loading_global {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99999999999;
  width: 100%;
  height: 100%;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  background: rgba(0, 0, 0, 0.5);
}

.loading_global #ripple-loading-icon,
.loading_global img {
  width: 60px;
}

.spinner {
  border-top: 6px solid rgba(0, 0, 0, 0);
}

.loader-container {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.overlay {
  background: rgba(0, 0, 0, 0.5);
}

#pseudo-layer {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1001;
  background-color: rgba(0, 0, 0, 0.5);
  display: none;
}

img.skip-loading {
  display: inline-block !important;
  opacity: 0 !important;
}

._hj_feedback_container.show-banner {
  position: relative;
  z-index: 2;
}

ul,
ol {
  list-style: none;
  margin: 0;
  padding: 0;
}

button {
  border: none;
  padding: 0;
  background: rgba(0, 0, 0, 0);
}

button,
input {
  outline: none;
}

button {
  cursor: pointer;
}

a {
  text-decoration: none;
}

h1,
h2,
h3,
h4,
h5,
p {
  margin: 0;
}

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video,
em {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
}

body {
  overflow: hidden;
}

body #header .logo > a img.template-1 {
  display: none;
  width: 24px;
}

body #header .logo > a > p {
  display: none;
  font-size: 13px;
  font-weight: 600;
  line-height: 19.5px;
  text-align: left;
  color: #1e0dff;
  margin-left: 16px;
}

body .main-container {
  overflow: hidden;
}

body .main-container .main-content {
  overflow-y: auto;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

body #btn-pricing .pricing-plan::before {
  content: "Pricing";
}

body #btn-go-unlimited .unlimited_plan::before {
  content: "Go Unlimited";
}

body .main-container {
  display: block;
}

body .main-container .side-bar {
  display: none;
  background: #fff;
}

body .main-container .side-bar.active-dashboard {
  display: block;
  z-index: 99999;
}

body .main-container .main-content {
  flex: 1;
  min-width: 0;
}

body.non-scroll {
  overflow: hidden;
}

#header {
  background-color: #fff;
}

body #header {
  position: sticky;
  z-index: 4;
}

body #pricing-banner {
  position: sticky;
  top: 0px;
  z-index: 1;
}

@media (min-width: 1024px) {
  body body#home_page #pricing-banner {
    position: sticky;
    top: 0px;
    z-index: 3;
  }
  body#file_format_landing_page #header {
    top: 0px;
  }

  body .main-container {
    display: flex;
    flex-direction: column;
    grid-area: main-container;
  }
  body .main-container .side-bar {
    flex: 0 0 48px;
    min-width: 0;
    display: block;
  }
  body .main-container .main-content {
    flex: 1;
    min-width: 0;
    max-height: 100vh;
    position: relative;
  }
  body#home_page .main-content,
  body#landing_page .main-content,
  body#search_page .main-content,
  body#main_category_page .main-content {
    z-index: 1;
  }
  body#home_page .main-content aside #dashboard #dialog-content,
  body#file_format_landing_page .main-content aside #dashboard #dialog-content,
  body#landing_page .main-content aside #dashboard #dialog-content,
  body#search_page .main-content aside #dashboard #dialog-content,
  body#main_category_page .main-content aside #dashboard #dialog-content {
    top: 153px !important;
  }
  body#home_page #header,
  body#file_format_landing_page #header,
  body#landing_page #header,
  body#search_page #header,
  body#main_category_page #header {
    top: 0px;
    min-height: 56px;
  }

  body.publisher .body-container aside#dashboard,
  body.signedin .body-container aside#dashboard {
    display: unset;
  }
  body.publisher .body-container .side-bar-content,
  body.signedin .body-container .side-bar-content {
    opacity: 0;
  }
  #header.sticky {
    top: 0px;
    height: auto;
  }
  #header .logo img.template-1 {
    width: unset !important;
  }
}

iframe[id="launcher"] {
  z-index: 9998 !important;
}

.has-faded {
  position: relative;
}

.has-faded .fade {
  position: absolute;
  top: 0;
  background-image: linear-gradient(
    to left,
    rgba(255, 255, 255, 0),
    rgb(255, 255, 255)
  );
  width: 100px;
  height: 100%;
  z-index: 2;
  display: none;
  animation: fade-in 1s ease-in-out;
}

.has-faded .fade.right {
  right: 0;
  background-image: linear-gradient(
    to right,
    rgba(255, 255, 255, 0),
    rgb(255, 255, 255)
  );
}

#business-pricing-banner {
  display: none;
}

.navigation {
  position: fixed;
  top: 0;
  bottom: 0;
  left: -100%;
  width: 100%;
  background: #fff;
  z-index: 1002;
  transition: all 0.3s ease-in-out;
  z-index: 9999;
  display: flex;
  flex-direction: column;
}

.navigation > img {
  margin: auto 16px 8px 16px;
}

.navigation .section-user-container {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.navigation .section-user-container #banner-dashboard {
  margin: auto 16px 8px 16px;
}

.navigation > ul {
  margin-bottom: 10px;
}

.navigation .section-user {
  display: none;
}

.navigation .nav-root-item .title-container {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
}

.navigation.active {
  left: 0;
}

.navigation.active + #pseudo-layer {
  display: block;
}

.navigation.active .icon__arrow__left {
  display: inherit;
  position: absolute;
  right: 16px;
}

.navigation.active #section-user {
  flex: 1 0;
  overflow: hidden;
  display: flex;
}

.navigation.active .section-user {
  padding: 0 16px;
  border-bottom: 1px solid #e9eef3;
}

.navigation.active .section-user #dashboard-mobile {
  height: 100%;
  overflow: hidden;
}

.navigation.active .section-user li {
  font-size: 14px;
  font-weight: 600;
  line-height: 14px;
  padding: 8px 12px 8px 0;
  height: 40px;
  cursor: pointer;
}

.navigation.active .section-user li a {
  color: #161720;
}

.navigation .head-burger {
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid #dee1e5;
  align-items: center;
  padding: 13px 16px;
}

.navigation .head-burger > span {
  font-size: 13px;
  line-height: 19.5px;
}

.navigation .head-burger.active #close-submenu,
.navigation .head-burger.active #sub-menu-title {
  display: block;
}

.navigation .head-burger #close-submenu,
.navigation .head-burger #sub-menu-title {
  display: none;
}

.navigation .head-burger.show-sub-menu #close-submenu,
.navigation .head-burger.show-sub-menu #sub-menu-title {
  display: block;
}

.navigation .head-burger > button {
  width: 14px;
  height: 14px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.navigation .head-burger p {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.navigation .head-burger p button {
  width: 32px;
  height: 32px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.navigation .main-menu {
  flex-wrap: wrap;
  padding: 0;
  display: none;
  justify-content: space-between;
  align-items: flex-start;
  position: relative;
  list-style: none;
  margin: 0;
  overflow-y: auto;
}

.navigation .main-menu li {
  width: 176px;
  cursor: pointer;
}

.navigation .main-menu li span,
.navigation .main-menu li a {
  display: inline-block;
  width: 100%;
  font-size: 14px;
  line-height: 12px;
  font-weight: 500;
  color: #000;
  white-space: nowrap;
}

.navigation .main-menu li span i.icon-left,
.navigation .main-menu li a i.icon-left {
  display: inherit;
  position: absolute;
  right: 16px;
  transform: rotate(180deg);
}

.navigation .main-menu li .sub-menu {
  display: block;
  padding: 0;
  box-shadow: unset;
  overflow-y: auto;
  position: absolute;
  width: 100vw;
  left: -156px;
  top: 56px;
  z-index: 999;
  background: #fff;
}

.navigation .main-menu li .sub-menu.active {
  opacity: 1;
  pointer-events: auto;
  overflow-y: scroll;
  height: calc(100vh - 56px);
  z-index: 9999;
  overflow-x: hidden;
  position: relative;
}

.navigation .main-menu li .sub-menu .container-sub-menu {
  position: relative;
  max-width: 1720px;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  overflow-x: auto;
  flex-wrap: wrap;
  padding: 0;
  width: 100%;
}

.navigation .main-menu li .sub-menu .container-sub-menu > ul {
  min-width: 210px;
  display: block;
  padding: 0;
  width: 100%;
}

.navigation .main-menu li .sub-menu .container-sub-menu > ul li {
  display: block;
  text-overflow: ellipsis;
  overflow: hidden;
  margin: 0;
}

.navigation .main-menu li .sub-menu .container-sub-menu > ul li a {
  display: block;
  color: #828994;
  font-size: 12px;
  font-weight: 400;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.navigation
  .main-menu
  li
  .sub-menu
  .container-sub-menu
  .file-format-in-sub-menu {
  width: 100%;
  background: #f9fafc;
  border-radius: 20px;
  padding: 16px 32px;
}

.navigation
  .main-menu
  li
  .sub-menu
  .container-sub-menu
  .file-format-in-sub-menu
  .title-file-format
  span {
  display: block;
  line-height: 20px;
  padding: 5px 19px;
  cursor: auto;
  font-weight: 600;
}

.navigation
  .main-menu
  li
  .sub-menu
  .container-sub-menu
  .file-format-in-sub-menu
  .item-file-format {
  margin-top: 4px;
}

.navigation
  .main-menu
  li
  .sub-menu
  .container-sub-menu
  .file-format-in-sub-menu
  .item-file-format
  li {
  padding: 0;
  margin: 0 0 4px;
}

.navigation
  .main-menu
  li
  .sub-menu
  .container-sub-menu
  .file-format-in-sub-menu
  .item-file-format
  li
  a {
  display: inline-block;
  padding: 8px 20px;
  font-size: 12px;
  font-weight: 400;
  line-height: 12px;
  text-transform: capitalize;
  white-space: nowrap;
  text-decoration: none;
  color: #161720;
  transition: all 0.3s ease-in-out;
}

.navigation .main-menu li .sub-menu .container-sub-menu .popular {
  display: none;
  margin-top: 12px;
  margin-left: 0.4%;
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: column;
}

.navigation .main-menu li .sub-menu .container-sub-menu .popular .title {
  padding: 0;
}

.navigation .main-menu li .sub-menu .container-sub-menu .popular a {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  text-decoration: none;
  color: #161720;
  transition: all 0.3s ease-in-out;
}

.navigation .main-menu li .sub-menu .container-sub-menu .popular a h3 {
  font-size: 16px;
  font-weight: 600;
  line-height: 19px;
}

.navigation
  .main-menu
  li
  .sub-menu
  .container-sub-menu
  .popular
  .template-popular {
  display: none;
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: column;
  margin-top: 16px;
}

.navigation
  .main-menu
  li
  .sub-menu
  .container-sub-menu
  .popular
  .template-popular
  .template-card {
  position: relative;
}

.navigation
  .main-menu
  li
  .sub-menu
  .container-sub-menu
  .popular
  .template-popular
  .template-card
  p {
  font-size: 12px;
  font-weight: 600;
  line-height: 14px;
  padding: 5px 10px;
  position: absolute;
  top: 16px;
  left: 16px;
  background: #fff;
  border-radius: 16px;
  text-transform: capitalize;
}

.navigation
  .main-menu
  li
  .sub-menu
  .container-sub-menu
  .popular
  .template-popular
  .template-card
  img {
  border-radius: 20px;
  object-fit: cover;
  border: 1px solid #f2f3f4;
}

.navigation .main-menu li .sub-menu .container-sub-menu .popular-mobile {
  margin: 24px auto 100px;
  display: flex;
  justify-content: center;
  align-items: baseline;
  border-radius: 99px;
  border: 1px solid #e1e4e8;
  padding: 10px 16px;
  width: 90%;
}

.navigation .main-menu li .sub-menu .container-sub-menu .popular-mobile a {
  font-size: 11px;
  font-weight: 500;
  line-height: 11px;
  padding: 0;
  width: unset;
}

.navigation .main-menu li .popular-mobile a {
  white-space: nowrap;
}

.navigation .main-menu {
  overflow-y: unset;
}

.navigation .main-menu li .sub-menu {
  display: none;
}

.navigation .main-menu li.nav-root-item.active {
  display: flex;
  flex-direction: column;
}

.navigation .main-menu li.nav-root-item.active .sub-menu {
  display: block;
  position: relative;
}

.navigation .main-menu li.nav-root-item.active .sub-menu ul {
  position: relative;
  column-count: 1;
}

.navigation .main-menu::-webkit-scrollbar {
  display: none;
}

.navigation #banner-dashboard {
  display: flex;
}

.navigation #banner-dashboard img {
  width: 100%;
  cursor: pointer;
}

@media (min-width: 1024px) {
  .navigation {
    display: block;
    overflow-y: unset;
    position: relative;
    top: unset;
    bottom: unset;
    left: unset;
    width: unset;
    z-index: unset;
  }
  .navigation > img {
    display: none;
  }
  .navigation .section-user-container > img {
    display: none;
  }
  .navigation .section-user-container .main-menu {
    display: flex;
  }
  .navigation #main-sub-menu {
    display: none;
  }
  .navigation .section-user-container {
    overflow-y: unset;
  }
  .navigation .icon__arrow__left {
    display: none;
  }
  .navigation .head-burger {
    display: none;
    padding: unset;
  }
  .navigation .main-menu {
    overflow-y: unset;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    position: relative;
    list-style: none;
    margin: 0;
    padding: 0;
    transition: all 0.3s ease-in-out;
    flex-wrap: nowrap;
  }
  .navigation .main-menu li {
    width: auto;
  }
  .navigation .main-menu li.hover:hover .sub-menu {
    display: block;
  }
  .navigation .main-menu li.hover:hover .sub-menu .container-sub-menu ul {
    opacity: 1;
  }
  .navigation .main-menu li.nav-root-item.hover:hover .sub-menu {
    display: block;
  }
  .navigation
    .main-menu
    li.nav-root-item.hover:hover
    .sub-menu
    .container-sub-menu
    ul {
    opacity: 1;
    display: grid;
    grid-template-rows: repeat(7, 1fr);
    grid-auto-flow: column;
  }
  .navigation .main-menu li::after {
    display: block;
    content: "";
    border-bottom: solid 2px #ff5038;
    transform: scaleX(0);
    transition: transform 250ms ease-in-out;
    position: relative;
    left: 16px;
    width: calc(100% - 32px);
  }
  .navigation .main-menu li span,
  .navigation .main-menu li a {
    font-size: 14px;
    line-height: 16px;
    font-weight: unset;
  }
  .navigation .main-menu li .sub-menu {
    display: none;
    opacity: 1;
    pointer-events: auto;
    z-index: 999;
    padding: 30px 170px;
    box-shadow: 0 4px 4px rgba(66, 90, 97, 0.08);
  }
  .navigation .main-menu li .sub-menu .container-sub-menu {
    position: relative;
    max-width: 1720px;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    overflow-x: auto;
    flex-wrap: nowrap;
    padding: 0;
    max-height: 100%;
    width: 100%;
    gap: 1%;
  }
  .navigation
    .main-menu
    li
    .sub-menu
    .container-sub-menu
    .popular
    .template-popular {
    display: flex;
  }
  .navigation .main-menu li .sub-menu .container-sub-menu > ul {
    min-width: 0;
    position: relative;
    list-style: none;
    margin: 0;
    width: 100%;
    transition: all 0.3s ease-in-out;
  }
  .navigation .main-menu li .sub-menu .container-sub-menu > ul li {
    max-width: 205px;
    width: max-content;
    padding: 0;
    break-inside: avoid-column;
    -webkit-column-break-inside: avoid;
    display: block;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }
  .navigation .main-menu li .sub-menu .container-sub-menu > ul li:hover a {
    color: #1e0dff;
  }
  .navigation .main-menu li .sub-menu .container-sub-menu > ul li a {
    display: block;
    padding: 4px;
    font-size: 12px;
    line-height: 18px;
    font-weight: 500;
    text-transform: capitalize;
    white-space: nowrap;
    text-decoration: none;
    color: #1f2124;
    transition: all 0.3s ease-in-out;
  }
  .navigation .main-menu li .sub-menu .container-sub-menu ul li:hover a,
  .navigation
    .main-menu
    li
    .sub-menu
    .container-sub-menu
    ul.item-file-format
    li:hover
    a {
    color: #1e0dff;
  }
  .navigation
    .main-menu
    li
    .sub-menu
    .container-sub-menu
    .file-format-in-sub-menu {
    margin-left: 24px;
    padding: 16px 32px 16px 8px;
    max-width: unset;
  }
  .navigation
    .main-menu
    li
    .sub-menu
    .container-sub-menu
    .file-format-in-sub-menu
    .item-file-format
    li
    a {
    font-size: 14px;
    line-height: 16px;
  }
  .navigation .main-menu li .sub-menu .container-sub-menu .popular {
    display: flex;
  }
  .navigation .main-menu li .sub-menu .container-sub-menu .popular i {
    display: block;
    border-radius: 50%;
    background-color: #e1e4e8;
  }
  .navigation .main-menu li .sub-menu .container-sub-menu .popular-mobile {
    display: none;
  }
  .navigation .main-menu > li:hover::after {
    transform: scaleX(1);
  }
  .navigation .main-menu > li:hover .sub-menu {
    display: block;
  }
  .navigation .main-menu > li:hover .sub-menu .container-sub-menu ul {
    opacity: 1;
    display: grid;
    grid-template-rows: repeat(5, 1fr);
    grid-auto-flow: column;
  }
  .navigation .main-menu > li.active::after {
    transform: scaleX(1);
  }
  .navigation .business-menu {
    justify-content: flex-start;
  }
  .navigation #banner-dashboard {
    display: none;
  }
  .has-left-side-bar .navigation .main-menu > li:hover .sub-menu {
    width: calc(100vw - 250px);
  }
  .signedin .navigation .main-menu li .sub-menu {
    padding: 30px 120px;
    left: -107px;
  }
}

@media screen and (min-width: 1600px) {
  .has-left-side-bar .navigation .main-menu > li:hover .sub-menu {
    width: calc(100vw - 350px);
  }
}

.navigation .main-menu .show-more {
  position: relative;
  font-size: 14px;
  line-height: 16px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.navigation .main-menu .show-more span {
  padding: 14px 0px 14px 16px;
}

.navigation .main-menu .show-more i.icon__arrow__left {
  transform: rotate(-90deg);
  margin-left: 4px;
  display: block;
  top: 2px;
  position: relative;
}

.navigation .main-menu .show-more:hover {
  color: #1e0dff;
}

.navigation .main-menu .show-more:hover ul {
  opacity: 1;
  pointer-events: auto;
}

.navigation .main-menu .show-more:hover i {
  transform: rotate(90deg);
  top: -3px;
}

.navigation .main-menu .show-more:hover ul {
  display: flex;
}

.navigation .main-menu .show-more ul {
  position: absolute;
  width: 270px;
  border-radius: 8px;
  background: #fff;
  z-index: 999;
  top: 100%;
  right: 0;
  padding: 14px;
  border: 1px solid #e9eef3;
  transition: all 0.3s ease-in-out;
  display: none;
  flex-direction: column;
}

.navigation .main-menu .show-more ul :not(:first-child) {
  margin-top: 4px;
}

.navigation .main-menu .show-more ul li {
  padding: 0;
}

.navigation .main-menu .show-more ul a {
  padding: 8px 6px;
  display: inline-block;
  width: 100%;
}

.navigation .main-menu .show-more ul a:hover {
  border-radius: 6px;
}

.navigation .main-menu .show-more::after {
  background: none;
  width: calc(100% - 11px);
  right: 0;
  position: absolute;
  height: 40px;
}

.navigation .main-menu .nav-root-item {
  position: relative;
  font-size: 14px;
  line-height: 16px;
  display: flex;
  height: 55px;
  justify-content: center;
  align-items: center;
}

.navigation .main-menu .nav-root-item span {
  padding: 14px 0px 8px 16px;
}

.navigation .main-menu .nav-root-item i.icon__arrow__left {
  transform: rotate(-90deg);
  margin-left: 4px;
  display: block;
  top: 4px;
  position: relative;
}

.navigation .main-menu .nav-root-item ul {
  position: absolute;
  width: 270px;
  background: #fff;
  z-index: 999;
  top: 100%;
  right: 0;
  padding: 14px;
  transition: all 0.3s ease-in-out;
  display: flex;
  flex-direction: column;
}

.navigation .main-menu .nav-root-item ul li {
  padding: 0;
}

.navigation .main-menu .nav-root-item ul a {
  display: inline-block;
  width: 100%;
}

.navigation .main-menu .nav-root-item ul a:hover {
  border-radius: 6px;
}

.navigation .main-menu .nav-root-item::after {
  background: none;
  width: calc(100% - 11px);
  right: 0;
  position: absolute;
  height: 40px;
}

@media (max-width: 479px) {
  .navigation .main-menu li .sub-menu .container-sub-menu {
    max-height: 200px !important;
    overflow-y: auto !important;
  }
}

@media (max-height: 850px) {
  .navigation .main-menu li .sub-menu .container-sub-menu {
    max-height: calc(100vh - 100px);
    overflow-y: auto;
  }
}

.container-new-header .top-header .btn-actions #auth-section-csr .sign-in-icon {
  display: inline-flex;
  color: #fff;
  background: #1e0dff;
  border-radius: 99px;
  white-space: nowrap;
  display: flex;
  align-items: center;
  font-size: 9px;
  line-height: 9px;
  padding: 6px;
  margin-right: 2px;
}

#footer {
  margin-top: 24px;
  background: #f9fafc;
  padding: 0 40px;
}

@media (max-width: 768px) {
  #footer {
    padding: 0 20px;
  }
}

@media (max-width: 479px) {
  #footer {
    padding: 0 20px;
  }
}

.container-footer {
  padding: 0 16px;
}

.container-footer .footer-top {
  padding: 28.18px 0 38px;
  max-width: 100vw;
  margin: 0 auto;
}

.container-footer .footer-top .icon-home {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjA2IiBoZWlnaHQ9IjIwIiB2aWV3Qm94PSIwIDAgMjA2IDIwIiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNMTAuMzYyNyA0LjA5MTkyVjE5LjgzNDdINS41ODk5NlY0LjA5MTkySDBWMC4wMDI0NDE0MUgxNS45NDc0VjQuMDkxOTJIMTAuMzYyN1oiIGZpbGw9IiMxNjE3MjAiLz4KPHBhdGggZD0iTTE4LjEzNjcgMTkuODM0MlYwLjAwMTk1MzEySDMxLjQzMlY0LjAzNTVIMjIuNzM2OVY3Ljc4OTQ0SDMwLjk0NzZWMTEuNjM0MkgyMi43MzY5VjE1Ljc1MTdIMzEuOTI1MlYxOS44NDEyTDE4LjEzNjcgMTkuODM0MloiIGZpbGw9IiMxNjE3MjAiLz4KPHBhdGggZD0iTTUzLjAxNDIgMTkuODM0Mkw1My4xMjU3IDUuODAwNjJINTMuMDQyMUw0Ny45MDE3IDE5LjgzNDJINDQuNTUwOEwzOS41NTE2IDUuODAwNjJIMzkuNDY3OUwzOS41Nzk0IDE5LjgzNDJIMzUuMDgyVjAuMDAxOTUzMTJINDEuODc3OEw0Ni4zODA1IDEyLjcxOTVINDYuNDkyTDUwLjc5NzcgMC4wMDE5NTMxMkg1Ny43MDY4VjE5LjgzNDJINTMuMDE0MloiIGZpbGw9IiMxNjE3MjAiLz4KPHBhdGggZD0iTTc2Ljc1MzYgNi4xMDc3OUM3Ni43NTM2IDcuMjY1ODkgNzYuNTM5OSA4LjI0MTY1IDc2LjExMjQgOS4wMzUwOEM3NS43MDI1IDkuODA5NzYgNzUuMTA3NCAxMC40NzAzIDc0LjM4MDMgMTAuOTU3NUM3My42MTI3IDExLjQ2MDggNzIuNzYxIDExLjgyMTQgNzEuODY1OSAxMi4wMjE4QzcwLjg5NDcgMTIuMjQ4MSA2OS45MDA3IDEyLjM2MDcgNjguOTAzNiAxMi4zNTczSDY2LjUzMjFWMTkuODM3Mkg2MS43NTU5VjAuMDAxNTM1MDJINjkuMDE4NkM3MC4wMzc1IC0wLjAwNTQwMDY2IDcxLjA1NCAwLjEwMjQ2NiA3Mi4wNDg5IDAuMzIzMTAzQzcyLjkyNTggMC41MTEzMDQgNzMuNzU5OCAwLjg2MjgzMyA3NC41MDc1IDEuMzU5NDVDNzUuMjA4MiAxLjgzNTI1IDc1Ljc3NzYgMi40ODA4OCA3Ni4xNjI5IDMuMjM2NDJDNzYuNTU2NyA0LjAxMjM3IDc2Ljc1MzYgNC45Njk0OSA3Ni43NTM2IDYuMTA3NzlaTTcxLjk3NzQgNi4xMzU3NUM3MS45OTQyIDUuNzM0MzIgNzEuODk3NiA1LjMzNjI5IDcxLjY5ODYgNC45ODc1NUM3MS41MTQyIDQuNjkwODcgNzEuMjUzNiA0LjQ0OTQxIDcwLjk0NDEgNC4yODg1QzcwLjYwOCA0LjExNDU2IDcwLjI0NDEgNC4wMDA5OSA2OS44NjkgMy45NTI5NUM2OS40NTczIDMuODk2MjQgNjkuMDQyMSAzLjg2ODIxIDY4LjYyNjYgMy44NjkwNkg2Ni41MzU2VjguNTQ1NzVINjguNTQ2NEM2OC45NzcgOC41NDc0MyA2OS40MDY4IDguNTA5OTkgNjkuODMwNiA4LjQzMzg5QzcwLjIxOCA4LjM2ODA4IDcwLjU5MTIgOC4yMzU2NCA3MC45MzM2IDguMDQyNDNDNzEuMjQ5MiA3Ljg2NTE2IDcxLjUxMzggNy42MDkzNiA3MS43MDIxIDcuMjk5NjhDNzEuOTAwMiA2Ljk0NDkgNzEuOTk2NyA2LjU0MjA4IDcxLjk4MDkgNi4xMzU3NUg3MS45Nzc0WiIgZmlsbD0iIzE2MTcyMCIvPgo8cGF0aCBkPSJNMTA4LjY4IDE5LjgzNDJMMTA3LjE0NSAxNS45NDA0SDk5LjQ5MTRMOTguMDM4MiAxOS44MzQySDkyLjg0MzhMMTAxLjE0IDAuMDAxOTUzMTJIMTA1Ljc3NUwxMTMuOTg3IDE5LjgzNDJIMTA4LjY4Wk0xMDMuMzc0IDUuMzAwOEwxMDAuODU5IDEyLjExNjZIMTA1LjgzMUwxMDMuMzc0IDUuMzAwOFoiIGZpbGw9IiMxNjE3MjAiLz4KPHBhdGggZD0iTTEyMi40MjEgNC4wOTE0M1YxOS44MzQySDExNy42NDVWNC4wOTE0M0gxMTIuMDU3VjAuMDAxOTUzMTJIMTI4LjAwNlY0LjA5MTQzSDEyMi40MjFaIiBmaWxsPSIjMTYxNzIwIi8+CjxwYXRoIGQ9Ik0xMzAuMTc4IDE5LjgzNDJWMC4wMDE5NTMxMkgxNDMuNDczVjQuMDM1NUgxMzQuNzg3VjcuNzg5NDRIMTQyLjk5N1YxMS42MzQySDEzNC43ODdWMTUuNzUxN0gxNDMuOTc1VjE5Ljg0MTJMMTMwLjE3OCAxOS44MzQyWiIgZmlsbD0iIzE2MTcyMCIvPgo8cGF0aCBkPSJNMTUwLjI0MSAxOC40OTAxQzE1MC4yNDEgMTguODgwNSAxNTAuMDkxIDE5LjI1NiAxNDkuODIzIDE5LjUzODdDMTQ5LjY4MSAxOS42ODQ3IDE0OS41MTIgMTkuODAwNyAxNDkuMzI1IDE5Ljg3OTlDMTQ5LjEzOCAxOS45NTkxIDE0OC45MzcgMTkuOTk5OSAxNDguNzM0IDE5Ljk5OTlDMTQ4LjUzMSAxOS45OTk5IDE0OC4zMyAxOS45NTkxIDE0OC4xNDMgMTkuODc5OUMxNDcuOTU2IDE5LjgwMDcgMTQ3Ljc4NiAxOS42ODQ3IDE0Ny42NDUgMTkuNTM4N0MxNDcuMzc2IDE5LjI1NiAxNDcuMjI3IDE4Ljg4MDUgMTQ3LjIyNyAxOC40OTAxQzE0Ny4yMjcgMTguMDk5NyAxNDcuMzc2IDE3LjcyNDIgMTQ3LjY0NSAxNy40NDE1QzE0Ny43ODYgMTcuMjk1MSAxNDcuOTU1IDE3LjE3ODcgMTQ4LjE0MiAxNy4wOTkyQzE0OC4zMyAxNy4wMTk3IDE0OC41MzEgMTYuOTc4OCAxNDguNzM0IDE2Ljk3ODhDMTQ4LjkzNyAxNi45Nzg4IDE0OS4xMzggMTcuMDE5NyAxNDkuMzI1IDE3LjA5OTJDMTQ5LjUxMiAxNy4xNzg3IDE0OS42ODIgMTcuMjk1MSAxNDkuODIzIDE3LjQ0MTVDMTUwLjA5MiAxNy43MjQgMTUwLjI0MSAxOC4wOTk2IDE1MC4yNDEgMTguNDkwMVoiIGZpbGw9IiMxNjE3MjAiLz4KPHBhdGggZD0iTTE2OS4wMTEgMTYuODkyOUgxNjkuMDY3VjAuMDAxOTUzMTJIMTcxLjA3OFYxOS44MzQySDE2OC41NjNMMTU3LjA2MyAyLjc3MzcxSDE1Ny4wMDdWMTkuODM0MkgxNTQuOTk2VjAuMDAxOTUzMTJIMTU3LjUxMUwxNjkuMDExIDE2Ljg5MjlaIiBmaWxsPSIjMTYxNzIwIi8+CjxwYXRoIGQ9Ik0xNzguMzM3IDE4LjA0MTFIMTg4LjkyM1YxOS44MzQySDE3Ni4zMjZWMC4wMDE5NTMxMkgxODguNTg4VjEuNzkzMjhIMTc4LjMzN1Y4LjYwOTA4SDE4Ny45MjFWMTAuNDAwNEgxNzguMzM3VjE4LjA0MTFaIiBmaWxsPSIjMTYxNzIwIi8+CjxwYXRoIGQ9Ik0xOTkuMjAxIDE5LjgzNDJIMTk3LjE5VjEuNzkzMjhIMTkwLjU2OFYwLjAwMTk1MzEySDIwNS44MTlWMS43OTMyOEgxOTkuMTk3TDE5OS4yMDEgMTkuODM0MloiIGZpbGw9IiMxNjE3MjAiLz4KPHBhdGggZD0iTTg0LjQzMyAxNS42NTg5VjBINzkuNjI4OVYxOS44MzRIODkuODY0NEw5MS42MTA0IDE1LjY1ODlIODQuNDMzWiIgZmlsbD0iIzE2MTcyMCIvPgo8L3N2Zz4K);
  width: 122px;
  height: 22px;
  background-size: contain;
}

.container-footer .footer-contain {
  max-width: 100vw;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  flex-direction: column;
  gap: 28px;
}

.container-footer .footer-contain .category-footer {
  white-space: pre;
}

.container-footer .footer-contain .category-footer .icon__arrow__left {
  transform: rotate(270deg);
}

.container-footer .footer-contain .category-footer.active .icon__arrow__left {
  transform: rotate(90deg);
}

.container-footer .footer-contain .item-footer {
  display: none;
}

.container-footer .footer-contain .item-footer.active {
  display: block;
}

.container-footer .footer-contain div {
  width: 100%;
}

.container-footer .footer-contain div .category-footer {
  font-size: 13px;
  font-weight: 600;
  line-height: 19.5px;
  margin-bottom: 0;
  display: flex;
  justify-content: space-between;
}

.container-footer .footer-contain div ul {
  margin-top: 8px;
  column-count: 1;
  column-gap: 24px;
  width: 100%;
  overflow: hidden;
}

.container-footer .footer-contain div ul li {
  white-space: nowrap;
}

.container-footer .footer-contain div ul li a {
  font-size: 12px;
  font-weight: 400;
  line-height: 20px;
  margin-top: 8px;
  cursor: pointer;
  color: #000;
  display: inline-block;
}

.container-footer .footer-contain div ul li a:hover {
  color: #1e0dff;
}

.container-footer .footer-copy-right {
  padding: 30px 0 16px;
}

.container-footer .footer-copy-right p {
  font-size: 10px;
  font-weight: 500;
  line-height: 15px;
  text-align: center;
  color: #888f9a;
}

@media (min-width: 768px) {
  .container-footer .footer-contain .category-footer .icon__arrow__left {
    display: none;
  }
  .container-footer .footer-contain .item-footer {
    display: block;
  }
  .container-footer .footer-contain > div:first-of-type .item-footer {
    display: grid;
    grid-template-columns: 1fr;
  }
}

@media (min-width: 1024px) {
  #footer {
    margin-top: unset;
    padding: 0;
  }
  .container-footer .footer-top {
    padding: 30.8px 16px 24px 16px;
    max-width: 100vw;
    margin: 0 auto;
  }
  .container-footer .footer-top .logo-icon-footer {
    width: 192.75px;
    height: 32px;
  }
  .container-footer .footer-top .icon-home {
    width: 268px;
    height: 44px;
  }
  .container-footer .footer-contain {
    gap: 24px;
    padding: 0;
    padding: 0 16px;
    flex-direction: row;
  }
  .container-footer .footer-contain div {
    width: 33.3333333333%;
  }
  .container-footer .footer-copy-right {
    padding: 30px 0 16px;
  }
}

.base__icon__svg {
  background-repeat: no-repeat;
  background-size: cover;
  width: 16px;
  height: 16px;
  margin-right: 8px;
  display: inline-block;
}

.base__icon__svg.hidden {
  display: none;
}

.base__icon__svg.w-12 {
  width: 12px;
  height: 12px;
}

.base__icon__svg.w-14 {
  width: 14px;
  height: 14px;
}

.base__icon__svg.w-16 {
  width: 16px;
  height: 16px;
}

.base__icon__svg.w-20 {
  width: 20px;
  height: 20px;
}

.base__icon__svg.w-24 {
  width: 24px;
  height: 24px;
}

.base__icon__svg.w-32 {
  width: 32px;
  height: 32px;
}

.base__icon__svg.w-36 {
  width: 36px;
  height: 36px;
}

.base__icon__svg.w-48 {
  width: 48px;
  height: 48px;
}

.base__icon__svg.mr-0 {
  margin-right: 0;
}

.base__icon__svg.mr-1 {
  margin-right: 4px;
}

.base__icon__svg.mr-2 {
  margin-right: 8px;
}

.base__icon__svg.mr-3 {
  margin-right: 12px;
}

.base__icon__svg.mr-4 {
  margin-right: 16px;
}

.base__icon__svg.icon__pricing {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzE0ODFfMTUwNzgpIj4KPHBhdGggZD0iTTEwIDBDNC40ODU4MyAwIDAgNC40ODU4MyAwIDEwQzAgMTUuNTE0MiA0LjQ4NTgzIDIwIDEwIDIwQzE1LjUxNDIgMjAgMjAgMTUuNTE0MiAyMCAxMEMyMCA0LjQ4NTgzIDE1LjUxNDIgMCAxMCAwWk0xNS44MjQyIDguMzdMMTQuOTE4MyAxMy42NDc1QzE0Ljg2NjcgMTMuOTQ3NSAxNC42MDY3IDE0LjE2NjcgMTQuMzAyNSAxNC4xNjY3SDUuNjk3NUM1LjM5MzMzIDE0LjE2NjcgNS4xMzMzMyAxMy45NDc1IDUuMDgxNjcgMTMuNjQ3NUw0LjE3NTgzIDguMzdDNC4xMzU4MyA4LjEzOTE3IDQuMjI5MTcgNy45MDUgNC40MTY2NyA3Ljc2NDE3QzQuNjA1IDcuNjIyNSA0Ljg1NDE3IDcuNiA1LjA2NTgzIDcuNzAyNUw3LjQ3NzUgOC44NzY2N0w5LjQ1NDE3IDUuMzIwODNDOS42NzQxNyA0LjkyMzMzIDEwLjMyNjcgNC45MjMzMyAxMC41NDY3IDUuMzIwODNMMTIuNTIzMyA4Ljg3NjY3TDE0LjkzNSA3LjcwMjVDMTUuMTQ1OCA3LjYgMTUuMzk1OCA3LjYyMjUgMTUuNTg0MiA3Ljc2NDE3QzE1Ljc3MDggNy45MDUgMTUuODY0MiA4LjEzOTE3IDE1LjgyNDIgOC4zN1oiIGZpbGw9IndoaXRlIi8+CjwvZz4KPGRlZnM+CjxjbGlwUGF0aCBpZD0iY2xpcDBfMTQ4MV8xNTA3OCI+CjxyZWN0IHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0id2hpdGUiLz4KPC9jbGlwUGF0aD4KPC9kZWZzPgo8L3N2Zz4K);
}

.base__icon__svg.icon__arrow__left {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICAgIDxwYXRoIGQ9Im05LjMzIDEyIC45MzctLjkzOEw3LjIwNyA4bDMuMDYtMy4wNjNMOS4zMyA0IDUuMzMzIDh6IiBmaWxsPSIjMjIyQjQ1IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiLz4KPC9zdmc+Cg==);
  transform: rotate(180deg);
}

.base__icon__svg.icon__arrow__next__page {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjUiIHZpZXdCb3g9IjAgMCAyNCAyNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE3LjI1IDkuNUwyMSAxMy4yNU0yMSAxMy4yNUwxNy4yNSAxN00yMSAxMy4yNUgzIiBzdHJva2U9IndoaXRlIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=);
}

@media (max-width: 480px) {
  .base__icon__svg.logo__home__favicon {
    width: 140px;
    height: 20px;
  }
}

.base__icon__svg.icon__home {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjA2IiBoZWlnaHQ9IjIwIiB2aWV3Qm94PSIwIDAgMjA2IDIwIiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNMTAuMzYyNyA0LjA5MTkyVjE5LjgzNDdINS41ODk5NlY0LjA5MTkySDBWMC4wMDI0NDE0MUgxNS45NDc0VjQuMDkxOTJIMTAuMzYyN1oiIGZpbGw9IiMxNjE3MjAiLz4KPHBhdGggZD0iTTE4LjEzNjcgMTkuODM0MlYwLjAwMTk1MzEySDMxLjQzMlY0LjAzNTVIMjIuNzM2OVY3Ljc4OTQ0SDMwLjk0NzZWMTEuNjM0MkgyMi43MzY5VjE1Ljc1MTdIMzEuOTI1MlYxOS44NDEyTDE4LjEzNjcgMTkuODM0MloiIGZpbGw9IiMxNjE3MjAiLz4KPHBhdGggZD0iTTUzLjAxNDIgMTkuODM0Mkw1My4xMjU3IDUuODAwNjJINTMuMDQyMUw0Ny45MDE3IDE5LjgzNDJINDQuNTUwOEwzOS41NTE2IDUuODAwNjJIMzkuNDY3OUwzOS41Nzk0IDE5LjgzNDJIMzUuMDgyVjAuMDAxOTUzMTJINDEuODc3OEw0Ni4zODA1IDEyLjcxOTVINDYuNDkyTDUwLjc5NzcgMC4wMDE5NTMxMkg1Ny43MDY4VjE5LjgzNDJINTMuMDE0MloiIGZpbGw9IiMxNjE3MjAiLz4KPHBhdGggZD0iTTc2Ljc1MzYgNi4xMDc3OUM3Ni43NTM2IDcuMjY1ODkgNzYuNTM5OSA4LjI0MTY1IDc2LjExMjQgOS4wMzUwOEM3NS43MDI1IDkuODA5NzYgNzUuMTA3NCAxMC40NzAzIDc0LjM4MDMgMTAuOTU3NUM3My42MTI3IDExLjQ2MDggNzIuNzYxIDExLjgyMTQgNzEuODY1OSAxMi4wMjE4QzcwLjg5NDcgMTIuMjQ4MSA2OS45MDA3IDEyLjM2MDcgNjguOTAzNiAxMi4zNTczSDY2LjUzMjFWMTkuODM3Mkg2MS43NTU5VjAuMDAxNTM1MDJINjkuMDE4NkM3MC4wMzc1IC0wLjAwNTQwMDY2IDcxLjA1NCAwLjEwMjQ2NiA3Mi4wNDg5IDAuMzIzMTAzQzcyLjkyNTggMC41MTEzMDQgNzMuNzU5OCAwLjg2MjgzMyA3NC41MDc1IDEuMzU5NDVDNzUuMjA4MiAxLjgzNTI1IDc1Ljc3NzYgMi40ODA4OCA3Ni4xNjI5IDMuMjM2NDJDNzYuNTU2NyA0LjAxMjM3IDc2Ljc1MzYgNC45Njk0OSA3Ni43NTM2IDYuMTA3NzlaTTcxLjk3NzQgNi4xMzU3NUM3MS45OTQyIDUuNzM0MzIgNzEuODk3NiA1LjMzNjI5IDcxLjY5ODYgNC45ODc1NUM3MS41MTQyIDQuNjkwODcgNzEuMjUzNiA0LjQ0OTQxIDcwLjk0NDEgNC4yODg1QzcwLjYwOCA0LjExNDU2IDcwLjI0NDEgNC4wMDA5OSA2OS44NjkgMy45NTI5NUM2OS40NTczIDMuODk2MjQgNjkuMDQyMSAzLjg2ODIxIDY4LjYyNjYgMy44NjkwNkg2Ni41MzU2VjguNTQ1NzVINjguNTQ2NEM2OC45NzcgOC41NDc0MyA2OS40MDY4IDguNTA5OTkgNjkuODMwNiA4LjQzMzg5QzcwLjIxOCA4LjM2ODA4IDcwLjU5MTIgOC4yMzU2NCA3MC45MzM2IDguMDQyNDNDNzEuMjQ5MiA3Ljg2NTE2IDcxLjUxMzggNy42MDkzNiA3MS43MDIxIDcuMjk5NjhDNzEuOTAwMiA2Ljk0NDkgNzEuOTk2NyA2LjU0MjA4IDcxLjk4MDkgNi4xMzU3NUg3MS45Nzc0WiIgZmlsbD0iIzE2MTcyMCIvPgo8cGF0aCBkPSJNMTA4LjY4IDE5LjgzNDJMMTA3LjE0NSAxNS45NDA0SDk5LjQ5MTRMOTguMDM4MiAxOS44MzQySDkyLjg0MzhMMTAxLjE0IDAuMDAxOTUzMTJIMTA1Ljc3NUwxMTMuOTg3IDE5LjgzNDJIMTA4LjY4Wk0xMDMuMzc0IDUuMzAwOEwxMDAuODU5IDEyLjExNjZIMTA1LjgzMUwxMDMuMzc0IDUuMzAwOFoiIGZpbGw9IiMxNjE3MjAiLz4KPHBhdGggZD0iTTEyMi40MjEgNC4wOTE0M1YxOS44MzQySDExNy42NDVWNC4wOTE0M0gxMTIuMDU3VjAuMDAxOTUzMTJIMTI4LjAwNlY0LjA5MTQzSDEyMi40MjFaIiBmaWxsPSIjMTYxNzIwIi8+CjxwYXRoIGQ9Ik0xMzAuMTc4IDE5LjgzNDJWMC4wMDE5NTMxMkgxNDMuNDczVjQuMDM1NUgxMzQuNzg3VjcuNzg5NDRIMTQyLjk5N1YxMS42MzQySDEzNC43ODdWMTUuNzUxN0gxNDMuOTc1VjE5Ljg0MTJMMTMwLjE3OCAxOS44MzQyWiIgZmlsbD0iIzE2MTcyMCIvPgo8cGF0aCBkPSJNMTUwLjI0MSAxOC40OTAxQzE1MC4yNDEgMTguODgwNSAxNTAuMDkxIDE5LjI1NiAxNDkuODIzIDE5LjUzODdDMTQ5LjY4MSAxOS42ODQ3IDE0OS41MTIgMTkuODAwNyAxNDkuMzI1IDE5Ljg3OTlDMTQ5LjEzOCAxOS45NTkxIDE0OC45MzcgMTkuOTk5OSAxNDguNzM0IDE5Ljk5OTlDMTQ4LjUzMSAxOS45OTk5IDE0OC4zMyAxOS45NTkxIDE0OC4xNDMgMTkuODc5OUMxNDcuOTU2IDE5LjgwMDcgMTQ3Ljc4NiAxOS42ODQ3IDE0Ny42NDUgMTkuNTM4N0MxNDcuMzc2IDE5LjI1NiAxNDcuMjI3IDE4Ljg4MDUgMTQ3LjIyNyAxOC40OTAxQzE0Ny4yMjcgMTguMDk5NyAxNDcuMzc2IDE3LjcyNDIgMTQ3LjY0NSAxNy40NDE1QzE0Ny43ODYgMTcuMjk1MSAxNDcuOTU1IDE3LjE3ODcgMTQ4LjE0MiAxNy4wOTkyQzE0OC4zMyAxNy4wMTk3IDE0OC41MzEgMTYuOTc4OCAxNDguNzM0IDE2Ljk3ODhDMTQ4LjkzNyAxNi45Nzg4IDE0OS4xMzggMTcuMDE5NyAxNDkuMzI1IDE3LjA5OTJDMTQ5LjUxMiAxNy4xNzg3IDE0OS42ODIgMTcuMjk1MSAxNDkuODIzIDE3LjQ0MTVDMTUwLjA5MiAxNy43MjQgMTUwLjI0MSAxOC4wOTk2IDE1MC4yNDEgMTguNDkwMVoiIGZpbGw9IiMxNjE3MjAiLz4KPHBhdGggZD0iTTE2OS4wMTEgMTYuODkyOUgxNjkuMDY3VjAuMDAxOTUzMTJIMTcxLjA3OFYxOS44MzQySDE2OC41NjNMMTU3LjA2MyAyLjc3MzcxSDE1Ny4wMDdWMTkuODM0MkgxNTQuOTk2VjAuMDAxOTUzMTJIMTU3LjUxMUwxNjkuMDExIDE2Ljg5MjlaIiBmaWxsPSIjMTYxNzIwIi8+CjxwYXRoIGQ9Ik0xNzguMzM3IDE4LjA0MTFIMTg4LjkyM1YxOS44MzQySDE3Ni4zMjZWMC4wMDE5NTMxMkgxODguNTg4VjEuNzkzMjhIMTc4LjMzN1Y4LjYwOTA4SDE4Ny45MjFWMTAuNDAwNEgxNzguMzM3VjE4LjA0MTFaIiBmaWxsPSIjMTYxNzIwIi8+CjxwYXRoIGQ9Ik0xOTkuMjAxIDE5LjgzNDJIMTk3LjE5VjEuNzkzMjhIMTkwLjU2OFYwLjAwMTk1MzEySDIwNS44MTlWMS43OTMyOEgxOTkuMTk3TDE5OS4yMDEgMTkuODM0MloiIGZpbGw9IiMxNjE3MjAiLz4KPHBhdGggZD0iTTg0LjQzMyAxNS42NTg5VjBINzkuNjI4OVYxOS44MzRIODkuODY0NEw5MS42MTA0IDE1LjY1ODlIODQuNDMzWiIgZmlsbD0iIzE2MTcyMCIvPgo8L3N2Zz4K);
  width: 268px;
  height: 44px;
  background-size: contain;
}

@media (max-width: 576px) {
  .base__icon__svg.icon__home {
    width: 122px;
    height: 22px;
  }
}

.base__icon__svg.icon__hamburger {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTMuNzUgNi43NUgyMC4yNU0zLjc1IDEySDIwLjI1TTMuNzUgMTcuMjVIMjAuMjUiIHN0cm9rZT0iIzE2MTcyMCIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K);
}

.base__icon__svg.icon__search__white {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTExIDE5QzE1LjQxODMgMTkgMTkgMTUuNDE4MyAxOSAxMUMxOSA2LjU4MTcyIDE1LjQxODMgMyAxMSAzQzYuNTgxNzIgMyAzIDYuNTgxNzIgMyAxMUMzIDE1LjQxODMgNi41ODE3MiAxOSAxMSAxOVoiIHN0cm9rZT0id2hpdGUiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjxwYXRoIGQ9Ik0yMS4wMDA0IDIxTDE2LjY1MDQgMTYuNjUiIHN0cm9rZT0id2hpdGUiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=);
}

.base__icon__svg.icon-left {
  position: absolute;
  right: 16px;
}

.base__icon__svg.icon__back {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE2LjI1IDEwSDMuNzVNMy43NSAxMEw5LjM3NSAxNS42MjVNMy43NSAxMEw5LjM3NSA0LjM3NSIgc3Ryb2tlPSIjMTYxNzIwIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=);
}

.base__icon__svg.icon__close {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTIuNjY2MDIgMTMuMzMzMkwxMy4zMzI3IDIuNjY2NU0yLjY2NjAyIDIuNjY2NUwxMy4zMzI3IDEzLjMzMzIiIHN0cm9rZT0iIzlDQTVCMiIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K);
}

.base__icon__svg.icon__filter__mobile {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTMuMDkwOTEgOS4wNDU0NVY2LjVNMy4wOTA5MSA1LjA0NTQ1VjIuNU02IDkuMDQ1NDVWNS43NzI3M002IDQuMzE4MThWMi41TTguOTA5MDkgOS4wNDU0NVY3LjIyNzI3TTguOTA5MDkgNS43NzI3M1YyLjVNMiA2LjVINC4xODE4Mk00LjkwOTA5IDQuMzE4MThINy4wOTA5MU03LjgxODE4IDcuMjI3MjdIMTAiIHN0cm9rZT0iIzE2MTcyMCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=);
}

.base__icon__svg.icon_non_login_dashboard {
  width: 40px;
  height: 40px;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDAiIGhlaWdodD0iNDAiIHZpZXdCb3g9IjAgMCA0MCA0MCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xOS45OTk3IDM2LjY2NzNDMjIuMTkwNiAzNi42NjczIDI0LjMxNjMgMzYuMjUgMjYuMzc2OCAzNS40MTU0QzI4LjQzNzMgMzQuNTgwNyAzMC4yNTAxIDMzLjM4MDkgMzEuODE1IDMxLjgxNkMzMy4zOCAzMC4yNTEgMzQuNTc5OCAyOC40MzgzIDM1LjQxNDQgMjYuMzc3OEMzNi4yNDkgMjQuMzE3MyAzNi42NjYzIDIyLjE5MTYgMzYuNjY2MyAyMC4wMDA3QzM2LjY2NjMgMTcuODA5NyAzNi4yNDkgMTUuNjg0IDM1LjQxNDQgMTMuNjIzNUMzNC41Nzk4IDExLjU2MyAzMy4zOCA5Ljc1MDI2IDMxLjgxNSA4LjE4NTMxQzMwLjI1MDEgNi42MjAzNyAyOC40MzczIDUuNDIwNTggMjYuMzc2OCA0LjU4NTk0QzI0LjMxNjMgMy43NTEzIDIyLjE5MDYgMy4zMzM5OCAxOS45OTk3IDMuMzMzOThDMTcuODA4OCAzLjMzMzk4IDE1LjY4MyAzLjc1MTMgMTMuNjIyNSA0LjU4NTk0QzExLjU2MiA1LjQyMDU4IDkuNzQ5MjggNi42MjAzNyA4LjE4NDM0IDguMTg1MzFDNi42MTkzOSA5Ljc1MDI2IDUuNDE5NiAxMS41NjMgNC41ODQ5NiAxMy42MjM1QzMuNzUwMzMgMTUuNjg0IDMuMzMzMDEgMTcuODA5NyAzLjMzMzAxIDIwLjAwMDdDMy4zMzMwMSAyMi4xOTE2IDMuNzUwMzMgMjQuMzE3MyA0LjU4NDk2IDI2LjM3NzhDNS40MTk2IDI4LjQzODMgNi42MTkzOSAzMC4yNTEgOC4xODQzNCAzMS44MTZDOS43NDkyOCAzMy4zODA5IDExLjU2MiAzNC41ODA3IDEzLjYyMjUgMzUuNDE1NEMxNS42ODMgMzYuMjUgMTcuODA4OCAzNi42NjczIDE5Ljk5OTcgMzYuNjY3M1pNMzAuNjQxNSAyOC4wNjAxQzI5LjU0NiAyNi43NTYgMjcuNzcyNCAyNS43Mzg3IDI1LjMyMDYgMjUuMDA4NEMyMy4zOTA1IDI0LjQzNDYgMjEuNjE2OSAyNC4xNDc3IDE5Ljk5OTggMjQuMTQ3N0MxOC4zODI3IDI0LjE0NzcgMTYuNjA5MSAyNC40MzQ2IDE0LjY3OSAyNS4wMDg0QzEyLjIyNzMgMjUuNzM4NyAxMC40NTM3IDI2Ljc1NiA5LjM1ODIgMjguMDYwMUM3LjUzMjQzIDI1LjY2MDUgNi42MTk1NSAyMi45NzQgNi42MTk1NSAyMC4wMDA2QzYuNjE5NTUgMTcuNjAxIDcuMjE5NDQgMTUuMzcxIDguNDE5MjMgMTMuMzEwNUM5LjYxOTAzIDExLjI1IDExLjI0OTIgOS42MTk4IDEzLjMwOTcgOC40MjAwMUMxNS4zNzAyIDcuMjIwMjIgMTcuNjAwMiA2LjYyMDMyIDE5Ljk5OTggNi42MjAzMkMyMi4zOTk0IDYuNjIwMzIgMjQuNjI5NSA3LjIyMDIyIDI2LjY5IDguNDIwMDFDMjguNzUwNSA5LjYxOTggMzAuMzgwNiAxMS4yNSAzMS41ODA0IDEzLjMxMDVDMzIuNzgwMiAxNS4zNzEgMzMuMzgwMSAxNy42MDEgMzMuMzgwMSAyMC4wMDA2QzMzLjM4MDEgMjIuOTc0IDMyLjQ2NzIgMjUuNjYwNSAzMC42NDE1IDI4LjA2MDFaTTE5Ljk5OTcgMjEuNjU5NUMyMS42MDcxIDIxLjY1OTUgMjIuOTgxMiAyMS4wOTg3IDI0LjEyMTkgMTkuOTc3MkMyNS4yNjI2IDE4Ljg1NTYgMjUuODMzIDE3LjQ4NjMgMjUuODMzIDE1Ljg2OTJDMjUuODMzIDE0LjI1MjEgMjUuMjYyNiAxMi44Njk3IDI0LjEyMTkgMTEuNzIyMUMyMi45ODEyIDEwLjU3NDUgMjEuNjA3MSAxMC4wMDA3IDE5Ljk5OTcgMTAuMDAwN0MxOC4zOTIzIDEwLjAwMDcgMTcuMDE4MiAxMC41NzQ1IDE1Ljg3NzUgMTEuNzIyMUMxNC43MzY3IDEyLjg2OTcgMTQuMTY2MyAxNC4yNTIxIDE0LjE2NjMgMTUuODY5MkMxNC4xNjYzIDE3LjQ4NjMgMTQuNzM2NyAxOC44NTU2IDE1Ljg3NzUgMTkuOTc3MkMxNy4wMTgyIDIxLjA5ODcgMTguMzkyMyAyMS42NTk1IDE5Ljk5OTcgMjEuNjU5NVpNMjAuMDAwMyAxOC4zNTc1QzE5LjMyMjIgMTguMzU3NSAxOC43MzUzIDE4LjEwOTcgMTguMjM5OCAxNy42MTQxQzE3Ljc0NDIgMTcuMTE4NiAxNy40OTY0IDE2LjUxODcgMTcuNDk2NCAxNS44MTQ0QzE3LjQ5NjQgMTUuMTEwMiAxNy43NDQyIDE0LjUyMzQgMTguMjM5OCAxNC4wNTM5QzE4LjczNTMgMTMuNTg0NCAxOS4zMjIyIDEzLjM0OTcgMjAuMDAwMyAxMy4zNDk3QzIwLjY3ODUgMTMuMzQ5NyAyMS4yNjUzIDEzLjU4NDQgMjEuNzYwOSAxNC4wNTM5QzIyLjI1NjUgMTQuNTIzNCAyMi41MDQyIDE1LjExMDIgMjIuNTA0MiAxNS44MTQ0QzIyLjUwNDIgMTYuNTE4NyAyMi4yNTY1IDE3LjExODYgMjEuNzYwOSAxNy42MTQxQzIxLjI2NTMgMTguMTA5NyAyMC42Nzg1IDE4LjM1NzUgMjAuMDAwMyAxOC4zNTc1Wk0xOS45OTk1IDMzLjM4MDlDMTYuOTIxOCAzMy4zODA5IDE0LjE4MzEgMzIuNDE1OCAxMS43ODM1IDMwLjQ4NTdDMTIuMTQ4NyAyOS43NTU0IDEzLjIwNSAyOS4wNzczIDE0Ljk1MjUgMjguNDUxM0MxNi43MDAxIDI3LjgyNTMgMTguMzgyNCAyNy41MTI0IDE5Ljk5OTUgMjcuNTEyNEMyMS42MTY2IDI3LjUxMjQgMjMuMjk4OSAyNy44MjUzIDI1LjA0NjQgMjguNDUxM0MyNi43OTQgMjkuMDc3MyAyNy44NTAzIDI5Ljc1NTQgMjguMjE1NSAzMC40ODU3QzI1LjgxNTkgMzIuNDE1OCAyMy4wNzcyIDMzLjM4MDkgMTkuOTk5NSAzMy4zODA5WiIgZmlsbD0iIzFGMjEyNCIvPgo8L3N2Zz4K);
}

.base__icon__svg.icon_create_template_dashboard {
  width: 40px;
  height: 40px;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDAiIGhlaWdodD0iNDAiIHZpZXdCb3g9IjAgMCA0MCA0MCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3Qgd2lkdGg9IjQwIiBoZWlnaHQ9IjQwIiByeD0iOCIgZmlsbD0iIzFGMjEyNCIvPgo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTIwLjQ5OSAyOEMyMC43NzU2IDI4IDIwLjk5OTYgMjcuNzc1NiAyMC45OTkgMjcuNDk5TDIwLjk4NjYgMjAuOTg2NkwyNy41MDEgMjAuOTc0MUMyNy43NzY3IDIwLjk3MzYgMjggMjAuNzQ5OSAyOCAyMC40NzQxVjE5LjUwMUMyOCAxOS4yMjQ0IDI3Ljc3NTYgMTkuMDAwNCAyNy40OTkgMTkuMDAxTDIwLjk4NjYgMTkuMDEzNEwyMC45OTkgMTIuNTAxQzIwLjk5OTYgMTIuMjI0NCAyMC43NzU2IDEyIDIwLjQ5OSAxMkgxOS41MjU5QzE5LjI1MDEgMTIgMTkuMDI2NCAxMi4yMjMzIDE5LjAyNTkgMTIuNDk5TDE5LjAxMzQgMTkuMDEzNEwxMi41MDEgMTkuMDAxQzEyLjIyNDQgMTkuMDAwNCAxMiAxOS4yMjQ0IDEyIDE5LjUwMVYyMC40NzQxQzEyIDIwLjc0OTkgMTIuMjIzMyAyMC45NzM2IDEyLjQ5OSAyMC45NzQxTDE5LjAxMzQgMjAuOTg2NkwxOS4wMjU5IDI3LjUwMUMxOS4wMjY0IDI3Ljc3NjcgMTkuMjUwMSAyOCAxOS41MjU5IDI4SDIwLjQ5OVoiIGZpbGw9IndoaXRlIi8+Cjwvc3ZnPgo=);
}

.base__icon__svg.icon_home_dashboard {
  width: 24px;
  height: 24px;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMiAyQzEyLjMyNDggMiAxMi42NDExIDIuMTAzOTQgMTIuOTAyNSAyLjI5NjZMMjEuMTg2NCA4LjQwMDVDMjEuNjk4IDguNzc3NDcgMjIgOS4zNzUxMyAyMiAxMC4wMTA2VjIxQzIyIDIxLjU1MjMgMjEuNTUyMyAyMiAyMSAyMkgxNUMxNC40NDc3IDIyIDE0IDIxLjU1MjMgMTQgMjFWMTZDMTQgMTQuODk1NCAxMy4xMDQ2IDE0IDEyIDE0QzEwLjg5NTQgMTQgMTAgMTQuODk1NCAxMCAxNlYyMUMxMCAyMS41NTIzIDkuNTUyMjggMjIgOSAyMkgzQzIuNDQ3NzIgMjIgMiAyMS41NTIzIDIgMjFWMTAuMDEwNkMyIDkuMzc1MTMgMi4zMDIgOC43Nzc0NyAyLjgxMzYgOC40MDA1TDExLjA5NzUgMi4yOTY2QzExLjM1ODkgMi4xMDM5NCAxMS42NzUyIDIgMTIgMlpNMjAgMTAuMDEwNkwxMiA0LjExNDk5TDQgMTAuMDEwNlYyMEg4VjE2QzggMTMuODU3OCA5LjY4Mzk3IDEyLjEwODkgMTEuODAwNCAxMi4wMDQ5TDEyIDEyQzE0LjE0MjIgMTIgMTUuODkxMSAxMy42ODQgMTUuOTk1MSAxNS44MDA0TDE2IDE2VjIwSDIwVjEwLjAxMDZaIiBmaWxsPSIjMUYyMTI0Ii8+Cjwvc3ZnPgo=);
}

.base__icon__svg.icon_recent_dashboard {
  width: 24px;
  height: 24px;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMyAyMUMxNC42MjUgMjEgMTYuMTMyOCAyMC41OTM4IDE3LjUyMzQgMTkuNzgxMkMxOC45MTQxIDE4Ljk2ODggMjAuMDA3OCAxNy44NzUgMjAuODA0NyAxNi41QzIxLjYwMTYgMTUuMTI1IDIyIDEzLjYyNSAyMiAxMkMyMiAxMC4zNzUgMjEuNjAxNiA4Ljg3NSAyMC44MDQ3IDcuNUMyMC4wMDc4IDYuMTI1IDE4LjkxNDEgNS4wMzEyNSAxNy41MjM0IDQuMjE4NzVDMTYuMTMyOCAzLjQwNjI1IDE0LjYyNSAzIDEzIDNDMTEuMzc1IDMgOS44NzUgMy40MDYyNSA4LjUgNC4yMTg3NUM3LjEyNSA1LjAzMTI1IDYuMDMxMjUgNi4xMjUgNS4yMTg3NSA3LjVDNC40MDYyNSA4Ljg3NSA0IDEwLjM3NSA0IDEySDFMNC45ODQzOCAxNi4wMzEyTDkuMDE1NjIgMTJINi4wMTU2MkM2LjAxNTYyIDEwLjcxODggNi4zMjgxMiA5LjU0Njg4IDYuOTUzMTIgOC40ODQzOEM3LjU3ODEyIDcuNDIxODggOC40Mjk2OSA2LjU3ODEyIDkuNTA3ODEgNS45NTMxMkMxMC41ODU5IDUuMzI4MTIgMTEuNzUgNS4wMTU2MiAxMyA1LjAxNTYyQzEzLjkzNzUgNS4wMTU2MiAxNC44MzU5IDUuMTg3NSAxNS42OTUzIDUuNTMxMjVDMTYuNTU0NyA1Ljg3NSAxNy4zMTI1IDYuMzc1IDE3Ljk2ODggNy4wMzEyNUMxOC42MjUgNy42ODc1IDE5LjEzMjggOC40NDUzMSAxOS40OTIyIDkuMzA0NjlDMTkuODUxNiAxMC4xNjQxIDIwLjAzMTIgMTEuMDYyNSAyMC4wMzEyIDEyQzIwLjAzMTIgMTMuMjgxMiAxOS43MTA5IDE0LjQ1MzEgMTkuMDcwMyAxNS41MTU2QzE4LjQyOTcgMTYuNTc4MSAxNy41NzgxIDE3LjQyMTkgMTYuNTE1NiAxOC4wNDY5QzE1LjQ1MzEgMTguNjcxOSAxNC4yODEyIDE4Ljk4NDQgMTMgMTguOTg0NEMxMi4wNjI1IDE4Ljk4NDQgMTEuMTcxOSAxOC44MDQ3IDEwLjMyODEgMTguNDQ1M0M5LjQ4NDM4IDE4LjA4NTkgOC43MzQzOCAxNy41NzgxIDguMDc4MTIgMTYuOTIxOUw2LjY3MTg4IDE4LjM3NUM3LjQ4NDM4IDE5LjE4NzUgOC40Mzc1IDE5LjgyODEgOS41MzEyNSAyMC4yOTY5QzEwLjYyNSAyMC43NjU2IDExLjc4MTIgMjEgMTMgMjFaTTE2LjI1MjMgMTUuNTVMMTcgMTQuMzMwN0wxMy40OTUzIDEyLjIyMDVWOEgxMlYxMi45NzA4TDE2LjI1MjMgMTUuNTVaIiBmaWxsPSIjMUYyMTI0Ii8+Cjwvc3ZnPgo=);
}

.base__icon__svg.icon_brand_profile_dashboard {
  width: 24px;
  height: 24px;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0yMCA0QzIxLjEwNDYgNCAyMiA0Ljg5NTQzIDIyIDZWMThDMjIgMTkuMTA0NiAyMS4xMDQ2IDIwIDIwIDIwSDRDMi44OTU0MyAyMCAyIDE5LjEwNDYgMiAxOFY2QzIgNC44OTU0MyAyLjg5NTQzIDQgNCA0SDIwWk0xMCA2SDRWMThIMTBWNlpNMTIgNlYxM0gyMFY2SDEyWk0xMiAxOFYxNUgxNVYxOEgxMlpNMTcgMThIMjBWMTVIMTdWMThaIiBmaWxsPSIjMUYyMTI0Ii8+Cjwvc3ZnPgo=);
}

.base__icon__svg.icon_brand_template_dashboard {
  width: 24px;
  height: 24px;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMSAyQzEyLjEwNDYgMiAxMyAyLjg5NTQzIDEzIDRWMTBDMTMgMTEuMTA0NiAxMi4xMDQ2IDEyIDExIDEySDRDMi44OTU0MyAxMiAyIDExLjEwNDYgMiAxMFY0QzIgMi44OTU0MyAyLjg5NTQzIDIgNCAySDExWk0xMSA0SDRWMTBIMTFWNFoiIGZpbGw9IiMxRjIxMjQiLz4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0yMiA0QzIyIDIuODk1NDMgMjEuMTA0NiAyIDIwIDJIMTdDMTUuODk1NCAyIDE1IDIuODk1NDMgMTUgNFYxMEMxNSAxMS4xMDQ2IDE1Ljg5NTQgMTIgMTcgMTJIMjBDMjEuMTA0NiAxMiAyMiAxMS4xMDQ2IDIyIDEwVjRaTTE3IDRIMjBWMTBIMTdWNFoiIGZpbGw9IiMxRjIxMjQiLz4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0yMCAxNkMyMCAxNC44OTU0IDE5LjEwNDYgMTQgMTggMTRINkM0Ljg5NTQzIDE0IDQgMTQuODk1NCA0IDE2VjIwQzQgMjEuMTA0NiA0Ljg5NTQzIDIyIDYgMjJIMThDMTkuMTA0NiAyMiAyMCAyMS4xMDQ2IDIwIDIwVjE2Wk02IDE2SDE4VjIwSDZWMTZaIiBmaWxsPSIjMUYyMTI0Ii8+Cjwvc3ZnPgo=);
}

.base__icon__svg.icon_folder_dashboard {
  width: 24px;
  height: 24px;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iIzFGMjEyNCIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJtMTAgNCAyIDJoOGEyIDIgMCAwIDEgMiAydjEwYTIgMiAwIDAgMS0yIDJINGEyIDIgMCAwIDEtMi0yVjZhMiAyIDAgMCAxIDItMmg2Wk00IDh2MTBoMTZWOEg0WiIgY2xpcC1ydWxlPSJldmVub2RkIi8+PC9zdmc+);
}

.base__icon__svg.icon_left_arrow {
  background-image: url(data:image/svg+xml;base64,IDxzdmcgd2lkdGg9IjIwIiBoZWlnaHQ9IjIwIiB2aWV3Qm94PSIwIDAgMjAgMjAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgICAgICAgICAgICAgPHBhdGgKICAgICAgICAgICAgICAgIGQ9Ik0xNi4yNSAxMEgzLjc1TTMuNzUgMTBMOS4zNzUgMTUuNjI1TTMuNzUgMTBMOS4zNzUgNC4zNzUiCiAgICAgICAgICAgICAgICBzdHJva2U9IiMxNjE3MjAiCiAgICAgICAgICAgICAgICBzdHJva2Utd2lkdGg9IjEuNSIKICAgICAgICAgICAgICAgIHN0cm9rZS1saW5lY2FwID0icm91bmQiCiAgICAgICAgICAgICAgICBzdHJva2UtbGluZWpvaW49InJvdW5kIgogICAgICAgICAgICAgIC8+CiAgICAgICAgICAgIDwvc3ZnPg==);
}

.base__icon__svg.arrow_next {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzAiIGhlaWdodD0iMzAiIHZpZXdCb3g9IjAgMCAzMCAzMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEwIDYuMjVMMTguNzUgMTVMMTAgMjMuNzUiIHN0cm9rZT0iIzE2MTcyMCIgc3Ryb2tlLXdpZHRoPSIzIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==);
}

.base__icon__svg.arrow_prev {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzAiIGhlaWdodD0iMzAiIHZpZXdCb3g9IjAgMCAzMCAzMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTIwIDIzLjc1TDExLjI1IDE1TDIwIDYuMjUiIHN0cm9rZT0iIzE2MTcyMCIgc3Ryb2tlLXdpZHRoPSIzIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==);
}

.base__icon__svg.icon-close {
  background-image: url(data:image/svg+xml;base64,Cjxzdmcgd2lkdGg9JzIwJyBoZWlnaHQ9JzIwJyB2aWV3Qm94PScwIDAgMjAgMjAnIGZpbGw9J25vbmUnIHhtbG5zPSdodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Zyc+PHBhdGggZD0nTTIgMThMMTggMk0yIDJMMTggMTgnIHN0cm9rZT0nIzE2MTcyMCcgc3Ryb2tlLXdpZHRoPSczJyBzdHJva2UtbGluZWNhcD0ncm91bmQnIHN0cm9rZS1saW5lam9pbj0ncm91bmQnLz48L3N2Zz4K);
}

.base__icon__svg.icon__folder {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzk3XzIwMjAxKSI+CjxwYXRoIGQ9Ik02LjExMzk4IDQuMDAwMDJMNy40NDczMiA1LjMzMzM1SDEzLjMzNFYxMkgyLjY2NzMyVjQuMDAwMDJINi4xMTM5OFpNNi42NjczMiAyLjY2NjY5SDIuNjY3MzJDMS45MzM5OCAyLjY2NjY5IDEuMzQwNjUgMy4yNjY2OSAxLjM0MDY1IDQuMDAwMDJMMS4zMzM5OCAxMkMxLjMzMzk4IDEyLjczMzQgMS45MzM5OCAxMy4zMzM0IDIuNjY3MzIgMTMuMzMzNEgxMy4zMzRDMTQuMDY3MyAxMy4zMzM0IDE0LjY2NzMgMTIuNzMzNCAxNC42NjczIDEyVjUuMzMzMzVDMTQuNjY3MyA0LjYwMDAyIDE0LjA2NzMgNC4wMDAwMiAxMy4zMzQgNC4wMDAwMkg4LjAwMDY1TDYuNjY3MzIgMi42NjY2OVoiIGZpbGw9IiMxNjE3MjAiLz4KPC9nPgo8ZGVmcz4KPGNsaXBQYXRoIGlkPSJjbGlwMF85N18yMDIwMSI+CjxyZWN0IHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0id2hpdGUiLz4KPC9jbGlwUGF0aD4KPC9kZWZzPgo8L3N2Zz4K);
}

.base__icon__svg.icon__check {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTkiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxOSAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTQuMjUgOS41TDguNDUgMTMuNUwxNC43NSA0LjUiIHN0cm9rZT0id2hpdGUiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=);
}

.base__icon__svg.icon__check__circle {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEzLjMzMjcgNi40NjMzNFY3QzEzLjMzMiA4LjI1NzkyIDEyLjkyNDYgOS40ODE5IDEyLjE3MTUgMTAuNDg5NEMxMS40MTgzIDExLjQ5NjkgMTAuMzU5NiAxMi4yMzM5IDkuMTUzMzEgMTIuNTkwNkM3Ljk0NzAyIDEyLjk0NzMgNi42NTc3NSAxMi45MDQ0IDUuNDc3NzkgMTIuNDY4NUM0LjI5NzgzIDEyLjAzMjYgMy4yOTA0IDExLjIyNjkgMi42MDU3NCAxMC4xNzE2QzEuOTIxMDkgOS4xMTYzNiAxLjU5NTg5IDcuODY4MDQgMS42Nzg2NiA2LjYxMjg1QzEuNzYxNDMgNS4zNTc2NyAyLjI0NzcyIDQuMTYyODYgMy4wNjUwMSAzLjIwNjYzQzMuODgyMyAyLjI1MDQgNC45ODY4MSAxLjU4Mzk4IDYuMjEzNzkgMS4zMDY3NUM3LjQ0MDc4IDEuMDI5NTMgOC43MjQ1MSAxLjE1NjM3IDkuODczNTIgMS42NjgzNE0xMy4zMzI3IDIuMzMzMzRMNy40OTkzNSA4LjE3MjVMNS43NDkzNSA2LjQyMjUiIHN0cm9rZT0iI0ZGNTAzOCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=);
}

@media (max-width: 480px) {
  .base__icon__svg.xs-w-16 {
    width: 16px;
    height: 16px;
  }
  .base__icon__svg.xs-mr-1 {
    margin-right: 4px;
  }
  .base__icon__svg.xs-hidden {
    display: none;
  }
  .base__icon__svg.xs-inline {
    display: inline;
  }
}

@media (max-width: 1024px) {
  .base__icon__svg.lg-hidden {
    display: none;
  }
  .base__icon__svg.lg-inline {
    display: inline;
  }
}

.list-items {
  margin-top: 26px;
  padding: 0px 20px;
  flex-direction: column;
}

.list-items .items {
  overflow-y: auto;
}

.list-items .items::-webkit-scrollbar {
  display: unset !important;
}

.list-items .title {
  font-size: 13px;
  font-weight: 600;
  line-height: 19.5px;
  text-align: left;
  color: #161720;
  display: flex;
}

.list-items .title > img {
  margin-right: 14px;
  width: 18px;
}

.list-items .title span.collapse-icon {
  transition: 0.3s transform ease-in;
  margin-left: auto;
}

.list-items > ul {
  margin-top: 10px;
}

.list-items > ul li {
  font-size: 13px;
  font-weight: 500;
  line-height: 19.5px;
  text-align: left;
}

.list-items > ul li > a,
.list-items > ul li > span {
  padding: 4px 4px 4px 6px;
  display: block;
  width: 100%;
  height: 100%;
  color: #1f2124;
}

.list-items > ul li > a.active,
.list-items > ul li > a:hover,
.list-items > ul li > span.active,
.list-items > ul li > span:hover {
  background-color: #f5f7fa;
  border-radius: 6px;
  color: #1e0dff;
  cursor: pointer;
}

.list-items > ul li.checkbox {
  border-radius: 6px;
  padding: 4px 4px 4px 3px;
}

.list-items > ul li.checkbox:hover {
  background-color: #f5f7fa;
}

.list-items > ul li.checkbox:hover .checkbox-label {
  color: #1e0dff;
}

.list-items > ul li.checkbox * {
  cursor: pointer;
}

.list-items > ul li.checkbox > span {
  padding-left: 0;
  align-items: center;
}

.list-items > ul li.checkbox > span > label {
  padding: 3px 0px 3px 3px;
}

.list-items > ul li.checkbox .checkbox-wrapper {
  margin: 0;
  display: flex;
}

.list-items > ul li label {
  font-size: 13px;
  font-weight: 500;
  line-height: 19.5px;
  color: #1f2124;
}

.btn-toggle-menu {
  display: none;
  position: absolute;
  width: 32px;
  height: 32px;
  border: 1px solid #dee1e5;
  border-radius: 5px;
  right: -48px;
  z-index: 3;
  padding: 5px;
  top: 59px;
  left: var(--container-padding);
  cursor: pointer;
  background-color: #fff;
}

.btn-toggle-menu img {
  transform: scaleX(-1);
  transition: 0.3s transform 0.3;
}

.base__icon__svg {
  background-repeat: no-repeat;
  background-size: cover;
  width: 16px;
  height: 16px;
  margin-right: 8px;
  display: inline-block;
}

.base__icon__svg.icon__ai__black {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTAuMjE1NzU3IDE4LjI4NzhIMy44NDkzMUMzLjk0NjI5IDE4LjI4NzggNC4wMzE0NCAxOC4yMjMxIDQuMDU3NDMgMTguMTI5Nkw1LjExNzEyIDE0LjMwOTRIOS4yMzA5TDEwLjM4MDYgMTguMTM0MUMxMC40MDggMTguMjI1NCAxMC40OTIxIDE4LjI4NzggMTAuNTg3NCAxOC4yODc4SDE0LjM1ODhDMTQuMzU5NSAxOC4yODc4IDE0LjM2MDIgMTguMjg3OCAxNC4zNjA1IDE4LjI4NzhDMTQuNDc5OCAxOC4yODc4IDE0LjU3NjQgMTguMTkxMiAxNC41NzY0IDE4LjA3MTlDMTQuNTc2NCAxOC4wNCAxNC41Njk3IDE4LjAwOTggMTQuNTU3MSAxNy45ODI2TDkuNzU4OCAyLjUwODMxQzkuNzMwODIgMi40MTc5OCA5LjY0NzE0IDIuMzU2MzIgOS41NTI0OSAyLjM1NjMySDQuOTUzMTJDNC44NTgxMyAyLjM1NjMyIDQuNzc0MzcgMi40MTgzMyA0Ljc0NjY0IDIuNTA5MDlMMC4wMDkzNjM3MiAxOC4wMDg4Qy0wLjAxMDQ5ODQgMTguMDc0MiAwLjAwMTU5MTYgMTguMTQ1MyAwLjA0MjI2NTcgMTguMjAwM0MwLjA4MzAyNjIgMTguMjU1MyAwLjE0NzI3NiAxOC4yODc4IDAuMjE1NzU3IDE4LjI4NzhaTTguNTk3MTMgMTEuMjU1OUg1Ljc0MzY0TDYuNTg2ODIgOC4yNDE4OUM2LjczOTkzIDcuNjk4NzkgNi44ODQ2NyA3LjA1NjEzIDcuMDI0NjUgNi40MzQ2MUM3LjA1NjY5IDYuMjkxODcgNy4wODgyMSA2LjE1MTggNy4xMTk0NyA2LjAxNDgzQzcuMzA0NzEgNi43NTk0IDcuNTA4NDIgNy41NjM4MiA3LjcxMjY2IDguMjQ0MTRMOC41OTcxMyAxMS4yNTU5WiIgZmlsbD0iYmxhY2siLz4KPHBhdGggZD0iTTE2LjE3MjkgNi42MTA3MkMxNi4wNTM3IDYuNjEwNzIgMTUuOTU3IDYuNzA3MzUgMTUuOTU3IDYuODI2NjFWMTguMDcxOUMxNS45NTcgMTguMTkxMiAxNi4wNTM3IDE4LjI4NzggMTYuMTcyOSAxOC4yODc4SDE5LjY2ODRDMTkuNzg3NyAxOC4yODc4IDE5Ljg4NDMgMTguMTkxMiAxOS44ODQzIDE4LjA3MTlWNi44MjY2MUMxOS44ODQzIDYuNzA3MzUgMTkuNzg3NyA2LjYxMDcyIDE5LjY2ODQgNi42MTA3MkgxNi4xNzI5WiIgZmlsbD0iYmxhY2siLz4KPHBhdGggZD0iTTE3Ljg5ODUgNS42NjI0N0MxOS4xMTYzIDUuNjYyNDcgMjAgNC44MzY2NCAyMCAzLjY5Mzk2QzE5Ljk3MzUgMi41MjcxMSAxOS4xMTg4IDEuNzEyMTYgMTcuOTIxNCAxLjcxMjE2QzE3LjMxMDIgMS43MTIxNiAxNi43Njc0IDEuOTIzMDQgMTYuMzkzMiAyLjMwNjEyQzE2LjA0MiAyLjY2NTM3IDE1Ljg1NDggMy4xNTk4NSAxNS44NjU3IDMuNjk4OEMxNS44NTQ2IDQuMjIwNjUgMTYuMDQyMSA0LjcwNjI0IDE2LjM5NDEgNS4wNjY2OUMxNi43NjkzIDUuNDUwODkgMTcuMzAzNSA1LjY2MjQ3IDE3Ljg5ODUgNS42NjI0N1oiIGZpbGw9ImJsYWNrIi8+Cjwvc3ZnPgo=);
}

.base__icon__svg.icon__corel_draw__black {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDAiIGhlaWdodD0iNDAiIHZpZXdCb3g9IjAgMCA0MCA0MCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE4LjczNjYgMzYuMjM4M0gyMS4yNjIzQzIxLjcyMDggMzYuMjM4MyAyMi4wOTQ3IDM2LjYxOTcgMjIuMDk0NyAzNy4wODc2VjM5LjE1MTdDMjIuMDk0NyAzOS42MTg1IDIxLjcyMDggNDAgMjEuMjYyMyA0MEgxOC43MzY2QzE4LjI3OTIgNDAgMTcuOTA1MiAzOS42MTg1IDE3LjkwNTIgMzkuMTUxN1YzNy4wODc2QzE3LjkwNTIgMzYuNjE5NyAxOC4yNzkyIDM2LjIzODMgMTguNzM2NiAzNi4yMzgzWk04LjIyNjA4IDExLjM5MTJDOC4yNTc2OSAxNy43NjIzIDEzLjU2MDUgMjcuNzAwNSAxOC40NjIzIDM0LjU1OTJIMTguOTQ0N0MxNS4yMTY4IDI3LjYyMDcgMTIuMDM3NSAxOS4wNjU0IDEyLjAwOTQgMTIuMzIyNUMxMS45ODMzIDYuMjA0OTYgMTQuNDMyMSAyLjMyMjgzIDE3LjczNzIgMC4xMDczMTlDMTcuMDAzNSAwLjE3Njk4NyAxNi4yNjg0IDAuMjgwODYyIDE1LjU0IDAuNDIzNzJDMTEuNDY0MiAyLjA3NzQzIDguMTk2ODUgNS40OTAyIDguMjI2MDggMTEuMzkxMlpNMTkuMDE1MiAwLjAxOTcyNjFDMTcuMTA1MiAyLjY0MjQ0IDE1LjYzMTkgNi4zNjEyIDE1LjY0NSAxMS43NTc0QzE1LjY2MjYgMTguODAwNyAxNy4yNzc0IDI3LjE3MjcgMTkuMzYgMzQuNTU5MkgyMC42Mzk5QzIyLjcyMjUgMjcuMTcyOCAyNC4zMzc0IDE4LjgwMDcgMjQuMzU1IDExLjc1NzRDMjQuMzY4MSA2LjM2MTIgMjIuODk0OCAyLjY0MjQ0IDIwLjk4NDggMC4wMTk3MjYxQzIwLjMyODkgLTAuMDA2NTc1MzcgMTkuNjcxMSAtMC4wMDY1NzUzNyAxOS4wMTUyIDAuMDE5NzI2MVpNMzEuNzczOCAxMS4zOTEyQzMxLjc0MjMgMTcuNzYyMyAyNi40Mzk1IDI3LjcwMDUgMjEuNTM3NiAzNC41NTkySDIxLjA1NTNDMjQuNzgzMSAyNy42MjA3IDI3Ljk2MjUgMTkuMDY1NCAyNy45OTAyIDEyLjMyMjVDMjguMDE2NyA2LjIwNTAzIDI1LjU2NzkgMi4zMjI4MyAyMi4yNjI4IDAuMTA3MzE5QzIyLjk5NjUgMC4xNzY5ODcgMjMuNzMxNiAwLjI4MDg2MiAyNC40NTkgMC40MjM3MkMyOC41MzU4IDIuMDc3NDMgMzEuODAyOSA1LjQ5MDIgMzEuNzczOCAxMS4zOTEyWk0yMS44NzA0IDM0LjU1OTJDMjcuMzU3NiAyOC42NjcyIDMzLjU4MyAxOC44MTg3IDMzLjYyNDEgMTEuMjI5N0MzMy42NDkxIDYuNTc1NzYgMzEuNDI5IDMuNDg5NDkgMjguMzE5MiAxLjYwNDdDMzIuMTI5MyAzLjI3MjY1IDM1LjAyNzkgNi4zNTExIDM0Ljk5OTggMTEuMzU0N0MzNC45NTUxIDE5LjA2MzIgMjcuNzE0MyAyOS4yNDY3IDIxLjk2NTkgMzQuNTU5MkgyMS44NzA0Wk0xOC4xMjk2IDM0LjU1OTJDMTIuNjQyNCAyOC42NjczIDYuNDE2OTggMTguODE4NyA2LjM3NTc4IDExLjIyOTdDNi4zNTA5MyA2LjU3NTc2IDguNTcwMDcgMy40ODk0OSAxMS42Nzk5IDEuNjA0N0M3Ljg3MDgxIDMuMjcyNzMgNC45NzIxMiA2LjM1MTE4IDUuMDAwMiAxMS4zNTQ3QzUuMDQ0OTMgMTkuMDYzMiAxMi4yODU4IDI5LjI0NjcgMTguMDM0MSAzNC41NTkySDE4LjEyOTZaIiBmaWxsPSIjMTYxNzIwIi8+Cjwvc3ZnPgo=);
}

.base__icon__svg {
  background-repeat: no-repeat;
  background-size: cover;
  width: 16px;
  height: 16px;
  margin-right: 8px;
  display: inline-block;
}

.base__icon__svg.mr-0 {
  margin-right: 0;
}

.base__icon__svg.icon-search_tag {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzEyOTRfMjMxODgpIj4KPHBhdGggZD0iTTUuNSA5LjVDNy43MDkxNCA5LjUgOS41IDcuNzA5MTQgOS41IDUuNUM5LjUgMy4yOTA4NiA3LjcwOTE0IDEuNSA1LjUgMS41QzMuMjkwODYgMS41IDEuNSAzLjI5MDg2IDEuNSA1LjVDMS41IDcuNzA5MTQgMy4yOTA4NiA5LjUgNS41IDkuNVoiIHN0cm9rZT0iIzE2MTcyMCIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8cGF0aCBkPSJNMTAuNDk5MiAxMC41MDAyTDguMzI0MjIgOC4zMjUyIiBzdHJva2U9IiMxNjE3MjAiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9nPgo8ZGVmcz4KPGNsaXBQYXRoIGlkPSJjbGlwMF8xMjk0XzIzMTg4Ij4KPHJlY3Qgd2lkdGg9IjEyIiBoZWlnaHQ9IjEyIiBmaWxsPSJ3aGl0ZSIvPgo8L2NsaXBQYXRoPgo8L2RlZnM+Cjwvc3ZnPgo=);
  background-repeat: no-repeat;
  background-size: contain;
}

.base__icon__svg.icon__search__white {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTExIDE5QzE1LjQxODMgMTkgMTkgMTUuNDE4MyAxOSAxMUMxOSA2LjU4MTcyIDE1LjQxODMgMyAxMSAzQzYuNTgxNzIgMyAzIDYuNTgxNzIgMyAxMUMzIDE1LjQxODMgNi41ODE3MiAxOSAxMSAxOVoiIHN0cm9rZT0id2hpdGUiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjxwYXRoIGQ9Ik0yMS4wMDA0IDIxTDE2LjY1MDQgMTYuNjUiIHN0cm9rZT0id2hpdGUiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=);
}

.base__icon__svg {
  background-repeat: no-repeat;
  background-size: cover;
  width: 16px;
  height: 16px;
  margin-right: 8px;
  display: inline-block;
}

.base__icon__svg {
  background-repeat: no-repeat;
  background-size: cover;
  width: 16px;
  height: 16px;
  margin-right: 8px;
  display: inline-block;
}

.base__icon__svg.icon__folder {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzk3XzIwMjAxKSI+CjxwYXRoIGQ9Ik02LjExMzk4IDQuMDAwMDJMNy40NDczMiA1LjMzMzM1SDEzLjMzNFYxMkgyLjY2NzMyVjQuMDAwMDJINi4xMTM5OFpNNi42NjczMiAyLjY2NjY5SDIuNjY3MzJDMS45MzM5OCAyLjY2NjY5IDEuMzQwNjUgMy4yNjY2OSAxLjM0MDY1IDQuMDAwMDJMMS4zMzM5OCAxMkMxLjMzMzk4IDEyLjczMzQgMS45MzM5OCAxMy4zMzM0IDIuNjY3MzIgMTMuMzMzNEgxMy4zMzRDMTQuMDY3MyAxMy4zMzM0IDE0LjY2NzMgMTIuNzMzNCAxNC42NjczIDEyVjUuMzMzMzVDMTQuNjY3MyA0LjYwMDAyIDE0LjA2NzMgNC4wMDAwMiAxMy4zMzQgNC4wMDAwMkg4LjAwMDY1TDYuNjY3MzIgMi42NjY2OVoiIGZpbGw9IiMxNjE3MjAiLz4KPC9nPgo8ZGVmcz4KPGNsaXBQYXRoIGlkPSJjbGlwMF85N18yMDIwMSI+CjxyZWN0IHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0id2hpdGUiLz4KPC9jbGlwUGF0aD4KPC9kZWZzPgo8L3N2Zz4K);
}

.base__icon__svg {
  background-repeat: no-repeat;
  background-size: cover;
  width: 16px;
  height: 16px;
  margin-right: 8px;
  display: inline-block;
}

.base__icon__svg.icon_left_arrow {
  background-image: url(data:image/svg+xml;base64,IDxzdmcgd2lkdGg9IjIwIiBoZWlnaHQ9IjIwIiB2aWV3Qm94PSIwIDAgMjAgMjAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgICAgICAgICAgICAgPHBhdGgKICAgICAgICAgICAgICAgIGQ9Ik0xNi4yNSAxMEgzLjc1TTMuNzUgMTBMOS4zNzUgMTUuNjI1TTMuNzUgMTBMOS4zNzUgNC4zNzUiCiAgICAgICAgICAgICAgICBzdHJva2U9IiMxNjE3MjAiCiAgICAgICAgICAgICAgICBzdHJva2Utd2lkdGg9IjEuNSIKICAgICAgICAgICAgICAgIHN0cm9rZS1saW5lY2FwID0icm91bmQiCiAgICAgICAgICAgICAgICBzdHJva2UtbGluZWpvaW49InJvdW5kIgogICAgICAgICAgICAgIC8+CiAgICAgICAgICAgIDwvc3ZnPg==);
}

.base__icon__svg.icon__check__circle {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEzLjMzMjcgNi40NjMzNFY3QzEzLjMzMiA4LjI1NzkyIDEyLjkyNDYgOS40ODE5IDEyLjE3MTUgMTAuNDg5NEMxMS40MTgzIDExLjQ5NjkgMTAuMzU5NiAxMi4yMzM5IDkuMTUzMzEgMTIuNTkwNkM3Ljk0NzAyIDEyLjk0NzMgNi42NTc3NSAxMi45MDQ0IDUuNDc3NzkgMTIuNDY4NUM0LjI5NzgzIDEyLjAzMjYgMy4yOTA0IDExLjIyNjkgMi42MDU3NCAxMC4xNzE2QzEuOTIxMDkgOS4xMTYzNiAxLjU5NTg5IDcuODY4MDQgMS42Nzg2NiA2LjYxMjg1QzEuNzYxNDMgNS4zNTc2NyAyLjI0NzcyIDQuMTYyODYgMy4wNjUwMSAzLjIwNjYzQzMuODgyMyAyLjI1MDQgNC45ODY4MSAxLjU4Mzk4IDYuMjEzNzkgMS4zMDY3NUM3LjQ0MDc4IDEuMDI5NTMgOC43MjQ1MSAxLjE1NjM3IDkuODczNTIgMS42NjgzNE0xMy4zMzI3IDIuMzMzMzRMNy40OTkzNSA4LjE3MjVMNS43NDkzNSA2LjQyMjUiIHN0cm9rZT0iI0ZGNTAzOCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=);
}

#aside-search-box .search-aside {
  height: 36px;
  background-color: #fff;
  position: relative;
  padding-left: 4px;
  padding: 0;
}

#aside-search-box .search-aside .search-box-form > button {
  background: none;
  min-width: unset;
}

#aside-search-box .search-aside input {
  max-height: 36px;
  padding-left: 31px;
  padding: 12px 0 12px 31px;
  border: 1px solid #cfd6dd;
}

#aside-search-box .search-aside button {
  left: 6px;
}

#aside-search-box .search-aside .search-box-input {
  font-weight: 500;
  line-height: 19.5px;
  text-align: left;
  font-size: 13px;
  color: #828994;
}

#aside-search-box .auto-complete-container {
  box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.16);
  top: 35px;
  overflow-y: auto;
}

#aside-search-box .auto-complete-container ul li * {
  font-size: 13px;
}

#aside-search-box {
  padding: 0 20px;
  margin-top: 20px;
  min-height: 36px;
}

#body-container {
  overflow: auto;
  height: 100dvh;
  display: grid;
}

#body-container .pricing-banner {
  order: 1;
}

#body-container header {
  order: 2;
}

#body-container .main-content {
  order: 3;
}

#body-container .main-content > main > div:first-of-type {
  position: relative;
}

#body-container footer {
  order: 4;
}

#generate-tab {
  display: none;
}

#btn-filter-mobile {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  height: 40px;
  flex: 0 0 90px;
  max-width: 90px;
  font-size: 10px;
  line-height: 12px;
  border: 1px solid #e1e4e8;
  border-radius: 99px;
  padding: 8px 12px;
  margin: 0;
  width: initial;
  flex: 0 0 56px;
}

#btn-filter-mobile > span {
  display: none;
}

#btn-filter-mobile i {
  margin-left: 0;
  width: 19px;
  height: 19px;
  transform: rotate(90deg);
  margin: auto;
}

#body-container.has-left-side-bar-mobile aside {
  background-color: rgba(0, 0, 0, 0.5);
  transition:
    0.3s background-color ease-in 0.3s,
    0.3s transform ease-in;
  z-index: 4;
  transform: unset;
}

#list-collapse {
  overflow: hidden;
}

#filter-clear:not(:disabled) {
  color: red;
}

.list-horizontal-tags {
  position: relative;
  padding: 0 20px;
  margin-top: 16px;
}

.list-horizontal-tags .arrow {
  width: 28px !important;
  height: 28px !important;
}

.list-horizontal-tags .arrow-left {
  left: 16px !important;
}

.list-horizontal-tags .arrow-right {
  right: 16px !important;
  left: inherit;
}

.list-horizontal-tags .category {
  display: flex;
  gap: 8px;
  overflow: scroll;
}

.list-horizontal-tags .category::-webkit-scrollbar {
  display: none;
}

.list-horizontal-tags .fade {
  position: absolute;
  top: 0;
  background-image: linear-gradient(
    to left,
    rgba(255, 255, 255, 0),
    rgb(255, 255, 255)
  );
  width: 50px;
  height: 100%;
  z-index: 2;
  display: none;
  animation: fade-in 1s ease-in-out;
}

.list-horizontal-tags .fade.right {
  right: 0;
  background-image: linear-gradient(
    to right,
    rgba(255, 255, 255, 0),
    rgb(255, 255, 255)
  );
}

.list-horizontal-tags ul {
  display: flex;
  max-width: 100%;
  overflow-x: auto;
  gap: 8px;
}

.list-horizontal-tags ul li {
  border: 1px solid #dee1e5;
  padding: 4px 8px;
  border-radius: 100px;
}

.list-horizontal-tags ul li.active {
  background-color: #f5f7fa;
}

.list-horizontal-tags ul li * {
  white-space: nowrap;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  text-align: center;
  color: #1f2124;
}

.filter-action-buttons {
  display: flex;
  gap: 10px;
  padding: 10px 15px;
  border-top: 1px solid #dee1e5;
}

.filter-action-buttons > button {
  flex: 1;
  box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.16);
  border-radius: 6px;
  padding: 7px;
  font-weight: 500;
}

.filter-action-buttons > button#apply-filter {
  background: #1e0dff;
  color: #fff;
}

.list-items {
  flex-direction: column;
  flex: 1;
  display: flex;
  overflow: hidden;
}

.has-collapse .title {
  cursor: pointer;
}

.has-collapse ul {
  display: flex;
  flex-direction: column;
}

.has-collapse.hide-items .title span.collapse-icon {
  transform: rotate(180deg);
}

.has-collapse.hide-items ul,
.has-collapse.hide-items .view-more-button {
  display: none;
}

aside {
  display: block;
  position: fixed;
  width: 100%;
  z-index: 4;
  opacity: 1;
  background-color: rgba(0, 0, 0, 0);
  bottom: 0;
  height: 100vh;
  transform: translateY(100%);
  transition:
    0.3s transform ease-in 0.3s,
    0.3s background-color ease-in;
}

aside * {
  overscroll-behavior: contain;
}

aside .template {
  height: 80vh;
  top: 20%;
  width: 100%;
  position: relative;
  background-color: #fff;
  transition: 0.3s top ease-in;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  display: grid;
  align-content: baseline;
  grid-template-columns: minmax(var(--dashboard-open-width), 1fr);
  overflow: hidden;
}

aside .template .list-horizontal-tags,
aside .template #aside-search-box {
  display: none;
}

aside .template > div.has-collapse {
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

aside .top {
  display: none;
}

aside .top-mobile {
  height: 48px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  padding: 14px 16px;
  display: flex;
  justify-content: space-between;
  position: sticky;
  top: 0;
  background-color: #fff;
}

aside .top-mobile span:first-of-type {
  font-weight: 600;
  font-size: 13px;
  line-height: 19.5px;
}

aside .top-mobile #close-mobile-filter {
  position: absolute;
  right: 10px;
  top: 11px;
  width: 30px;
  height: 30px;
}

aside .top ul {
  display: flex;
  border-bottom: 1px solid #dee1e5;
  padding: 0 16px;
  height: 56px;
}

aside .top ul li,
aside .top ul a {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 4px;
  flex: 1;
  padding: 14px 0px;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  text-align: center;
  color: #1f2124;
  position: relative;
  cursor: pointer;
  opacity: 0.5;
}

aside .top ul li > svg,
aside .top ul a > svg {
  color: #1e0dff;
}

aside .top ul li::after,
aside .top ul a::after {
  opacity: 0;
  background-color: #1e0dff;
  width: 100%;
  height: 2px;
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  transition: 0.3s opacity ease-in;
}

aside .top ul a {
  opacity: 1;
}

#template .template {
  width: 100%;
  height: 100%;
  position: relative;
  background-color: #fff;
  transition: 0.3s top ease-in;
  display: grid;
  align-content: baseline;
  grid-template-columns: minmax(var(--dashboard-open-width), 1fr);
  overflow: hidden;
}

#template .template > div.has-collapse {
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

#template .template #aside-search-box .search-aside {
  background-color: unset;
  border: unset;
}

#template .template #aside-search-box .search-aside .search-box-form input {
  padding: 12px 0 12px 31px;
  border: 1px solid #cfd6dd;
}

#template .top {
  display: none;
}

#template #list-collapse {
  align-content: baseline;
  grid-template-columns: minmax(var(--dashboard-open-width), 1fr);
  display: grid;
}

#template .top-mobile {
  display: none;
}

#template .top ul {
  display: flex;
  border-bottom: 1px solid #dee1e5;
  padding: 0 16px;
  height: 56px;
}

#template .top ul li {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 4px;
  flex: 1;
  padding: 14px 0px;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  text-align: center;
  color: #1f2124;
  position: relative;
  cursor: pointer;
  opacity: 0.5;
}

#template .top ul li > svg {
  color: #1e0dff;
}

#template .top ul li::after {
  opacity: 0;
  background-color: #1e0dff;
  width: 100%;
  height: 2px;
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  transition: 0.3s opacity ease-in;
}

@media (min-width: 1024px) {
  .main-content {
    width: 100vw;
  }
  .main-content main {
    width: 100vw;
    transition: width 0.3s ease-in-out;
  }
  .has-left-side-bar .main-content main {
    width: calc(100vw - var(--dashboard-open-width));
  }
  #dashboard-mobile {
    display: none;
  }
  #btn-filter-mobile {
    display: none;
  }
  #dashboard .sidebar-menu {
    display: grid;
    grid-template-rows: auto 300px;
    grid-template-columns: minmax(0, 1fr);
  }
  .body-container .main-content {
    transition: grid-template-columns 0.3s ease-in-out;
    grid-template-columns: 0 1fr;
  }
  .body-container.has-left-side-bar .main-content {
    grid-template-areas: "aside header" "aside main" "aside footer" "aside bottom-banner";
    grid-template-columns: var(--dashboard-open-width) 1fr;
  }
  .body-container.has-left-side-bar .main-content aside {
    display: flex;
  }
  .body-container.has-left-side-bar .main-content aside .top-mobile {
    display: none;
  }
  .body-container.no-left-sidebar .main-content {
    grid-template-areas: "header" "main" "footer" "bottom-banner";
  }
  .body-container.no-left-sidebar .main-content main {
    width: 100vw;
  }
  #body-container .main-content aside {
    display: contents;
  }
  .main-content {
    display: grid;
    grid-template-areas: "aside header" "aside main" "aside footer" "aside bottom-banner";
  }
  header {
    grid-area: header;
  }
  aside {
    grid-area: aside;
  }
  footer {
    grid-area: footer;
  }
  main {
    grid-area: main;
  }
  aside {
    border-right: 1px solid #dee1e5;
  }
  #body-container {
    overflow: hidden;
  }
  .main-content {
    overflow: auto;
    height: 100vh;
    position: relative;
  }
  .top-mobile {
    display: none;
  }
  #body-container.has-left-side-bar aside,
  #body-container.has-left-side-bar .template,
  #body-container.has-left-side-bar .list-items {
    overflow-y: hidden;
  }
  #body-container.has-left-side-bar aside {
    display: flex;
    width: 100%;
    transition: 0.3s width ease-in;
  }
  #body-container.has-left-side-bar aside #dialog-content {
    opacity: 1;
    z-index: 9999;
    transition: opacity 0.3s ease-in 0.3s;
  }
  #body-container.has-left-side-bar aside > div {
    opacity: 1;
    transition: opacity 0.3s ease-in 0.3s;
  }
  #body-container.has-left-side-bar .btn-toggle-menu img {
    transform: none;
  }
  #body-container.has-left-side-bar .section-tags {
    padding: 0 var(--container-padding);
    max-width: calc(100vw - 350px);
  }
  aside {
    position: sticky;
    height: 100vh;
    display: flex;
    flex-direction: column;
    transform: unset;
    flex-shrink: 0;
    top: 0;
    opacity: 1;
    z-index: 2;
    width: 0px;
    transition: 0.3s width ease-in 0.3s;
    background-color: unset;
  }
  aside .top {
    display: block;
  }
  aside > div {
    opacity: 0;
    transition: opacity 0.3s ease-in;
  }
  aside .template {
    height: 100%;
    top: unset;
  }
  aside .template #list-collapse {
    display: grid;
    align-content: baseline;
    grid-template-columns: minmax(var(--dashboard-open-width), 1fr);
  }
  aside .template .list-horizontal-tags {
    display: block;
  }
  aside .template #aside-search-box {
    display: block;
  }
  aside #dialog-content {
    opacity: 0;
    z-index: -1;
    transition: opacity 0.3s ease-in;
  }
  aside #dashboard {
    display: none;
    overflow: hidden;
  }
  aside #generate-tab {
    display: none;
  }
  aside .top ul li::after {
    opacity: 0;
  }
  aside .top ul li.active {
    opacity: 1;
    color: #1e0dff;
  }
  aside .top ul li.active::after {
    opacity: 1;
  }
  aside[active-tab="dashboard"] #left-filter-section {
    display: none !important;
  }
  aside[active-tab="dashboard"] #generate-tab {
    display: none !important;
  }
  aside[active-tab="dashboard"] #dashboard {
    display: flex;
  }
  aside[active-tab="left-filter-section"] #dashboard {
    display: none !important;
  }
  aside[active-tab="left-filter-section"] #generate-tab {
    display: none !important;
  }
  aside[active-tab="generate-tab"] #left-filter-section {
    display: none !important;
  }
  aside[active-tab="generate-tab"] #dashboard {
    display: none !important;
  }
  aside[active-tab="generate-tab"] #generate-tab {
    display: block;
  }
}

aside .template #list-collapse {
  display: grid;
  grid-template-rows: auto minmax(200px, 1fr);
}

@media (min-height: 500px) {
  aside .template #list-collapse {
    grid-template-rows: auto minmax(250px, 1fr);
  }
  aside .template #list-collapse.hide-column {
    grid-template-rows: auto;
  }
}

@media (min-height: 899px) {
  aside .template #list-collapse {
    grid-template-rows: auto minmax(300px, 1fr);
  }
  aside .template #list-collapse.hide-column {
    grid-template-rows: auto;
  }
}

#dashboard-mobile {
  width: 100%;
}

#dashboard-skeleton {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  padding: 16px 12px;
  gap: 8px;
}

#dashboard-skeleton .item {
  padding: 8px 6px;
  width: 100%;
  min-height: 36px;
  display: flex;
  gap: 6px;
}

#dashboard-skeleton .item .icon {
  width: 18px;
  height: 18px;
  border-radius: 100px;
}

#dashboard-skeleton .item .content {
  width: 100%;
  height: 100%;
  border-radius: 10px;
}

#dashboard-skeleton .item.sub-item {
  padding-left: 36px;
}

#tab-skeleton {
  height: 56px;
  display: flex;
  padding: 16px 12px;
  border-bottom: 1px solid #e1e4e8;
}

#tab-skeleton .tab-item {
  padding: 14px 10px;
  flex: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 4px;
}

#tab-skeleton .tab-item .tab-icon {
  border-radius: 100px;
  width: 16px;
  height: 16px;
}

#tab-skeleton .tab-item .tab-content {
  border-radius: 10px;
  width: 100%;
  height: 16px;
}

.pricing-banner {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #1e0dff;
  padding: 6px 0;
  cursor: pointer;
  padding-left: 16px;
  padding-right: 16px;
}

.pricing-banner i {
  display: none;
  background-size: cover;
  background-repeat: no-repeat;
}

.pricing-banner .pricing-banner-text {
  position: relative;
  margin-right: 24px;
  color: #fff;
  font-size: 10px;
  font-weight: 600;
  line-height: 15px;
}

.pricing-banner button {
  font-weight: 600;
  border-radius: 99px;
  color: #fff;
  background: #ff5038;
  font-size: 10px;
  line-height: 10px;
  padding: 10px 16px;
  white-space: nowrap;
}

@media (min-width: 768px) {
  .pricing-banner {
    padding-left: unset;
    padding-right: unset;
  }
  .pricing-banner .pricing-banner-text {
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
  }
  .pricing-banner i {
    display: inline-block;
  }
  .pricing-banner button {
    font-size: 15px;
    line-height: 120%;
    padding: 10px 20px;
    cursor: pointer;
  }
}

#product-slider-csr .slider-preview {
  align-items: center;
  display: flex;
  justify-content: flex-start;
  margin-top: 8px;
  overflow-x: scroll;
  overflow-y: hidden;
  width: 100%;
  gap: 1.87%;
}

#product-slider-csr .slider-preview:not(.slider-flex-start) {
  justify-content: center;
}

#product-slider-csr .slider-preview .slider-item {
  display: flex;
  justify-content: center;
  align-items: center;
  flex: 0 0 18.5%;
  height: 65px;
  cursor: pointer;
  position: relative;
  border: 1px solid #f2f3f4;
  border-radius: 5px;
  overflow: hidden;
}

#product-slider-csr .slider-preview .slider-item img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  border-radius: 5px;
}

#product-slider-csr .slider-preview .slider-item video {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

#product-slider-csr .slider-preview .slider-item.active {
  border: 2px solid #ff5038;
}

#product-slider-csr .slider-preview .wrap-video {
  width: 100%;
  height: 100%;
  position: relative;
}

#product-slider-csr .slider-preview .wrap-video .pseudo {
  pointer-events: none;
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.1);
}

#product-slider-csr .slider-preview .wrap-video i {
  pointer-events: none;
  width: 36px;
  height: 36px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzY1NTdfODExNjMpIj4KPHBhdGggZD0iTTIxIDEyQzIxIDE2Ljk3MDYgMTYuOTcwNiAyMSAxMiAyMUM3LjAyOTQ0IDIxIDMgMTYuOTcwNiAzIDEyQzMgNy4wMjk0NCA3LjAyOTQ0IDMgMTIgM0MxNi45NzA2IDMgMjEgNy4wMjk0NCAyMSAxMloiIGZpbGw9IiMxRjIxMjQiLz4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMCA4LjQ5NTFDMTAgOC4wOTY0MSAxMC40NDQgNy44NjE4IDEwLjc2OSA4LjA4ODczTDE1Ljc4ODkgMTEuNTkzNkMxNi4wNzA0IDExLjc5MDIgMTYuMDcwNCAxMi4yMDk4IDE1Ljc4ODkgMTIuNDA2NEwxMC43NjkgMTUuOTExM0MxMC40NDQgMTYuMTM4MiAxMCAxNS45MDM2IDEwIDE1LjUwNDlWOC40OTUxWiIgZmlsbD0id2hpdGUiLz4KPC9nPgo8ZGVmcz4KPGNsaXBQYXRoIGlkPSJjbGlwMF82NTU3XzgxMTYzIj4KPHJlY3Qgd2lkdGg9IjE4IiBoZWlnaHQ9IjE4IiBmaWxsPSJ3aGl0ZSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMyAzKSIvPgo8L2NsaXBQYXRoPgo8L2RlZnM+Cjwvc3ZnPgo=);
}

@media (min-width: 1024px) {
  .slider-preview {
    margin: 24px 0 0 0;
  }
  .slider-preview .slider-item {
    flex: 0 0 82px;
    height: 105px;
  }
  .slider-preview .wrap-video i {
    width: 48px;
    height: 48px;
  }
  #product-slider-csr .section__carousel {
    margin-top: 8px;
  }
  #product-slider-csr .section__carousel .slider-preview {
    align-items: center;
    display: flex;
    justify-content: flex-start;
    overflow-x: scroll;
    overflow-y: hidden;
    width: 100%;
  }
  #product-slider-csr
    .section__carousel
    .slider-preview:not(.slider-flex-start) {
    justify-content: center;
  }
  #product-slider-csr .section__carousel .slider-preview .slider-item {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 65px;
    cursor: pointer;
    position: relative;
    border: 1px solid #f2f3f4;
    border-radius: 5px;
    overflow: hidden;
  }
  #product-slider-csr .section__carousel .slider-preview .slider-item img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    border-radius: 5px;
  }
  #product-slider-csr
    .section__carousel
    .slider-preview
    .slider-item.slider-item-active {
    border: 2px solid #ff5038;
  }
}

@media (min-width: 1024px) and (min-width: 1024px) {
  #product-slider-csr .section__carousel {
    margin-top: 24px;
  }
  #product-slider-csr .section__carousel .slider-preview {
    margin: 0;
  }
  #product-slider-csr .section__carousel .slider-preview .slider-item {
    height: 105px;
  }
}

@keyframes placeHolderShimmer {
  0% {
    background-position: -468px 0;
  }
  100% {
    background-position: 468px 0;
  }
}

@keyframes shimmer {
  100% {
    transform: translateX(100%);
  }
}

.section-tags .list-tags .item-tags {
  display: inline-flex;
  justify-content: flex-start;
  align-items: center;
  font-size: 13px;
  line-height: 1.2;
  padding-right: 10px;
  color: #161720;
  background: #f3f5f8;
  border-radius: 99px;
  white-space: nowrap;
  transition: all 0.3s ease-in-out;
  padding: 10px;
}

.section-tags {
  position: relative;
  max-width: 1720px;
  margin: 0 auto;
  padding: 0 var(--container-padding);
  width: 100%;
  margin-bottom: 5px;
  position: relative;
}

.section-tags > .title {
  display: flex;
  gap: 8px;
  align-items: center;
  color: #1f2124;
}

.section-tags > .title > img {
  margin-top: 2px;
}

.section-tags.section-license {
  width: fit-content;
  cursor: pointer;
}

.section-tags.section-license:hover > .license {
  visibility: visible;
}

.section-tags .license {
  position: absolute;
  top: 20px;
  flex-direction: column;
  align-items: start;
  width: fit-content;
  box-shadow: 0px 2px 4px 0px rgba(31, 33, 36, 0.12);
  padding: 10px 16px;
  border-radius: 6px;
  z-index: 9;
  background-color: #fff;
  visibility: hidden;
}

.section-tags .list-tags {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding: 0;
  gap: 8px;
  overflow-x: scroll;
  overflow-y: hidden;
  scroll-behavior: smooth;
  width: 100%;
}

.section-tags
  .list-tags
  .checkbox-wrapper
  input[type="checkbox"]:checked
  + label {
  background-color: #1e0dff;
}

.section-tags
  .list-tags
  .checkbox-wrapper
  input[type="checkbox"]:checked
  + label::after {
  border: solid #fff;
  border-width: 0 2px 2px 0;
}

.section-tags .list-tags::-webkit-scrollbar {
  display: none;
}

.section-tags .list-tags .item-tags > img {
  transition: all 0.3s ease-in-out;
}

.section-tags .list-tags .item-tags .icon-search_tag {
  width: 15px;
  height: 15px;
  margin-right: 8px;
}

.section-tags .list-tags .active .item-tags {
  background: #222b45;
  color: #fff;
}

.section-tags .list-tags .active .item-tags .icon-search_tag {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzEyOTRfMjMxODgpIj4KPHBhdGggZD0iTTUuNSA5LjVDNy43MDkxNCA5LjUgOS41IDcuNzA5MTQgOS41IDUuNUM5LjUgMy4yOTA4NiA3LjcwOTE0IDEuNSA1LjUgMS41QzMuMjkwODYgMS41IDEuNSAzLjI5MDg2IDEuNSA1LjVDMS41IDcuNzA5MTQgMy4yOTA4NiA5LjUgNS41IDkuNVoiIHN0cm9rZT0iI2ZmZiIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8cGF0aCBkPSJNMTAuNDk5MiAxMC41MDAyTDguMzI0MjIgOC4zMjUyIiBzdHJva2U9IiNmZmYiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9nPgo8ZGVmcz4KPGNsaXBQYXRoIGlkPSJjbGlwMF8xMjk0XzIzMTg4Ij4KPHJlY3Qgd2lkdGg9IjEyIiBoZWlnaHQ9IjEyIiBmaWxsPSJ3aGl0ZSIvPgo8L2NsaXBQYXRoPgo8L2RlZnM+Cjwvc3ZnPgo=);
}

.section__carousel {
  position: relative;
  width: 100%;
  overflow: hidden;
}

@media (min-width: 1024px) {
  .section-tags .list-tags .item-tags {
    padding: 10px;
  }
  .section-tags .list-tags .item-tags:hover {
    background: #222b45;
    color: #fff;
  }
  .section-tags .list-tags .item-tags:hover > img {
    filter: brightness(0) invert(1);
  }
  .section-tags .list-tags .item-tags:hover .icon-search_tag {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzEyOTRfMjMxODgpIj4KPHBhdGggZD0iTTUuNSA5LjVDNy43MDkxNCA5LjUgOS41IDcuNzA5MTQgOS41IDUuNUM5LjUgMy4yOTA4NiA3LjcwOTE0IDEuNSA1LjUgMS41QzMuMjkwODYgMS41IDEuNSAzLjI5MDg2IDEuNSA1LjVDMS41IDcuNzA5MTQgMy4yOTA4NiA5LjUgNS41IDkuNVoiIHN0cm9rZT0iI2ZmZiIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8cGF0aCBkPSJNMTAuNDk5MiAxMC41MDAyTDguMzI0MjIgOC4zMjUyIiBzdHJva2U9IiNmZmYiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9nPgo8ZGVmcz4KPGNsaXBQYXRoIGlkPSJjbGlwMF8xMjk0XzIzMTg4Ij4KPHJlY3Qgd2lkdGg9IjEyIiBoZWlnaHQ9IjEyIiBmaWxsPSJ3aGl0ZSIvPgo8L2NsaXBQYXRoPgo8L2RlZnM+Cjwvc3ZnPgo=);
  }
}

.section-tags .list-tags a.item-tags,
.section-tags .list-tags span.edit-online-item {
  font-style: normal;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  padding: 8px 8px 8px 30px;
  border-radius: 100px;
  border: 1px solid #dee1e5;
  background-color: #fff;
  text-transform: capitalize;
  position: relative;
  cursor: pointer;
}

.section-tags .list-tags a.item-tags > i,
.section-tags .list-tags a.item-tags > img,
.section-tags .list-tags span.edit-online-item > i,
.section-tags .list-tags span.edit-online-item > img {
  position: absolute;
  margin-right: 0;
  left: 10px;
  width: 18px;
  height: 18px;
}

.section-tags .list-tags a.item-tags > img,
.section-tags .list-tags span.edit-online-item > img {
  filter: grayscale(1);
}

.section-tags .list-tags span.edit-online-item {
  padding: 8px;
}

#related-tags {
  padding: 0;
}

#related-tags p {
  margin: 0 0 8px;
  font-size: 10px;
  line-height: 15px;
  font-weight: 600;
}

#related-tags.section-tags #btn-view-all-tags {
  font-weight: 600;
  padding: 8px 12px 8px 13px;
  height: 37px;
}

#related-tags.section-tags ul {
  flex-wrap: wrap;
}

#related-tags.business-tags {
  margin-top: 0px;
}

@media (min-width: 1024px) {
  #related-tags p {
    font-size: 14px;
    line-height: 21px;
    margin: 0 0 16px;
  }
  #related-tags.section-tags #btn-view-all-tags {
    height: 48px;
    padding: 12px 16px 12px 17px;
  }
  #related-tags.business-tags {
    margin: 24px 0px 24px 0px;
  }
}

.base__icon__svg.mr-0 {
  margin-right: 0;
}

.base__icon__svg.icon-search_tag {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzEyOTRfMjMxODgpIj4KPHBhdGggZD0iTTUuNSA5LjVDNy43MDkxNCA5LjUgOS41IDcuNzA5MTQgOS41IDUuNUM5LjUgMy4yOTA4NiA3LjcwOTE0IDEuNSA1LjUgMS41QzMuMjkwODYgMS41IDEuNSAzLjI5MDg2IDEuNSA1LjVDMS41IDcuNzA5MTQgMy4yOTA4NiA5LjUgNS41IDkuNVoiIHN0cm9rZT0iIzE2MTcyMCIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8cGF0aCBkPSJNMTAuNDk5MiAxMC41MDAyTDguMzI0MjIgOC4zMjUyIiBzdHJva2U9IiMxNjE3MjAiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9nPgo8ZGVmcz4KPGNsaXBQYXRoIGlkPSJjbGlwMF8xMjk0XzIzMTg4Ij4KPHJlY3Qgd2lkdGg9IjEyIiBoZWlnaHQ9IjEyIiBmaWxsPSJ3aGl0ZSIvPgo8L2NsaXBQYXRoPgo8L2RlZnM+Cjwvc3ZnPgo=);
  background-repeat: no-repeat;
  background-size: contain;
}

.base__icon__svg.icon__search__white {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTExIDE5QzE1LjQxODMgMTkgMTkgMTUuNDE4MyAxOSAxMUMxOSA2LjU4MTcyIDE1LjQxODMgMyAxMSAzQzYuNTgxNzIgMyAzIDYuNTgxNzIgMyAxMUMzIDE1LjQxODMgNi41ODE3MiAxOSAxMSAxOVoiIHN0cm9rZT0id2hpdGUiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjxwYXRoIGQ9Ik0yMS4wMDA0IDIxTDE2LjY1MDQgMTYuNjUiIHN0cm9rZT0id2hpdGUiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=);
}

.base__icon__svg {
  background-repeat: no-repeat;
  background-size: cover;
  width: 16px;
  height: 16px;
  margin-right: 8px;
  display: inline-block;
}

@media (max-width: 480px) {
  .base__icon__svg.logo__home__favicon {
    width: 140px;
    height: 20px;
  }
}

.base__icon__svg {
  background-repeat: no-repeat;
  background-size: cover;
  width: 16px;
  height: 16px;
  margin-right: 8px;
  display: inline-block;
}

.base__icon__svg.icon__pricing {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzE0ODFfMTUwNzgpIj4KPHBhdGggZD0iTTEwIDBDNC40ODU4MyAwIDAgNC40ODU4MyAwIDEwQzAgMTUuNTE0MiA0LjQ4NTgzIDIwIDEwIDIwQzE1LjUxNDIgMjAgMjAgMTUuNTE0MiAyMCAxMEMyMCA0LjQ4NTgzIDE1LjUxNDIgMCAxMCAwWk0xNS44MjQyIDguMzdMMTQuOTE4MyAxMy42NDc1QzE0Ljg2NjcgMTMuOTQ3NSAxNC42MDY3IDE0LjE2NjcgMTQuMzAyNSAxNC4xNjY3SDUuNjk3NUM1LjM5MzMzIDE0LjE2NjcgNS4xMzMzMyAxMy45NDc1IDUuMDgxNjcgMTMuNjQ3NUw0LjE3NTgzIDguMzdDNC4xMzU4MyA4LjEzOTE3IDQuMjI5MTcgNy45MDUgNC40MTY2NyA3Ljc2NDE3QzQuNjA1IDcuNjIyNSA0Ljg1NDE3IDcuNiA1LjA2NTgzIDcuNzAyNUw3LjQ3NzUgOC44NzY2N0w5LjQ1NDE3IDUuMzIwODNDOS42NzQxNyA0LjkyMzMzIDEwLjMyNjcgNC45MjMzMyAxMC41NDY3IDUuMzIwODNMMTIuNTIzMyA4Ljg3NjY3TDE0LjkzNSA3LjcwMjVDMTUuMTQ1OCA3LjYgMTUuMzk1OCA3LjYyMjUgMTUuNTg0MiA3Ljc2NDE3QzE1Ljc3MDggNy45MDUgMTUuODY0MiA4LjEzOTE3IDE1LjgyNDIgOC4zN1oiIGZpbGw9IndoaXRlIi8+CjwvZz4KPGRlZnM+CjxjbGlwUGF0aCBpZD0iY2xpcDBfMTQ4MV8xNTA3OCI+CjxyZWN0IHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0id2hpdGUiLz4KPC9jbGlwUGF0aD4KPC9kZWZzPgo8L3N2Zz4K);
}

.base__icon__svg {
  background-repeat: no-repeat;
  background-size: cover;
  width: 16px;
  height: 16px;
  margin-right: 8px;
  display: inline-block;
}

.base__icon__svg.arrow_next {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzAiIGhlaWdodD0iMzAiIHZpZXdCb3g9IjAgMCAzMCAzMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEwIDYuMjVMMTguNzUgMTVMMTAgMjMuNzUiIHN0cm9rZT0iIzE2MTcyMCIgc3Ryb2tlLXdpZHRoPSIzIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==);
}

.base__icon__svg {
  background-repeat: no-repeat;
  background-size: cover;
  width: 16px;
  height: 16px;
  margin-right: 8px;
  display: inline-block;
}

.base__icon__svg.arrow_prev {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzAiIGhlaWdodD0iMzAiIHZpZXdCb3g9IjAgMCAzMCAzMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTIwIDIzLjc1TDExLjI1IDE1TDIwIDYuMjUiIHN0cm9rZT0iIzE2MTcyMCIgc3Ryb2tlLXdpZHRoPSIzIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==);
}

.base__icon__svg {
  background-repeat: no-repeat;
  background-size: cover;
  width: 16px;
  height: 16px;
  margin-right: 8px;
  display: inline-block;
}

.base__icon__svg.icon__arrow__left {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICAgIDxwYXRoIGQ9Im05LjMzIDEyIC45MzctLjkzOEw3LjIwNyA4bDMuMDYtMy4wNjNMOS4zMyA0IDUuMzMzIDh6IiBmaWxsPSIjMjIyQjQ1IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiLz4KPC9zdmc+Cg==);
  transform: rotate(180deg);
}

.base__icon__svg {
  background-repeat: no-repeat;
  background-size: cover;
  width: 16px;
  height: 16px;
  margin-right: 8px;
  display: inline-block;
}

.base__icon__svg.icon__user {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEwIDRDOS4zNDA3MyA0IDguNjk2MjYgNC4xOTU1IDguMTQ4MSA0LjU2MTc3QzcuNTk5OTQgNC45MjgwNCA3LjE3MjY5IDUuNDQ4NjMgNi45MjA0IDYuMDU3NzJDNi42NjgxMSA2LjY2NjgxIDYuNjAyMSA3LjMzNzAzIDYuNzMwNzIgNy45ODM2M0M2Ljg1OTMzIDguNjMwMjQgNy4xNzY4IDkuMjI0MTggNy42NDI5OCA5LjY5MDM2QzguMTA5MTUgMTAuMTU2NSA4LjcwMzEgMTAuNDc0IDkuMzQ5NyAxMC42MDI2QzkuOTk2MyAxMC43MzEyIDEwLjY2NjUgMTAuNjY1MiAxMS4yNzU2IDEwLjQxMjlDMTEuODg0NyAxMC4xNjA2IDEyLjQwNTMgOS43MzM0IDEyLjc3MTYgOS4xODUyM0MxMy4xMzc4IDguNjM3MDcgMTMuMzMzMyA3Ljk5MjYgMTMuMzMzMyA3LjMzMzMzQzEzLjMzMzMgNi40NDkyOCAxMi45ODIxIDUuNjAxNDMgMTIuMzU3IDQuOTc2MzFDMTEuNzMxOSA0LjM1MTE5IDEwLjg4NDEgNCAxMCA0Wk0xMCA5LjMzMzMzQzkuNjA0NDQgOS4zMzMzMyA5LjIxNzc2IDkuMjE2MDMgOC44ODg4NiA4Ljk5NjI3QzguNTU5OTYgOC43NzY1MSA4LjMwMzYyIDguNDY0MTUgOC4xNTIyNCA4LjA5ODdDOC4wMDA4NyA3LjczMzI1IDcuOTYxMjYgNy4zMzExMSA4LjAzODQzIDYuOTQzMTVDOC4xMTU2IDYuNTU1MTkgOC4zMDYwOCA2LjE5ODgyIDguNTg1NzkgNS45MTkxMkM4Ljg2NTQ5IDUuNjM5NDEgOS4yMjE4NiA1LjQ0ODkzIDkuNjA5ODIgNS4zNzE3NkM5Ljk5Nzc4IDUuMjk0NTkgMTAuMzk5OSA1LjMzNDIgMTAuNzY1NCA1LjQ4NTU3QzExLjEzMDggNS42MzY5NSAxMS40NDMyIDUuODkzMjkgMTEuNjYyOSA2LjIyMjE5QzExLjg4MjcgNi41NTEwOSAxMiA2LjkzNzc3IDEyIDcuMzMzMzNDMTIgNy44NjM3NyAxMS43ODkzIDguMzcyNDcgMTEuNDE0MiA4Ljc0NzU1QzExLjAzOTEgOS4xMjI2MiAxMC41MzA0IDkuMzMzMzMgMTAgOS4zMzMzM1pNMTYgMTYuNjY2N1YxNkMxNiAxNC43NjIzIDE1LjUwODMgMTMuNTc1MyAxNC42MzMyIDEyLjcwMDJDMTMuNzU4IDExLjgyNSAxMi41NzEgMTEuMzMzMyAxMS4zMzMzIDExLjMzMzNIOC42NjY2N0M3LjQyODk5IDExLjMzMzMgNi4yNDIgMTEuODI1IDUuMzY2ODMgMTIuNzAwMkM0LjQ5MTY3IDEzLjU3NTMgNCAxNC43NjIzIDQgMTZWMTYuNjY2N0g1LjMzMzMzVjE2QzUuMzMzMzMgMTUuMTE1OSA1LjY4NDUyIDE0LjI2ODEgNi4zMDk2NCAxMy42NDNDNi45MzQ3NyAxMy4wMTc5IDcuNzgyNjEgMTIuNjY2NyA4LjY2NjY3IDEyLjY2NjdIMTEuMzMzM0MxMi4yMTc0IDEyLjY2NjcgMTMuMDY1MiAxMy4wMTc5IDEzLjY5MDQgMTMuNjQzQzE0LjMxNTUgMTQuMjY4MSAxNC42NjY3IDE1LjExNTkgMTQuNjY2NyAxNlYxNi42NjY3SDE2WiIgZmlsbD0iIzE2MTcyMCIvPgo8L3N2Zz4K);
}

.base__icon__svg {
  background-repeat: no-repeat;
  background-size: cover;
  width: 16px;
  height: 16px;
  margin-right: 8px;
  display: inline-block;
}

.base__icon__svg.icon_left_arrow {
  background-image: url(data:image/svg+xml;base64,IDxzdmcgd2lkdGg9IjIwIiBoZWlnaHQ9IjIwIiB2aWV3Qm94PSIwIDAgMjAgMjAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgICAgICAgICAgICAgPHBhdGgKICAgICAgICAgICAgICAgIGQ9Ik0xNi4yNSAxMEgzLjc1TTMuNzUgMTBMOS4zNzUgMTUuNjI1TTMuNzUgMTBMOS4zNzUgNC4zNzUiCiAgICAgICAgICAgICAgICBzdHJva2U9IiMxNjE3MjAiCiAgICAgICAgICAgICAgICBzdHJva2Utd2lkdGg9IjEuNSIKICAgICAgICAgICAgICAgIHN0cm9rZS1saW5lY2FwID0icm91bmQiCiAgICAgICAgICAgICAgICBzdHJva2UtbGluZWpvaW49InJvdW5kIgogICAgICAgICAgICAgIC8+CiAgICAgICAgICAgIDwvc3ZnPg==);
}

.base__icon__svg {
  background-repeat: no-repeat;
  background-size: cover;
  width: 16px;
  height: 16px;
  margin-right: 8px;
  display: inline-block;
}

.base__icon__svg.icon__folder {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzk3XzIwMjAxKSI+CjxwYXRoIGQ9Ik02LjExMzk4IDQuMDAwMDJMNy40NDczMiA1LjMzMzM1SDEzLjMzNFYxMkgyLjY2NzMyVjQuMDAwMDJINi4xMTM5OFpNNi42NjczMiAyLjY2NjY5SDIuNjY3MzJDMS45MzM5OCAyLjY2NjY5IDEuMzQwNjUgMy4yNjY2OSAxLjM0MDY1IDQuMDAwMDJMMS4zMzM5OCAxMkMxLjMzMzk4IDEyLjczMzQgMS45MzM5OCAxMy4zMzM0IDIuNjY3MzIgMTMuMzMzNEgxMy4zMzRDMTQuMDY3MyAxMy4zMzM0IDE0LjY2NzMgMTIuNzMzNCAxNC42NjczIDEyVjUuMzMzMzVDMTQuNjY3MyA0LjYwMDAyIDE0LjA2NzMgNC4wMDAwMiAxMy4zMzQgNC4wMDAwMkg4LjAwMDY1TDYuNjY3MzIgMi42NjY2OVoiIGZpbGw9IiMxNjE3MjAiLz4KPC9nPgo8ZGVmcz4KPGNsaXBQYXRoIGlkPSJjbGlwMF85N18yMDIwMSI+CjxyZWN0IHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0id2hpdGUiLz4KPC9jbGlwUGF0aD4KPC9kZWZzPgo8L3N2Zz4K);
}

.base__icon__svg {
  background-repeat: no-repeat;
  background-size: cover;
  width: 16px;
  height: 16px;
  margin-right: 8px;
  display: inline-block;
}

.base__icon__svg.icon_left_arrow {
  background-image: url(data:image/svg+xml;base64,IDxzdmcgd2lkdGg9IjIwIiBoZWlnaHQ9IjIwIiB2aWV3Qm94PSIwIDAgMjAgMjAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgICAgICAgICAgICAgPHBhdGgKICAgICAgICAgICAgICAgIGQ9Ik0xNi4yNSAxMEgzLjc1TTMuNzUgMTBMOS4zNzUgMTUuNjI1TTMuNzUgMTBMOS4zNzUgNC4zNzUiCiAgICAgICAgICAgICAgICBzdHJva2U9IiMxNjE3MjAiCiAgICAgICAgICAgICAgICBzdHJva2Utd2lkdGg9IjEuNSIKICAgICAgICAgICAgICAgIHN0cm9rZS1saW5lY2FwID0icm91bmQiCiAgICAgICAgICAgICAgICBzdHJva2UtbGluZWpvaW49InJvdW5kIgogICAgICAgICAgICAgIC8+CiAgICAgICAgICAgIDwvc3ZnPg==);
}

.base__icon__svg.icon__check__circle {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEzLjMzMjcgNi40NjMzNFY3QzEzLjMzMiA4LjI1NzkyIDEyLjkyNDYgOS40ODE5IDEyLjE3MTUgMTAuNDg5NEMxMS40MTgzIDExLjQ5NjkgMTAuMzU5NiAxMi4yMzM5IDkuMTUzMzEgMTIuNTkwNkM3Ljk0NzAyIDEyLjk0NzMgNi42NTc3NSAxMi45MDQ0IDUuNDc3NzkgMTIuNDY4NUM0LjI5NzgzIDEyLjAzMjYgMy4yOTA0IDExLjIyNjkgMi42MDU3NCAxMC4xNzE2QzEuOTIxMDkgOS4xMTYzNiAxLjU5NTg5IDcuODY4MDQgMS42Nzg2NiA2LjYxMjg1QzEuNzYxNDMgNS4zNTc2NyAyLjI0NzcyIDQuMTYyODYgMy4wNjUwMSAzLjIwNjYzQzMuODgyMyAyLjI1MDQgNC45ODY4MSAxLjU4Mzk4IDYuMjEzNzkgMS4zMDY3NUM3LjQ0MDc4IDEuMDI5NTMgOC43MjQ1MSAxLjE1NjM3IDkuODczNTIgMS42NjgzNE0xMy4zMzI3IDIuMzMzMzRMNy40OTkzNSA4LjE3MjVMNS43NDkzNSA2LjQyMjUiIHN0cm9rZT0iI0ZGNTAzOCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=);
}

.icon-container > span > img {
  width: 18px;
}

body .main-container .main-content {
  border-left: none;
}

.btn-filter-by {
  display: flex;
  align-items: center;
  gap: 5px;
}

.section-meta-content {
  margin-top: 16px;
}

.section-meta-content img {
  width: 100% !important;
  height: auto !important;
}

.group-pagination1 > a {
  cursor: pointer;
}

.group-pagination1 :not(:last-child):hover {
  background-color: #e9eef3;
}

.ai-generate-container {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
  position: sticky;
  top: 56px;
  z-index: 2;
  -webkit-backdrop-filter: blur(22.8px);
  backdrop-filter: blur(22.8px);
  transform: translate3d(0, 0, 0);
  padding: 0 12px;
}

.ai-generate-container .ai-generator {
  text-transform: capitalize;
  background: linear-gradient(
    0deg,
    rgb(30, 13, 255) 0%,
    rgba(27, 45, 255, 0.8) 50%,
    rgb(6, 242, 255) 100%
  );
  display: block;
  text-align: center;
  color: #fff;
  position: relative;
  max-width: calc(100vw - var(--container-padding) - var(--container-padding));
  border-radius: 99px;
  font-size: 13px;
  line-height: 19.5px;
  font-weight: 600;
  height: 32px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 4px;
  padding: 8px 16px;
  width: 50%;
  white-space: nowrap;
}

.ai-generate-container .ai-generator.ai-generator_blank {
  background: #e9eef3;
  padding: 8px 16px;
  color: #1f2124;
}

.ai-generate-container .ai-generator img {
  width: 19px;
  height: 19px;
}

main {
  padding: 0;
}

::-webkit-scrollbar {
  display: none;
}

#header .top-header {
  flex-wrap: wrap;
}

#header .top-header .logo .template {
  width: 93.76px;
  height: 16px;
}

.container-new-header .top-header {
  padding: 0;
}

.section-tags {
  margin-top: unset;
  display: flex;
  align-items: center;
  gap: 8px;
}

.section-tags > span {
  color: #616a7d;
}

#single-popup .section-tags {
  margin-top: unset;
}

#single-popup .section-tags .list-tags .arrow-left {
  left: 0 !important;
}

#single-popup .section-tags .list-tags .arrow-right {
  right: 0 !important;
}

#header {
  width: 100% !important;
  z-index: 4;
  background-color: #fff;
  left: 0;
}

.section-info {
  margin-top: 32px;
  margin-bottom: 8px;
}

.section-info h1 {
  font-size: 20px;
  font-weight: 700;
  line-height: 24.2px;
  text-align: center;
  color: #161720;
}

.section-info p {
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  text-align: center;
  color: #161720;
}

#dashboard {
  display: none;
}

.section-tags {
  margin: unset;
  max-width: 100vw;
  margin-top: 16px;
}

.section-meta-content {
  max-width: unset;
  margin-top: 16px;
}

.section-meta-content .general-content h2 {
  font-size: 13px;
  font-weight: 600;
  line-height: 19.5px;
  margin-bottom: 8px;
}

.section-meta-content .general-content p {
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  margin-bottom: 24px;
}

.section-meta-content .section-faqs > h2 {
  font-size: 13px;
  font-weight: 600;
  line-height: 19.5px;
  text-align: left;
}

.section-meta-content .section-faqs .container-faqs {
  background: none;
  margin: 0;
  padding: 0;
  cursor: pointer;
  overflow: hidden;
  transition: all 0.3s ease-in-out;
  border-bottom: 1px solid #dee1e5;
  border-radius: 0;
  position: relative;
  max-height: unset;
}

.section-meta-content .section-faqs .container-faqs .question {
  font-size: 12px;
  font-weight: 600;
  line-height: 18px;
  color: #161720;
  padding: 15px 0;
}

.section-meta-content .section-faqs .container-faqs .answer {
  position: absolute;
  width: 100%;
  opacity: 0;
}

.section-meta-content .section-faqs .container-faqs .answer * {
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
  color: #444f68;
}

.section-meta-content .section-faqs .container-faqs.toggle-answer .answer {
  opacity: 1;
}

@media (min-width: 768px) {
  .section-meta-content {
    margin-top: 16px;
  }
  .section-meta-content img {
    width: unset;
    height: unset;
  }
  #business-pricing-banner {
    max-width: 300px;
  }
  #business-pricing-banner .business-suggest {
    max-width: 300px;
  }
}

iframe[id="launcher"] {
  bottom: 60px !important;
  z-index: 1 !important;
}

.drop-down .dropdown-items {
  box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.16);
}

.ff-section-info .image {
  display: none;
}

#masonry-list-section,
#product-ssr,
.ff-section-info {
  padding: 0 var(--container-padding);
}

.breadcrumb {
  height: 32px;
  padding: 16px var(--container-padding);
}

.breadcrumb > ul > li {
  font-size: 14px;
  font-weight: 400;
  color: #000;
}

mark {
  background-color: unset;
}

@media (min-width: 1024px) {
  .ai-generate-container .ai-generator {
    max-width: 276px;
    width: fit-content;
    gap: 8px;
  }
  .list-horizontal-tags {
    min-height: 30px;
  }
  .section-info .long-text > p {
    min-height: 25px;
  }
  .read-more-btn {
    bottom: 0;
  }
  .breadcrumb {
    height: 50px;
  }
  main {
    padding-top: 0;
  }
  .landing-page {
    padding-bottom: 24px;
    height: 100%;
  }
  .banner-container {
    cursor: pointer;
  }
  .btn-toggle-menu {
    display: unset;
  }
  .section-info {
    margin-top: 0px;
  }
  .section-info h1 {
    font-size: 32px;
    font-weight: 800;
    line-height: 38.73px;
    margin-bottom: 16px;
  }
  .section-info p {
    font-size: 14px;
    font-weight: 400;
    line-height: 24.5px;
  }
  .checkbox-label {
    white-space: unset;
  }
  #header {
    min-height: 56px;
  }
  #header.sticky {
    min-height: unset;
  }
  #header .top-header {
    flex-wrap: unset;
  }
  #header .top-header .logo .template {
    width: 132.512px;
    height: 22px;
  }

  #header.sticky .top-header {
    height: 56px;
  }
  #landing-page .section-filter {
    display: flex;
    margin: 0 0 20px 0;
    padding: 0 32px;
  }
  #landing-page:has(.tags-below) .section-meta-content {
    margin-top: 56px;
  }
  #landing-page .section-filter-mobile {
    display: none;
  }
  .ff-section-info .image {
    display: flex;
  }
  #filter-lp .dropdown-items {
    max-width: unset;
  }
  #masonry-list-section,
  #product-ssr,
  .banner-container,
  #filter-lp,
  .section-tags,
  .section-meta-content,
  .ff-section-info {
    padding: 0 var(--container-padding);
  }
}

:root {
  --container-padding: 12px;
  --dashboard-open-width: 300px;
  --website-max-width: unset;
  --product--left--width: 680px;
  --product--left--max--width: 880px;
  --product--left--height: 440px;
  --product--left--max--height: 570px;
  --product--right--width: 300px;
  --product--right--max--width: 396px;
}

@media screen and (min-width: 1023px) {
  :root {
    --container-padding: 16px;
  }
}

@media screen and (min-width: 1600px) {
  :root {
    --dashboard-open-width: 400px;
  }
}

#single-popup .invalid-card-popup .popup-body,
#single-popup .start-trial-popup .popup-body {
  width: 100px;
  height: 100px;
  transform: scaleY(0.3);
  transition:
    width 0.3s ease-in-out,
    transform 0.3s ease-in-out;
}

#single-popup .invalid-card-popup .popup-body > *,
#single-popup .start-trial-popup .popup-body > * {
  opacity: 0;
  transition: opacity 0.3s ease-in-out 0.6s;
}

#single-popup .invalid-card-popup .loaded.popup-body,
#single-popup .start-trial-popup .loaded.popup-body {
  width: 95vw;
  height: unset;
  transform: scaleY(1);
}

#single-popup .invalid-card-popup .loaded.popup-body > *,
#single-popup .start-trial-popup .loaded.popup-body > * {
  opacity: 1;
}

@media (min-width: 1024px) {
  #single-popup .invalid-card-popup .popup-body,
  #single-popup .start-trial-popup .popup-body {
    transition:
      width 0.3s ease-in-out,
      height 0.3s ease-in-out 0.3s;
    max-height: 95vh;
    max-width: unset;
    width: 100px;
    height: 100px;
  }
}

#single-popup .invalid-card-popup,
#single-popup .start-trial-popup {
  pointer-events: unset;
}

#single-popup .invalid-card-popup .popup-body,
#single-popup .start-trial-popup .popup-body {
  max-height: 85vh;
  height: auto;
  max-width: unset;
}

#single-popup .invalid-card-popup .popup-body .popup-content,
#single-popup .start-trial-popup .popup-body .popup-content {
  overflow: hidden;
}

#single-popup .invalid-card-popup .popup-body .container,
#single-popup .start-trial-popup .popup-body .container {
  transition: 0.3s ease-in-out 0.6s;
  padding: 10px 20px 20px 20px;
}

#single-popup .invalid-card-popup .popup-body .container img,
#single-popup .start-trial-popup .popup-body .container img {
  display: block;
  margin: 0 auto;
}

#single-popup .invalid-card-popup .popup-body .container h1,
#single-popup .start-trial-popup .popup-body .container h1 {
  text-align: center;
  white-space: break-spaces;
  margin: 0 auto;
  font-size: 24px;
  font-weight: 800;
  line-height: 32px;
  margin-top: 50px;
}

#single-popup .invalid-card-popup .popup-body .container p,
#single-popup .start-trial-popup .popup-body .container p {
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  text-align: center;
  color: #616a7d;
  margin-top: 16px;
}

#single-popup .invalid-card-popup .popup-body .container button,
#single-popup .start-trial-popup .popup-body .container button {
  display: block;
  margin: 0 auto;
  width: 100%;
  padding: 8px 24px;
  color: #fff;
  background-color: #1e0dff;
  border-radius: 100px;
  margin-top: 34px;
  font-weight: 600;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  height: 48px;
}

#single-popup .start-trial-popup {
  pointer-events: none;
}

@media (min-width: 1024px) {
  #single-popup .invalid-card-popup .popup-body,
  #single-popup .start-trial-popup .popup-body {
    max-height: 95vh;
  }
  #single-popup .invalid-card-popup .popup-body .container,
  #single-popup .start-trial-popup .popup-body .container {
    padding: 30px 70px 47px 70px;
  }
  #single-popup .invalid-card-popup .popup-body.loaded,
  #single-popup .start-trial-popup .popup-body.loaded {
    width: 580px;
    height: 576px;
  }
  #single-popup .start-trial-popup.unlimited-success {
    pointer-events: unset;
  }
  #single-popup .start-trial-popup.unlimited-success .popup-body.loaded {
    width: 500px;
    height: auto;
  }
  #single-popup .start-trial-popup .popup-body .container {
    padding: 40px 50px 47px 50px;
  }
  #single-popup .start-trial-popup .popup-body.loaded {
    width: 500px;
    height: 650px;
  }
}

.group_search_with_filter,
.search-relative {
  position: relative;
}

aside .search-box {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-radius: 99px;
  height: 40px;
}

aside .search-box .auto-complete-container {
  z-index: 999;
  top: 42px;
  left: 0;
  width: 100%;
  background-color: #fff;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
  border-radius: 10px;
  margin: 0px 0 0;
  overflow-y: auto;
  position: absolute;
  max-height: 300px;
  transition:
    opacity 0.2s ease-in,
    filter 0.2s ease-in;
}

aside .search-box .auto-complete-container .search-result li > a {
  color: #000;
  width: 100%;
  display: block;
  padding: 10px 15px;
  font-size: 14px;
}

aside .search-box .auto-complete-container .search-result li > a:hover {
  color: #1e0dff;
}

aside .search-box .auto-complete-container .search-result li > a em {
  background-color: rgba(0, 0, 0, 0);
  font-weight: 600;
  font-style: inherit;
}

aside .search-box .auto-complete-container .search-result.skeleton1 {
  height: 36px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 9px 18px;
}

aside .search-box .auto-complete-container .search-result.skeleton1 .content {
  width: 100%;
  height: 100%;
}

aside .search-box .auto-complete-container .list-with-icon:not(:first-of-type) {
  margin-top: 10px;
}

aside .search-box .auto-complete-container .list-with-icon > div {
  padding: 10px 15px 5px 15px;
  font-size: 14px;
  border-top: 1px solid #eaeaea;
}

aside .search-box .auto-complete-container .list-with-icon > ul li {
  padding: 6px 15px;
  display: flex;
  align-items: center;
}

aside .search-box .auto-complete-container .list-with-icon > ul li:hover {
  cursor: pointer;
}

aside .search-box .auto-complete-container .list-with-icon > ul li:hover span {
  color: #1e0dff;
}

aside .search-box .auto-complete-container .list-with-icon > ul li > span,
aside .search-box .auto-complete-container .list-with-icon > ul li a {
  color: #000;
  font-size: 14px;
  font-weight: 400;
}

aside .search-box .auto-complete-container .list-with-icon > ul li a {
  display: flex;
}

aside .search-box .auto-complete-container .list-with-icon > ul li img {
  margin-right: 10px;
}

aside .search-box .auto-complete-container .list-with-icon > ul li > i {
  margin-left: auto;
}

aside .search-box .search-box-form {
  flex: 1;
  display: flex;
  align-items: center;
  position: relative;
  width: unset;
  background: 0 0;
  border: none;
}

aside .search-box .search-box-form .search-box-input {
  width: 100%;
  font-size: 12px;
  font-weight: 400;
  line-height: 12px;
  border: none;
  height: 100%;
  padding-right: 8px;
  background: 0;
}

aside .search-box button {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  background: rgba(0, 0, 0, 0);
  border-radius: 50%;
  border: none;
  cursor: pointer;
}

aside .search-box button.icon-close {
  background: #e1e4e8;
}

aside .search-box .drop-down {
  font-size: 16px;
  font-weight: 500;
  line-height: 16px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: #000;
  background: #fff;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
  border-radius: 99px;
  cursor: pointer;
  width: unset;
  gap: 8px;
  padding: 6px 10px;
}

aside .search-box .drop-down span.drop-down-icon-dropdown {
  width: 16px;
  height: 16px;
}

aside .search-box .search-box-form button {
  min-width: 24px;
  display: flex;
}

@media (min-width: 1024px) {
  aside .search-box .search-box-form button {
    min-width: 48px;
  }
}

aside .search-box .search-box-form button svg {
  width: 13px;
  height: 13px;
}

aside .search-box .search-tags {
  padding: 4px 8px;
  background-color: #fff;
  border-radius: 99px;
  display: flex;
  align-items: center;
  gap: 4px;
  max-height: 24px;
}

aside .search-box .search-tags > span {
  font-size: 11px;
  font-weight: 600;
  line-height: 19.5px;
  color: #1f2124;
  text-transform: capitalize;
}

@media (min-width: 1024px) {
  aside .search-box .search-tags {
    padding: 8px 12px;
    max-height: 32px;
    gap: 8px;
  }
  aside .search-box .search-tags > span {
    font-size: 13px;
  }
}

#search-box-hero-banner-csr {
  width: 100%;
}

#search-box-hero-banner-csr .search-box .search-box-form button svg {
  width: 13px;
  height: 13px;
}

@media (min-width: 1024px) {
  #search-box-hero-banner-csr .search-box .search-box-form button {
    min-width: 48px;
  }
  #search-box-hero-banner-csr .search-box .search-box-form button svg {
    width: 24px;
    height: 24px;
  }
}

@media (min-width: 1024px) {
  aside .search-box {
    padding: 12px;
    height: 72px;
  }
  aside .search-box > button {
    min-width: 48px;
    height: 48px;
  }
  aside .search-box .search-box-form .search-box-input {
    font-size: 20px;
    font-weight: 400;
    line-height: 21px;
  }
  aside .search-box .drop-down {
    padding: 14px 16px 14px 18px;
  }
  aside .search-box .auto-complete-container li a {
    font-size: unset;
  }
  aside #search-box-hero-banner-csr {
    width: calc(100% - 200px);
    max-width: 1028px;
  }
  aside #search-box-hero-banner-csr .search-box .auto-complete-container {
    top: 65px;
  }
  aside #search-box-hero-banner-csr .search-box .icon-loading-ripple {
    width: 48px;
  }
}

:root {
  --container-padding: 12px;
  --dashboard-open-width: 300px;
  --website-max-width: unset;
  --product--left--width: 680px;
  --product--left--max--width: 880px;
  --product--left--height: 440px;
  --product--left--max--height: 570px;
  --product--right--width: 300px;
  --product--right--max--width: 396px;
}

@media screen and (min-width: 1023px) {
  :root {
    --container-padding: 16px;
  }
}

@media screen and (min-width: 1600px) {
  :root {
    --dashboard-open-width: 400px;
  }
}

#single-popup {
  z-index: 1999999999 !important;
}

#single-popup .new-authen-popup .popup-body {
  max-height: 95vh;
  max-width: 343px;
  display: flex;
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
  padding-bottom: 10px;
}

#single-popup .new-authen-popup .popup-body .popup-content {
  display: flex;
  border-radius: 16px;
  max-height: unset;
}

#single-popup .new-authen-popup .popup-body.loaded {
  opacity: 1;
}

#single-popup .new-authen-popup .container {
  display: flex;
  flex-direction: column;
}

#single-popup .new-authen-popup .container .right {
  order: 0;
  display: flex;
}

#single-popup .new-authen-popup .container .right img {
  border-radius: 16px 16px 0 0;
  width: 100%;
  height: auto;
}

#single-popup .new-authen-popup .container .left {
  padding: 30px 24px;
  order: 1;
  display: grid;
  overflow-y: auto;
  grid-template-areas: "title " "buttons" "info" "price-container" "price-info" "benefit";
}

#single-popup .new-authen-popup .container * {
  font-family: unset;
}

#single-popup .new-authen-popup .container.signin .left {
  padding: 50px 24px 45px 24px;
  display: flex;
  flex-direction: column;
}

#single-popup .new-authen-popup .container.signin .left > h1 {
  font-size: 20px;
  font-weight: 800;
  line-height: 24px;
  text-align: center;
}

#single-popup .new-authen-popup .container.signin .left > h3 {
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  color: #8f99a8;
  text-align: center;
}

#single-popup .new-authen-popup .container.signin .left > div {
  padding: 0;
  width: 295px;
  margin: 0 auto;
}

#single-popup
  .new-authen-popup
  .container.signin
  .left
  > div
  .form
  .form-content
  .social__auth__section {
  display: flex;
  flex-direction: column;
  gap: 14px;
  margin-bottom: 14px;
}

#single-popup
  .new-authen-popup
  .container.signin
  .left
  > div
  .form
  .form-content
  .social__auth__section
  > div {
  width: 100%;
  margin: 0;
  height: 48px;
}

#single-popup
  .new-authen-popup
  .container.signin
  .left
  > div
  .form
  .form-content
  .social__auth__section
  > div
  button {
  padding: 12px 24px;
  background-color: #fff !important;
}

#single-popup
  .new-authen-popup
  .container.signin
  .left
  > div
  .form
  .form-content
  .social__auth__section
  > div
  button
  span
  + span {
  color: #000;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
}

#single-popup
  .new-authen-popup
  .container.signin
  .left
  > div
  .form
  .form-content
  button.custom-button-social {
  padding: 12px 24px;
}

#single-popup
  .new-authen-popup
  .container.signin
  .left
  > div
  .form
  .form-content
  button.custom-button-social
  span
  + span {
  color: #000;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
}

#single-popup
  .new-authen-popup
  .container.signin
  .left
  > div
  .form
  .form-content
  > div:nth-child(2) {
  margin-top: 0;
  height: 48px;
  margin-bottom: 18px;
}

#single-popup
  .new-authen-popup
  .container.signin
  .left
  > div
  .form
  .form-content
  > div:nth-child(3) {
  margin-top: 0;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  margin-bottom: 30px;
}

#single-popup
  .new-authen-popup
  .container.signin
  .left
  > div
  .form
  .form-content
  > div:nth-child(4) {
  display: none;
}

#single-popup
  .new-authen-popup
  .container.signin
  .left
  > div
  .form
  .form-content
  > p {
  margin-top: 0;
  font-size: 14px;
  font-weight: 600;
  line-height: 24px;
}

#single-popup
  .new-authen-popup
  .container.signin
  .left
  > div
  .form
  .form-content
  > h6 {
  margin: 20px 0px;
}

#single-popup
  .new-authen-popup
  .container.signin
  .left
  > div
  .form
  .form-content
  .sign-in-form
  div {
  height: 48px;
}

#single-popup
  .new-authen-popup
  .container.signin
  .left
  > div
  .form
  .form-content
  .sign-in-form
  div
  input {
  padding: 0 14px;
  height: 48px;
}

#single-popup
  .new-authen-popup
  .container.signin
  .left
  > div
  .form
  .form-content
  .sign-in-form
  button {
  height: 48px;
}

#single-popup .new-authen-popup .container .title {
  grid-area: title;
}

#single-popup .new-authen-popup .container .title h1 {
  font-style: normal;
  font-size: 24px;
  font-weight: 800;
  line-height: 31.5px;
  text-align: center;
}

#single-popup .new-authen-popup .container .buttons {
  grid-area: buttons;
  margin-top: 16px;
}

#single-popup .new-authen-popup .container .buttons button {
  width: 295px;
  height: 48px;
  padding: 12px 24px 12px 24px;
  border-radius: 100px;
  gap: 8px;
  background-color: #1e0dff;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  color: #fff;
}

@media (min-width: 1024px) {
  #single-popup .new-authen-popup .popup-body {
    max-height: 95vh;
    max-width: unset;
    padding-bottom: unset;
    width: 840px;
    height: 558px;
  }
  #single-popup .new-authen-popup .popup-body .popup-content {
    height: 100%;
  }
  #single-popup .new-authen-popup .container {
    width: 100%;
    flex-direction: row;
  }
  #single-popup .new-authen-popup .container .left,
  #single-popup .new-authen-popup .container .right {
    flex: 0 0 50%;
  }
  #single-popup .new-authen-popup .container .right {
    order: 2;
  }
  #single-popup .new-authen-popup .container .right img {
    border-radius: unset;
  }
  #single-popup .new-authen-popup .container .left {
    padding: 75px 50px 26px 50px;
    order: 1;
    grid-template-areas: "title title" "benefit benefit" "info info" "price-container price-info" "buttons buttons";
  }
  #single-popup .new-authen-popup .container .forgot-password {
    margin-top: 50px !important;
  }
  #single-popup
    .new-authen-popup
    .container
    .forgot-password
    .forgot-password__form
    .forgot-password-input {
    height: 48px;
  }
  #single-popup
    .new-authen-popup
    .container
    .forgot-password
    .forgot-password__form
    .forgot-password-input
    div {
    height: 48px;
  }
  #single-popup
    .new-authen-popup
    .container
    .forgot-password
    .forgot-password__form
    .forgot-password-input
    div
    input {
    height: 48px;
    padding: 0px 14px;
  }
  #single-popup
    .new-authen-popup
    .container
    .forgot-password
    .forgot-password__form
    button {
    height: 48px;
  }
  #single-popup .new-authen-popup .container .title {
    grid-area: title;
  }
  #single-popup .new-authen-popup .container .buttons {
    margin-top: 34px;
    grid-area: buttons;
  }
  #single-popup .new-authen-popup .container .buttons button {
    width: 100%;
  }
  #single-popup .new-authen-popup .container.signin .left {
    padding: 108px 70px 0 70px;
  }
  #single-popup .new-authen-popup .container.signin .left > h3 {
    margin-bottom: 36px;
  }
  #single-popup .new-authen-popup .container.signin .left > div {
    width: 310px;
  }
  #single-popup
    .new-authen-popup
    .container.signin
    .left
    > div
    .form
    .form-content
    > div:nth-child(2) {
    margin-bottom: 36px;
  }
  #single-popup
    .new-authen-popup
    .container.signin
    .left
    > div
    .form
    .form-content
    > div:nth-child(3) {
    margin-bottom: 50px;
  }
  #single-popup
    .new-authen-popup
    .container.signin
    .left
    > div
    .form
    .form-content
    > p {
    font-family: unset;
  }
}

.user-menu-container {
  display: inline;
}

.user-menu-container > span {
  position: relative;
  padding-top: 2px;
  width: 32px;
  height: 32px;
  color: #000;
  font-weight: bold;
  border: 1px solid #e1e4e8;
  border-radius: 30px;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  cursor: pointer;
  text-transform: uppercase;
  background-color: #e1e4e8;
  font-size: 15px;
}

.user-menu-container .sub-user-menu {
  opacity: 0;
  transition-duration: 200ms;
  z-index: 9999;
  position: absolute;
  box-shadow: #b6b6b6 0px 0px 3px 0px;
  background: #fff;
  cursor: initial;
  right: 0px;
  visibility: hidden;
}

.user-menu-container .sub-user-menu.active {
  opacity: 1;
  visibility: visible;
}

.user-menu-container .user-menu {
  width: 280px;
  border-radius: 4px;
  margin-top: 8px;
  opacity: 1;
  z-index: 1299;
}

.user-menu-container .user-menu .user-menu-top {
  width: 100%;
  padding: 16px 24px 24px;
  display: flex;
  box-sizing: border-box;
  border-bottom: 1px solid #e6e6e6;
}

.user-menu-container .user-menu .user-menu-top .user-icon span {
  font-size: 26px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.231;
  letter-spacing: normal;
  text-align: center;
  color: #222b45;
  min-width: 64px;
  height: 64px;
  border-radius: 50%;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  position: relative;
  text-transform: uppercase;
  background-color: #e4e9f2;
  margin-right: 8px;
}

.user-menu-container .user-menu .user-menu-top .user-info {
  display: flex;
  flex: 1 1 0%;
  overflow: hidden;
  flex-direction: column;
  -webkit-box-pack: center;
  justify-content: center;
}

.user-menu-container .user-menu .user-menu-top .user-info h6 {
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  padding: 0px;
  margin: 0px;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.6;
  text-align: inherit;
  color: #8f9bb3;
  overflow: hidden;
  text-overflow: ellipsis;
}

.user-menu-container .user-menu .user-menu-top .user-info h6:first-child {
  font-size: 18px;
  font-weight: 700;
  line-height: 1.33;
  color: inherit;
}

.user-menu-container .user-menu .user-menu-content {
  margin: 0px;
  padding: 12px 0px;
  border-top: 1px solid #e6e6e6;
}

.user-menu-container .user-menu .user-menu-content:nth-of-type(1) {
  border-top: none;
}

.user-menu-container .user-menu .user-menu-content li {
  cursor: pointer;
  height: 40px;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  padding: 0px 16px;
  flex-wrap: wrap;
}

.user-menu-container .user-menu .user-menu-content li:hover {
  background: #e4e9f2;
}

.user-menu-container .user-menu .user-menu-content li a {
  height: 100%;
  width: 100%;
  display: flex;
  align-items: center;
}

.user-menu-container .user-menu .user-menu-content li span,
.user-menu-container .user-menu .user-menu-content li a {
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  padding: 0px;
  margin: 0px;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.33;
  text-align: inherit;
  color: inherit;
}

.user-menu-container .user-menu .user-menu-content li.team-container {
  height: auto;
  gap: 5px;
  padding: 0;
}

.user-menu-container .user-menu .user-menu-content li.team-container:hover {
  background-color: #fff;
}

.user-menu-container .user-menu .user-menu-content li.team-container div {
  width: 100%;
  padding: 0 16px;
}

.user-menu-container .user-menu .user-menu-content li.team-container div:hover {
  background-color: #e4e9f2;
}

.user-menu-container
  .user-menu
  .user-menu-content
  li.team-container
  div:hover:nth-child(1) {
  background-color: #fff;
  cursor: auto;
}

.user-menu-container .user-menu .user-menu-content li.team-container div h6 {
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  padding: 0px;
  margin: 0px;
  font-size: 13px;
  font-weight: 500;
  line-height: 1.85;
  text-align: inherit;
  color: #2e3a59;
}

.user-menu-container .user-menu .user-menu-content li.team-container .team {
  display: flex;
  align-items: center;
  margin-bottom: 3px;
  padding: 9px 16px;
}

.user-menu-container
  .user-menu
  .user-menu-content
  li.team-container
  .team
  span.icon {
  width: 24px;
  height: 24px;
  font-size: 14px;
  border-radius: 50%;
  text-align: center;
  display: flex;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  align-items: center;
  background: #c5cee0;
  flex: 0 0 24px;
  padding-top: 3px;
}

.user-menu-container .user-menu .user-menu-content li.team-container .team p {
  margin-left: 8px;
  flex: 1 1 0%;
  word-break: break-all;
}

.group_search_with_filter,
.search-relative {
  position: relative;
}
.group_search_with_filter,
.search-relative {
  position: relative;
}

.search-box {
  display: flex;
  align-items: center;
  padding: 0;
  position: relative;
}

.search-box .icon-loading-ripple {
  position: absolute;
  left: 4px;
}

.search-box .auto-complete-container {
  z-index: 999;
  top: 42px;
  left: 0;
  width: 100%;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
  border-radius: 10px;
  margin: 0px 0 0;
  overflow-y: auto;
  position: absolute;
  padding-bottom: 8px;
  max-height: 418px;
  transition:
    opacity 0.2s ease-in,
    filter 0.2s ease-in;
}

.search-box .auto-complete-container .search-by-tags {
  display: flex;
  padding: 10px 2px;
  position: sticky;
  top: 0;
}

@media (min-width: 768px) {
  .search-box .auto-complete-container .search-by-tags {
    gap: 8px;
    padding: 10px 10px;
    justify-content: unset;
  }
}
@media (max-width: 768px) {
  .search-box .auto-complete-container {
    left: 10px;
  }
}

.search-box .auto-complete-container .search-by-tags > div {
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  text-align: center;
  padding: 4px 12px;
  border-radius: 100px;
  border: 1px solid #dee1e5;
}

.search-box .auto-complete-container .search-by-tags > div#search-by-all {
  min-width: 48px;
}

.search-box .auto-complete-container .search-by-tags > div.active {
  background: #f5f7fa;
}

.search-box .auto-complete-container .search-by-tags > div:hover {
  cursor: pointer;
  background: #f5f7fa;
}

.search-box .auto-complete-container .search-result li {
  padding: 0 10px;
  font-size: 13px;
}

.search-box .auto-complete-container .search-result li.skeleton1 {
  height: 36px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 9px 18px;
}

.search-box .auto-complete-container .search-result li.skeleton1 .content {
  width: 100%;
  height: 100%;
}

.search-box .auto-complete-container .search-result li > a {
  color: #000;
  width: 100%;
  display: flex;
  gap: 10px;
  padding: 9px 15px;
  font-size: 13px;
  border-radius: 4px;
}

.search-box .auto-complete-container .search-result li > a:hover {
  background: rgba(0, 0, 0, 0.05);
}

.search-box .auto-complete-container .search-result li > a em {
  background-color: rgba(0, 0, 0, 0);
  font-weight: 600;
  font-style: inherit;
}

.search-box .auto-complete-container .list-with-icon > div {
  padding: 10px 15px 5px 15px;
  font-size: 14px;
  border-top: 1px solid #eaeaea;
}

.search-box .auto-complete-container .list-with-icon > ul li {
  padding: 0px 10px;
  display: flex;
  align-items: center;
}

.search-box .auto-complete-container .list-with-icon > ul li > div,
.search-box .auto-complete-container .list-with-icon > ul li > a {
  padding: 9px 8px;
  font-size: 13px;
  display: flex;
  width: 100%;
  align-items: center;
  border-radius: 4px;
}

.search-box .auto-complete-container .list-with-icon > ul li > div > i,
.search-box .auto-complete-container .list-with-icon > ul li > a > i {
  margin-left: auto;
}

.search-box .auto-complete-container .list-with-icon > ul li:hover {
  cursor: pointer;
}

.search-box .auto-complete-container .list-with-icon > ul li:hover > div,
.search-box .auto-complete-container .list-with-icon > ul li:hover > a {
  background: rgba(0, 0, 0, 0.05);
}

.search-box .auto-complete-container .list-with-icon > ul li > span,
.search-box .auto-complete-container .list-with-icon > ul li a {
  color: #000;
  font-size: 14px;
  font-weight: 400;
}

.search-box .auto-complete-container .list-with-icon > ul li a {
  display: flex;
}

.search-box .auto-complete-container .list-with-icon > ul li img {
  margin-right: 10px;
}

.search-box .auto-complete-container .list-with-icon > ul li > i {
  margin-left: auto;
}

.search-box .search-box-form {
  flex: 1;
  display: flex;
  align-items: center;
  position: relative;
  width: unset;
  background: 0 0;
  border: none;
}

.search-box .drop-down {
  font-size: 16px;
  font-weight: 500;
  line-height: 16px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: #000;
  background: #fff;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
  border-radius: 99px;
  cursor: pointer;
  width: unset;
  gap: 8px;
  padding: 6px 10px;
}

.search-box .drop-down span.drop-down-icon-dropdown {
  width: 16px;
  height: 16px;
}

.search-box .generate-button {
  position: absolute;
  right: 12px;
  display: flex;
  flex-direction: row;
  justify-content: none;
  align-items: center;
  height: 32px;
  padding: 6px 8px;
  cursor: pointer;
  border-radius: 100px;
  background: #1e0dff;
}

.search-box .generate-button img {
  width: 16px;
  height: 16px;
  margin-right: 0;
}

.search-box .generate-button span {
  display: none;
  color: #fff;
  font-size: 13px;
  font-style: normal;
  font-weight: 600;
  line-height: 150%;
}

.search-box .search-box-form button {
  min-width: 24px;
  display: flex;
}

@media (min-width: 1024px) {
  .search-box .search-box-form button {
    min-width: 48px;
  }
}

.search-box .search-box-form button svg {
  width: 13px;
  height: 13px;
}

.search-box .search-tags {
  padding: 4px 8px;
  background-color: #fff;
  border-radius: 99px;
  display: flex;
  align-items: center;
  gap: 4px;
  max-height: 24px;
}

.search-box .search-tags > span {
  font-size: 11px;
  font-weight: 600;
  line-height: 19.5px;
  color: #1f2124;
  text-transform: capitalize;
}

@media (min-width: 1024px) {
  .search-box .search-tags {
    padding: 8px 12px;
    max-height: 32px;
    gap: 8px;
  }
  .search-box .search-tags > span {
    font-size: 13px;
  }
}

#search-box-hero-banner-csr {
  width: 100%;
}

#search-box-hero-banner-csr .search-box .search-box-form button svg {
  width: 13px;
  height: 13px;
}

@media (min-width: 1024px) {
  #search-box-hero-banner-csr .search-box .search-box-form button {
    min-width: 48px;
  }
  #search-box-hero-banner-csr .search-box .search-box-form button svg {
    width: 24px;
    height: 24px;
  }
}

@media (min-width: 1024px) {
  .search-box {
    height: 48px;
  }
  .search-box .search-box-form .search-box-input {
    color: #aeb4bd;
    font-size: 13px;
    font-style: normal;
    font-weight: 600;
    line-height: 150%;
  }
  .search-box .drop-down {
    padding: 14px 16px 14px 18px;
  }
  .search-box .auto-complete-container li a {
    font-size: unset;
  }
  .search-box .generate-button {
    display: flex;
    flex-direction: row;
    justify-content: none;
    align-items: center;
    height: 32px;
    padding: 6px 16px;
    cursor: pointer;
    border-radius: 100px;
    background: #1e0dff;
  }
  .search-box .generate-button img {
    width: 16px;
    height: 16px;
    margin-right: 8px;
  }
  .search-box .generate-button span {
    display: block;
    color: #fff;
    font-size: 13px;
    font-style: normal;
    font-weight: 600;
    line-height: 150%;
  }
  #search-box-hero-banner-csr {
    width: calc(100% - 250px);
    max-width: 1028px;
  }
  #search-box-hero-banner-csr .search-box .auto-complete-container {
    top: 56px;
  }
  #search-box-hero-banner-csr .search-box .icon-loading-ripple {
    width: 48px;
  }
}
/* @media (min-width: 768px) {
  #header .container-new-header .top-header {
    gap: 40px !important;
    flex-wrap: unset;
  }
} */
.container-new-header .top-header .group_search_with_filter {
  display: flex !important;
  justify-content: flex-end;
}
body#landing_page
  .container-new-header
  .top-header
  .group_search_with_filter
  #search-box-csr,
body#landing_page
  .container-new-header
  .top-header
  .group_search_with_filter
  #search-box-csr
  .lookup-icon {
  display: flex !important;
}

#ai-banner-container {
  display: none !important;
}

#header .container-new-header .top-header .group_search_with_filter {
  order: 0 !important;
}
.modal-dialog.modal-dialog-centered {
  margin: auto !important;
}