.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 .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, .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, .5)
}

#pseudo-layer {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1001;
    background-color: rgba(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 .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 .3s ease-in-out
}

.navigation .main-menu li .sub-menu .container-sub-menu .popular {
    display: none;
    margin-top: 12px;
    margin-left: .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 .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 .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, .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 .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 .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 .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 .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
}

.container-new-header .top-header .btn-actions #btn-go-unlimited #btn-unlimited {
    display: inline-flex;
    color: #fff;
    background: linear-gradient(130deg, rgb(255, 80, 56) 16%, rgb(18, 0, 253) 16%);
    border-radius: 99px;
    white-space: nowrap;
    display: flex;
    align-items: center;
    font-size: 9px;
    line-height: 9px;
    padding: 10px 16px;
    margin-right: 2px
}

#header {
    border-bottom: 1px solid #e1e4e8;
    padding: 12px 0 10px 0;
    top: 0;
    min-height: 104px
}

#header .top-header {
    gap: 6px
}

#header .top-header .group_search_with_filter {
    height: 47px;
    transition: .3s height ease-in-out;
    z-index: 1
}

#header .top-header .group_search_with_filter #search-box.new-home-search .drop-down {
    display: none
}

#header .top-header .group_search_with_filter #search-box.new-home-search>button {
    padding-left: unset;
    padding-right: unset;
    left: 13px;
    width: 15px;
    height: 15px;
    position: absolute;
    min-width: unset;
    justify-content: left
}

#header .top-header .group_search_with_filter #search-box.new-home-search>button.clear-search {
    left: unset;
    right: 13px;
    justify-content: right
}

#header .top-header .group_search_with_filter #search-box.new-home-search .generate-button {
    display: none
}

#header .top-header .group_search_with_filter #search-box .auto-complete-container {
    top: 46px
}

#header.hide-search .top-header .group_search_with_filter {
    height: 0;
    margin-top: 0px;
    overflow: hidden
}

#header .logo {
    margin-top: 6px
}

.container-new-header {
    max-width: 100vw;
    padding: 0 var(--container-padding)
}

.container-new-header #tags-container {
    display: flex;
    transition: max-height .5s ease 0s
}

.container-new-header .top-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap
}

.container-new-header .top-header .logo {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    width: auto;
    height: 20px
}

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

.container-new-header .top-header .logo i.icon__hamburger {
    margin-right: 3px
}

.container-new-header .top-header .logo a {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    text-decoration: none;
    color: #161720
}

.container-new-header .top-header button {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 8px
}

.container-new-header .top-header button>img {
    width: 18px;
    height: 18px
}

.container-new-header .top-header .group_search_with_filter {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    order: 3;
    width: 100%;
    gap: 10px
}

.container-new-header .top-header .group_search_with_filter #search-box-csr {
    width: 100%
}

.container-new-header .top-header .group_search_with_filter .search-box {
    order: unset;
    width: 100%;
    margin: 0 8px 0 0
}

.container-new-header .top-header .group_search_with_filter .search-box .drop-down {
    padding: 8px 16px;
    font-size: 12px;
    font-weight: 500;
    line-height: 12px;
    width: unset;
    gap: 8px;
    padding: 4px 8px
}

.container-new-header .top-header .group_search_with_filter .search-box .drop-down .item-drop-down {
    white-space: nowrap
}

.container-new-header .top-header .group_search_with_filter .search-box .search-box-input {
    color: #1f2124;
    font-size: 12px;
    font-weight: 500;
    line-height: 18px;
    padding: 12px 40px 12px 40px;
    border: 1px solid #cfd6dd;
    border-radius: 99px
}

.container-new-header .top-header .group_search_with_filter .search-box button svg {
    width: 14px;
    height: 14px
}

.container-new-header .top-header .btn-actions {
    z-index: 1;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 4px;
    height: 28px;
    cursor: pointer
}

.container-new-header .top-header .btn-actions div>a {
    color: #000;
    font-size: 13px;
    line-height: 19.5px
}

.container-new-header .top-header .btn-actions div>a .icon__pricing {
    margin-right: 5px
}

.container-new-header .top-header .btn-actions button {
    font-size: 10px;
    line-height: 10px;
    padding: 0;
    background: 0 0;
    border: none;
    color: #161720;
    display: flex;
    justify-content: flex-start;
    align-items: center
}

.container-new-header .top-header .btn-actions button .sign-btn {
    text-wrap: nowrap
}

.container-new-header .top-header .btn-actions #btn-pricing-csr {
    padding: 0 8px
}

.container-new-header .top-header .btn-actions #btn-pricing-csr .btn-pricing {
    font-size: 12px;
    line-height: 18px
}

.container-new-header .top-header .btn-actions #btn-pricing-csr .btn-pricing .icon__trial {
    background-size: 14.25px 11.17px;
    background-position: center;
    margin-right: 4px
}

.container-new-header .top-header .btn-actions #btn-pricing-csr a i {
    margin-right: 4px
}

.container-new-header .top-header .btn-actions #btn-go-unlimited #btn-unlimited {
    height: 26px;
    font-size: 12px;
    line-height: 18px;
    padding: 10px 9px
}

@media(min-width: 1024px)and (max-width: 1212px) {
    .container-new-header .top-header {
        flex-wrap: nowrap
    }
}

#main_category_page .search-box-form>button,
#landing_page .search-box-form>button,
#file_format_landing_page .search-box-form>button {
    background-color: #fcfcff
}

#main_category_page .search-box-form>button svg path,
#landing_page .search-box-form>button svg path,
#file_format_landing_page .search-box-form>button svg path {
    stroke: #000
}

#main_category_page .search-box,
#landing_page .search-box,
#file_format_landing_page .search-box {
    gap: 0
}

#main_category_page .search-box>button,
#landing_page .search-box>button,
#file_format_landing_page .search-box>button {
    background-color: rgba(0, 0, 0, 0)
}

#main_category_page #aside-search-box .search-box-form>button,
#landing_page #aside-search-box .search-box-form>button,
#file_format_landing_page #aside-search-box .search-box-form>button {
    background-color: unset
}

@media(min-width: 768px) {
    #header {
        padding: 0;
        min-height: 56px;
        top: 0;
        display: flex;
        align-items: center
    }
    #header .container-new-header {
        width: 100%
    }
    #header .container-new-header .top-header {
        gap: 6px;
        flex-wrap: unset
    }
    #header .container-new-header .top-header .btn-actions {
        height: 36px;
        order: 4
    }
    #header .container-new-header .top-header .btn-actions div>a {
        font-size: 13px;
        padding: 8px 16px;
        height: 36px
    }
    #header .container-new-header .top-header .btn-actions button {
        font-size: 14px;
        line-height: 16px;
        padding: 10px 0
    }
    #header .container-new-header .top-header .btn-actions #auth-section-csr {
        margin-left: 6px
    }
    #header .container-new-header .top-header .group_search_with_filter {
        order: 3;
        width: 100%;
        margin: 0;
        margin-top: 0;
        height: auto
    }
    #header .container-new-header .top-header .group_search_with_filter .search-box {
        order: unset;
        height: 44px;
        width: 100%;
        margin: 0
    }
    #header .container-new-header .top-header .group_search_with_filter .search-box .search-box-form>input {
        height: auto
    }
    #header .container-new-header .top-header .group_search_with_filter .search-box .drop-down {
        padding: 8px 16px
    }
    #header .container-new-header .top-header .group_search_with_filter .search-box #search-box.new-home-search>button {
        left: 10px
    }
    #header .container-new-header .top-header .group_search_with_filter .search-box button {
        min-width: 32px;
        width: 32px;
        height: 32px
    }
}

@media(min-width: 1024px) {
    #header .top-header .group_search_with_filter #search-box.new-home-search>button {
        left: 13px
    }
    .container-new-header .top-header .group_search_with_filter .search-box .search-box-input {
        padding: 12px 48px 12px 48px
    }
    .container-new-header .top-header .btn-actions #btn-go-unlimited #btn-unlimited {
        height: 32px;
        font-size: 13px;
        line-height: 19.5px;
        padding: 10px 18px
    }
    .container-new-header .top-header .btn-actions #btn-go-unlimited #btn-unlimited .icon__trial {
        margin-right: 8px
    }
    .container-new-header .top-header .btn-actions #btn-go-unlimited #btn-unlimited .unlimited_plan {
        font-size: 13px;
        line-height: 19.5px
    }
    .search-box {
        gap: 0
    }
    .search-box>button {
        background-color: rgba(0, 0, 0, 0)
    }
    .container-new-header .top-header .logo .template {
        width: 132.512px;
        height: 22px
    }
    .container-new-header .top-header .group_search_with_filter {
        width: auto;
        order: unset;
        flex: 1 1 auto;
        margin: 0 15px
    }
    .container-new-header .top-header .btn-actions {
        gap: unset
    }
    .container-new-header .top-header .btn-actions #btn-pricing-csr {
        padding: 0 24px
    }
    .container-new-header .top-header .btn-actions #btn-pricing-csr .btn-pricing {
        font-size: 13px;
        line-height: 19.5px
    }
    .container-new-header .top-header .btn-actions #btn-pricing-csr a i {
        margin-right: 8px
    }
    .container-new-header .top-header .btn-actions #btn-pricing-csr a .pricing-plan {
        display: block
    }
    .container-new-header .top-header .btn-actions #auth-section-csr .sign-in-icon {
        background-color: unset;
        display: inline-flex
    }
    .container-new-header .top-header .btn-actions #auth-section-csr .sign-btn {
        display: block
    }
    .container-new-header #tags-container {
        display: flex;
        transition: max-height .5s ease 0s
    }
}

#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: .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: .3s transform .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, .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
}

.search-box .search-box-form .search-box-input {
    width: 100%;
    font-size: 12px;
    font-weight: 400;
    line-height: 12px;
    border: none;
    border-radius: 99px
}

.search-box .search-box-form .search-box-input:focus-visible {
    box-shadow: 0 0 0 3px rgba(13, 110, 253, .2509803922);
    border-color: #7a6dff
}

.search-box button {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 20px;
    height: 20px;
    position: absolute;
    z-index: 1;
    left: 20px;
    background: rgba(0, 0, 0, 0);
    border-radius: 50%;
    border: none;
    cursor: pointer
}

.search-box button>img {
    width: 20px;
    height: auto
}

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

#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, .5);
    transition: .3s background-color ease-in .3s, .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, .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: .3s transform ease-in .3s, .3s background-color ease-in
}

aside * {
    overscroll-behavior: contain
}

aside .template {
    height: 80vh;
    top: 20%;
    width: 100%;
    position: relative;
    background-color: #fff;
    transition: .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, .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: .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: .3s opacity ease-in
}

aside .top ul a {
    opacity: 1
}

#template .template {
    width: 100%;
    height: 100%;
    position: relative;
    background-color: #fff;
    transition: .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: .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: .3s opacity ease-in
}

@media(min-width: 1024px) {
    .main-content {
        width: 100vw
    }
    .main-content main {
        width: 100vw;
        transition: width .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 .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: .3s width ease-in
    }
    #body-container.has-left-side-bar aside #dialog-content {
        opacity: 1;
        z-index: 9999;
        transition: opacity .3s ease-in .3s
    }
    #body-container.has-left-side-bar aside>div {
        opacity: 1;
        transition: opacity .3s ease-in .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: .3s width ease-in .3s;
        background-color: unset
    }
    aside .top {
        display: block
    }
    aside>div {
        opacity: 0;
        transition: opacity .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 .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
    }
}

#search-box.search-box {
    width: auto;
    height: unset;
    padding: 0;
    position: relative
}

#search-box.search-box .generate-button {
    display: none
}

#search-box.search-box .search-box-form .search-box-input {
    font-size: 12px
}

#search-box.search-box .icon-loading-ripple {
    width: 26px;
    height: 25px;
    position: absolute;
    left: 4px
}

#search-box.search-box>button {
    padding-left: unset;
    padding-right: unset;
    left: 18px;
    width: 15px;
    min-width: unset;
    height: 15px;
    position: absolute
}

#search-box.search-box>button>img {
    width: 20px;
    height: auto
}

#search-box.search-box input.search-box-input {
    padding: 10px 12px 10px 42px;
    height: 44px
}

#search-box.search-box .auto-complete-container {
    top: 42px
}

#search-box.search-box .auto-complete-container .search-by-tags {
    padding: 10px 6px
}

#search-box.search-box .auto-complete-container .search-by-tags>div {
    font-size: 11px;
    padding: 5px 6px
}

@media(min-width: 1024px) {
    #search-box.search-box {
        width: auto;
        height: unset;
        padding: 0;
        position: relative
    }
    #search-box.search-box .generate-button {
        display: none
    }
    #search-box.search-box .icon-loading-ripple {
        width: 26px;
        height: 25px;
        position: absolute;
        left: 4px
    }
    #search-box.search-box>button {
        padding-left: unset;
        padding-right: unset;
        left: 18px;
        width: 15px;
        min-width: unset;
        height: 15px;
        position: absolute
    }
    #search-box.search-box>button>img {
        width: 20px;
        height: auto
    }
    #search-box.search-box input.search-box-input {
        padding: 10px 12px 10px 42px;
        height: 39px
    }
    #search-box.search-box .auto-complete-container {
        top: 42px
    }
    #search-box.search-box .auto-complete-container .search-by-tags {
        padding: 10px 6px
    }
    #search-box.search-box .auto-complete-container .search-by-tags>div {
        font-size: 11px;
        padding: 5px 6px
    }
}

#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, .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 .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, .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 .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
}

#header .top-header .group_search_with_filter {
    width: 100%;
    margin: 0;
    order: 3
}

.search-box {
    padding: 6px
}

.search-box .drop-down {
    padding: 6px 10px
}

.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 .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, .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 .top-header .group_search_with_filter {
        display: block;
        order: unset;
        margin: 0 12px
    }
    #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 .3s ease-in-out, transform .3s ease-in-out
}

#single-popup .invalid-card-popup .popup-body>*,
#single-popup .start-trial-popup .popup-body>* {
    opacity: 0;
    transition: opacity .3s ease-in-out .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 .3s ease-in-out, height .3s ease-in-out .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: .3s ease-in-out .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, .08);
    border-radius: 10px;
    margin: 0px 0 0;
    overflow-y: auto;
    position: absolute;
    max-height: 300px;
    transition: opacity .2s ease-in, filter .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, .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 .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
}

.search-box {
    display: flex;
    justify-content: space-between;
    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%;
    background-color: #fff;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .08);
    border-radius: 10px;
    margin: 0px 0 0;
    overflow-y: auto;
    position: absolute;
    padding-bottom: 8px;
    max-height: 418px;
    transition: opacity .2s ease-in, filter .2s ease-in
}

.search-box .auto-complete-container .search-by-tags {
    display: flex;
    padding: 10px 2px;
    justify-content: space-between;
    position: sticky;
    top: 0;
    background-color: #fff
}

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

.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, .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, .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, .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%
}

.new-home-search {
    width: 100%;
    background: #fff
}

.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) {
    .new-home-search {
        width: 730px;
        margin: 0 auto
    }
    .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%
    }
    .new-home-search {
        width: 730px;
        height: 56px;
        margin: 0 auto
    }
    #search-box-hero-banner-csr {
        width: calc(100% - 200px);
        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
    }
}