.round { border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .box-shadow { box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); } .layout-primary .page .page-sidebar .logo a { height: 80px; } .layout-primary .page .page-header .page-header-row .ph-column:first-child { display: flex; align-items: center; gap: 10px; } .layout-primary .page .page-sidebar { position: fixed; left: 0; top: 0; z-index: 99; width: 250px; background: var(--bs-sidebar-bg); height: 100%; overflow-y: auto; border-right: 1px solid var(--bs-theme-border-color); } @media (max-width: 991px) { .layout-primary .page .page-sidebar { left: -110%; z-index: 102; width: 70vw; max-width: 520px; box-sizing: border-box; height: calc(100vh - 80px); overflow-y: scroll; transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; top: 80px; } .layout-primary .page .page-sidebar .logo { display: none; } .layout-primary .page .page-sidebar.mobile-active { left: 0; transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; } } .layout-primary .page .page-header { position: fixed; width: calc(100% - 250px); left: 250px; transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; top: 0; z-index: 99; background: var(--bs-header-bg); border-bottom: 1px solid var(--bs-theme-border-color); padding: 0 20px; } @media (max-width: 991px) { .layout-primary .page .page-header { padding: 0 15px; } } .layout-primary .page .page-header .page-header-row { height: 80px; } .layout-primary .page .page-header .page-header-row .mobile-menu { display: none; } @media (max-width: 991px) { .layout-primary .page .page-header .page-header-row .ph-column:first-child { display: flex; align-items: center; } .layout-primary .page .page-header .page-header-row .ph-column:first-child .mobile-menu { display: flex; width: 35px; height: 35px; align-items: center; justify-content: flex-start; } .layout-primary .page .page-header .page-header-row .ph-column:first-child .mobile-menu.active { color: var(--bs-primary); } .layout-primary .page .page-header .page-header-row .ph-column .btn { font-size: 13px; } .layout-primary .page .page-header .page-header-row .ph-column .btn span:nth-child(2) { width: 30px; } } @media (max-width: 991px) { .layout-primary .page .page-header { left: 0; width: 100%; z-index: 10050; } } .layout-primary .page .page-content { position: relative; z-index: 98; padding-left: 250px; padding-right: 0; min-height: 100vh; display: flex; flex-direction: column; justify-content: space-between; padding-top: 80px; } .layout-primary .page .page-content .page-wrapper { padding: 20px; } @media (max-width: 991px) { .layout-primary .page .page-content .page-wrapper { padding: 15px; } } @media (max-width: 991px) { .layout-primary .page .page-content { padding-left: 0; padding-right: 0; } } .layout-primary .page .page-chatbox { z-index: 99; top: 80px; position: fixed; height: calc(100vh - 80px); width: 400px; right: -410px; opacity: 0; background: var(--bs-theme-bg-dark); border-left: 1px solid var(--bs-theme-border-color); } @media (max-width: 991px) { .layout-primary .page .page-chatbox { width: 100%; right: -110%; transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; background: var(--bs-body-bg); } .layout-primary .page .page-chatbox.mobile-active { right: 0; opacity: 1; transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; } } .layout-primary .page .page-chatbox .page-chatbox-header { border-bottom: 1px solid var(--bs-theme-border-color); height: 50px; padding: 0 20px; } .layout-primary .page .page-chatbox .page-chatbox-header .title { display: flex; gap: 10px; align-items: Center; } .layout-primary .page .page-chatbox .page-chatbox-header .title .icon { width: 24px; height: 24px; border-radius: var(--bs-theme-rounded-pill); -moz-border-radius: var(--bs-theme-rounded-pill); -webkit-border-radius: var(--bs-theme-rounded-pill); background: var(--bs-secondary-grad); border: 1px solid var(--bs-theme-border-color); display: flex; align-items: center; justify-content: center; cursor: pointer; } .layout-primary .page .page-chatbox .page-chatbox-header .title .icon svg { display: block; width: 14px; } @media (max-width: 991px) { .layout-primary .page .page-chatbox .page-chatbox-header .title .icon.chatbox-toggler { display: none; } } .layout-primary .page .page-chatbox .page-chatbox-header .title .icon.chatbox-mobile-closer { display: none; } @media (max-width: 991px) { .layout-primary .page .page-chatbox .page-chatbox-header .title .icon.chatbox-mobile-closer { display: flex; } } .layout-primary .page .page-chatbox .page-chatbox-header .online-count { display: flex; align-items: Center; gap: 10px; } .layout-primary .page .page-chatbox .page-chatbox-header .online-count span:first-child { width: 24px; height: 24px; border-radius: var(--bs-theme-rounded-pill); -moz-border-radius: var(--bs-theme-rounded-pill); -webkit-border-radius: var(--bs-theme-rounded-pill); background: var(--bs-primary-grad); border: 1px solid var(--bs-theme-border-color); display: flex; align-items: center; justify-content: center; cursor: pointer; } .layout-primary .page .page-chatbox .page-chatbox-header .online-count span:first-child svg { display: block; width: 14px; } .layout-primary .page .page-chatbox .page-chatbox-content { display: flex; flex-direction: column; justify-content: space-between; height: calc(100vh - 130px); } .layout-primary .page .page-chatbox .page-chatbox-content .chatbox-messages { height: calc(100vh - 200px); position: relative; overflow-y: auto; padding: 20px; } .layout-primary .mobile-logo { display: none; } @media (max-width: 991px) { .layout-primary .mobile-logo { display: block; } .layout-primary .mobile-logo a { display: block; } .layout-primary .mobile-logo a img { max-width: 95%; max-height: 75px; display: block; } .layout-primary .mobile-logo a svg { display: block; } } .layout-primary .theme-container { transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; max-width: 100%; margin: 0 auto; } .layout-primary .page-chatbox { transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; } .layout-primary .page-content { transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; } .layout-primary.chatbox-deactive .page-chatbox { opacity: 1; right: 0; transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; } .layout-primary.chatbox-deactive .page-content { padding-right: 400px; transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; } .layout-primary .aside-menu { padding: 0; max-height: calc(100vh - 300px); position: relative; overflow-y: auto; } @media (max-width: 991px) { .layout-primary .aside-menu { max-height: inherit !important; padding: 0 !important; overflow: inherit !important; height: auto !important; } } .layout-secondary .desktop-aside-toggler { background: var(--bs-secondary-grad); cursor: pointer; width: 35px; height: 35px; align-items: Center; justify-content: Center; border: 1px solid var(--bs-theme-border-color); border-radius: var(--bs-theme-rounded-pill); -moz-border-radius: var(--bs-theme-rounded-pill); -webkit-border-radius: var(--bs-theme-rounded-pill); color: var(--bs-white); margin-right: 20px; display: flex; } @media (max-width: 991px) { .layout-secondary .desktop-aside-toggler { display: none; } } .layout-secondary .desktop-aside-toggler svg { transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; display: block; width: 16px; height: 16px; } .layout-secondary .desktop-aside-toggler.active svg { transform: rotate(180deg); transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; } .layout-secondary .page .page-sidebar { position: fixed; left: 0; top: 0; z-index: 99; width: 70px; background: var(--bs-sidebar-bg); height: 100%; border-right: 1px solid var(--bs-theme-border-color); transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; } @media (max-width: 991px) { .layout-secondary .page .page-sidebar { left: -110%; z-index: 102; width: 70vw; max-width: 520px; box-sizing: border-box; height: calc(100vh - 80px); overflow-y: scroll; top: 80px; } .layout-secondary .page .page-sidebar .logo { display: none; } .layout-secondary .page .page-sidebar.mobile-active { left: 0; transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; } } .layout-secondary .page .page-header { position: fixed; width: calc(100% - 70px); left: 70px; transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; top: 0; z-index: 99; background: var(--bs-header-bg); border-bottom: 1px solid var(--bs-theme-border-color); padding: 0 20px; } @media (max-width: 991px) { .layout-secondary .page .page-header { padding: 0 15px; } } .layout-secondary .page .page-header .page-header-row { height: 80px; } .layout-secondary .page .page-header .page-header-row .mobile-menu { display: none; } .layout-secondary .page .page-header .page-header-row .ph-column { display: flex; align-items: center; gap: 10px; } @media (max-width: 991px) { .layout-secondary .page .page-header .page-header-row .ph-column:first-child { display: flex; align-items: center; } .layout-secondary .page .page-header .page-header-row .ph-column:first-child .mobile-menu { display: flex; width: 35px; height: 35px; align-items: center; justify-content: flex-start; } .layout-secondary .page .page-header .page-header-row .ph-column:first-child .mobile-menu.active { color: var(--bs-primary); } .layout-secondary .page .page-header .page-header-row .ph-column .btn { font-size: 13px; } .layout-secondary .page .page-header .page-header-row .ph-column .btn span:last-child { width: 30px; } } @media (max-width: 991px) { .layout-secondary .page .page-header { left: 0; width: 100%; } } .layout-secondary .page .page-content { position: relative; z-index: 98; padding-left: 70px; padding-right: 0; padding-top: 80px; } .layout-secondary .page .page-content .page-wrapper { padding: 20px; } @media (max-width: 991px) { .layout-secondary .page .page-content .page-wrapper { padding: 15px; } } @media (max-width: 991px) { .layout-secondary .page .page-content { padding-left: 0; padding-right: 0; } } .layout-secondary .page .page-chatbox { z-index: 99; top: 80px; position: fixed; height: calc(100vh - 80px); width: 400px; right: -410px; opacity: 0; background: var(--bs-theme-bg-dark); border-left: 1px solid var(--bs-theme-border-color); } @media (max-width: 991px) { .layout-secondary .page .page-chatbox { width: 100%; right: -110%; transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; background: var(--bs-body-bg); } .layout-secondary .page .page-chatbox.mobile-active { right: 0; opacity: 1; transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; } } .layout-secondary .page .page-chatbox .page-chatbox-header { border-bottom: 1px solid var(--bs-theme-border-color); height: 50px; padding: 0 20px; } .layout-secondary .page .page-chatbox .page-chatbox-header .title { display: flex; gap: 10px; align-items: Center; } .layout-secondary .page .page-chatbox .page-chatbox-header .title .icon { width: 24px; height: 24px; border-radius: var(--bs-theme-rounded-pill); -moz-border-radius: var(--bs-theme-rounded-pill); -webkit-border-radius: var(--bs-theme-rounded-pill); background: var(--bs-secondary-grad); border: 1px solid var(--bs-theme-border-color); display: flex; align-items: center; justify-content: center; cursor: pointer; } .layout-secondary .page .page-chatbox .page-chatbox-header .title .icon svg { display: block; width: 14px; } @media (max-width: 991px) { .layout-secondary .page .page-chatbox .page-chatbox-header .title .icon.chatbox-toggler { display: none; } } .layout-secondary .page .page-chatbox .page-chatbox-header .title .icon.chatbox-mobile-closer { display: none; } @media (max-width: 991px) { .layout-secondary .page .page-chatbox .page-chatbox-header .title .icon.chatbox-mobile-closer { display: flex; } } .layout-secondary .page .page-chatbox .page-chatbox-header .online-count { display: flex; align-items: Center; gap: 10px; } .layout-secondary .page .page-chatbox .page-chatbox-header .online-count span:first-child { width: 24px; height: 24px; border-radius: var(--bs-theme-rounded-pill); -moz-border-radius: var(--bs-theme-rounded-pill); -webkit-border-radius: var(--bs-theme-rounded-pill); background: var(--bs-primary-grad); border: 1px solid var(--bs-theme-border-color); display: flex; align-items: center; justify-content: center; cursor: pointer; } .layout-secondary .page .page-chatbox .page-chatbox-header .online-count span:first-child svg { display: block; width: 14px; } .layout-secondary .page .page-chatbox .page-chatbox-content { display: flex; flex-direction: column; justify-content: space-between; height: calc(100vh - 130px); } .layout-secondary .page .page-chatbox .page-chatbox-content .chatbox-messages { height: calc(100vh - 200px); position: relative; overflow-y: auto; padding: 20px; } .layout-secondary .mobile-logo { display: none; } @media (max-width: 991px) { .layout-secondary .mobile-logo { display: block; } .layout-secondary .mobile-logo a { display: block; } .layout-secondary .mobile-logo a img { max-width: 95%; max-height: 75px; display: block; } .layout-secondary .mobile-logo a svg { display: block; } } .layout-secondary .theme-container { transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; max-width: 100%; margin: 0 auto; } .layout-secondary .page-chatbox { transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; } .layout-secondary .page-content { transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; } .layout-secondary.chatbox-deactive .page-chatbox { opacity: 1; right: 0; transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; } .layout-secondary.chatbox-deactive .page-content { padding-right: 400px; transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; } .layout-secondary .aside-menu { max-height: calc(100vh - 300px); position: relative; overflow-y: auto; } @media (min-width: 992px) { .layout-secondary .aside-menu ul li a { padding: 0 !important; justify-content: center; } .layout-secondary .aside-menu ul li a span:nth-child(2), .layout-secondary .aside-menu ul li a span:nth-child(3) { display: none; } } @media (max-width: 991px) { .layout-secondary .aside-menu { max-height: inherit !important; padding: 15px !important; overflow: inherit !important; height: auto !important; } } @media (min-width: 992px) { .layout-secondary .social-links { padding: 0; } .layout-secondary .social-links .social-links-contact { display: none; } .layout-secondary .social-links .social-links-list { display: block; gap: 0; } .layout-secondary .social-links .social-links-list li { margin-right: 0 !important; width: 100% !important; } .layout-secondary .social-links .social-links-list li a { justify-content: center; } .layout-secondary .social-links .social-links-list li a span:last-child { display: none; } .layout-secondary .social-links .social-links-list li a span:first-child { margin-bottom: 0 !important; } } @media (max-width: 991px) { .layout-secondary .social-links { padding: 0 !important; } } .layout-secondary.aside-opened .page-sidebar { width: 250px; transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; } .layout-secondary.aside-opened .page-content { padding-left: 250px; transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; } .layout-secondary.aside-opened .page-header { width: calc(100% - 250px); transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; left: 250px; } .layout-secondary.aside-opened .aside-menu { max-height: calc(100vh - 300px); position: relative; overflow-y: auto; } .layout-secondary.aside-opened .aside-menu ul li a { padding: 10px 20px !important; justify-content: flex-start; } .layout-secondary.aside-opened .aside-menu ul li a span:nth-child(2) { display: block; } .layout-secondary.aside-opened .aside-menu ul li a span:nth-child(3) { display: flex; } .layout-secondary.aside-opened .aside-menu ul li ul li { padding: 0; } .layout-secondary.aside-opened .social-links { padding: 0; } .layout-secondary.aside-opened .social-links .social-links-contact { display: block; } .layout-secondary.aside-opened .social-links .social-links-list { gap: 0; } .layout-secondary.aside-opened .social-links .social-links-list li a { justify-content: flex-start; } .layout-secondary.aside-opened .social-links .social-links-list li a span:last-child { display: block; } .layout-third .page .page-header { position: fixed; width: 100%; left: 0; transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; top: 0; z-index: 99; background: var(--bs-header-bg); border-bottom: 1px solid var(--bs-theme-border-color); padding: 0 20px; } @media (max-width: 991px) { .layout-third .page .page-header { padding: 0 15px; } } .layout-third .page .page-header .page-header-row { height: 80px; } .layout-third .page .page-header .page-header-row .mobile-menu { display: none; } .layout-third .page .page-header .page-header-row .ph-column { display: flex; align-items: center; gap: 10px; } @media (max-width: 991px) { .layout-third .page .page-header .page-header-row .ph-column:first-child { display: flex; align-items: center; } .layout-third .page .page-header .page-header-row .ph-column:first-child .mobile-menu { display: flex; width: 35px; height: 35px; align-items: center; justify-content: flex-start; } .layout-third .page .page-header .page-header-row .ph-column:first-child .mobile-menu.active { color: var(--bs-primary); } .layout-third .page .page-header .page-header-row .ph-column .btn { font-size: 13px; } .layout-third .page .page-header .page-header-row .ph-column .btn span:last-child { width: 30px; } } @media (max-width: 991px) { .layout-third .page .page-header { left: 0; width: 100%; } } .layout-third .page .third-mobile-menu { display: none; width: 35px; height: 35px; align-items: center; justify-content: flex-start; } @media (max-width: 991px) { .layout-third .page .third-mobile-menu { display: flex; } } .layout-third .page .third-mobile-menu.active { color: var(--bs-primary); } .layout-third .page .third-menu { margin-left: 20px; border-left: 1px solid var(--bs-theme-border-color); padding-left: 20px; } @media (max-width: 991px) { .layout-third .page .third-menu { margin-left: 0; padding-left: 0; border-left: 0; left: -110%; z-index: 102; width: 70vw; max-width: 520px; box-sizing: border-box; height: calc(100vh - 80px); overflow-y: scroll; transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; position: fixed; background: var(--bs-theme-dark); top: 80px; } .layout-third .page .third-menu.mobile-active { left: 0; transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; } } .layout-third .page .third-menu ul { margin: 0; padding: 0; list-style: none; display: flex; gap: 3px; flex-wrap: wrap; } .layout-third .page .third-menu ul li { position: relative; } @media (max-width: 991px) { .layout-third .page .third-menu ul li { width: 100%; } } .layout-third .page .third-menu ul li a.third-menu--item { display: flex; height: 45px; align-items: Center; padding: 0 15px; font-weight: 600; gap: 5px; transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; border-radius: var(--bs-theme-rounded-pill); -moz-border-radius: var(--bs-theme-rounded-pill); -webkit-border-radius: var(--bs-theme-rounded-pill); border: 1px solid transparent; } @media (max-width: 991px) { .layout-third .page .third-menu ul li a.third-menu--item { border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; } } .layout-third .page .third-menu ul li a.third-menu--item svg { width: 14px; height: 14px; } .layout-third .page .third-menu ul li a.third-menu--item:hover { background: var(--bs-secondary-grad); border-color: var(--bs-theme-border-color); transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; } .layout-third .page .third-menu ul li .third-menu-dropdown { position: absolute; width: 200px; top: 100%; padding-top: 10px; left: 0; display: none; opacity: 1; } .layout-third .page .third-menu ul li .third-menu-dropdown .third-menu-dropdown { background: var(--bs-theme-soft); backdrop-filter: blur(30px); border-radius: var(--bs-theme-rounded); -moz-border-radius: var(--bs-theme-rounded); -webkit-border-radius: var(--bs-theme-rounded); box-shadow: var(--bs-theme-box-shadow); margin: 0; padding: 0; list-style: none; display: block; position: relative; overflow: hidden; } .layout-third .page .third-menu ul li .third-menu-dropdown .third-menu-dropdown a { display: block; padding: 10px 15px; border-bottom: 1px solid var(--bs-theme-border-color); transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; } .layout-third .page .third-menu ul li .third-menu-dropdown .third-menu-dropdown a:hover { transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; background: var(--bs-theme-dark); } .layout-third .page .third-menu ul li .third-menu-dropdown .third-menu-dropdown li:last-child a { border-bottom: none; } .layout-third .page .third-menu ul li:hover .third-menu-dropdown { animation: fadeInTop 0.3s forwards 1; display: block; } .layout-third .page .third-menu ul li:hover > .third-menu--item { background: var(--bs-secondary-grad); border-color: var(--bs-theme-border-color); transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; } .layout-third .page .page-content { position: relative; z-index: 98; padding-left: 0; padding-right: 0; padding-top: 80px; } .layout-third .page .page-content .page-wrapper { padding: 20px; } @media (max-width: 991px) { .layout-third .page .page-content .page-wrapper { padding: 15px; } } @media (max-width: 991px) { .layout-third .page .page-content { padding-left: 0; padding-right: 0; } } .layout-third .page .page-chatbox { z-index: 99; top: 80px; position: fixed; height: calc(100vh - 80px); width: 400px; right: -410px; opacity: 0; background: var(--bs-theme-bg-dark); border-left: 1px solid var(--bs-theme-border-color); } @media (max-width: 991px) { .layout-third .page .page-chatbox { width: 100%; right: -110%; transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; background: var(--bs-body-bg); } .layout-third .page .page-chatbox.mobile-active { right: 0; opacity: 1; transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; } } .layout-third .page .page-chatbox .page-chatbox-header { border-bottom: 1px solid var(--bs-theme-border-color); height: 50px; padding: 0 20px; } .layout-third .page .page-chatbox .page-chatbox-header .title { display: flex; gap: 10px; align-items: Center; } .layout-third .page .page-chatbox .page-chatbox-header .title .icon { width: 24px; height: 24px; border-radius: var(--bs-theme-rounded-pill); -moz-border-radius: var(--bs-theme-rounded-pill); -webkit-border-radius: var(--bs-theme-rounded-pill); background: var(--bs-secondary-grad); border: 1px solid var(--bs-theme-border-color); display: flex; align-items: center; justify-content: center; cursor: pointer; } .layout-third .page .page-chatbox .page-chatbox-header .title .icon svg { display: block; width: 14px; } @media (max-width: 991px) { .layout-third .page .page-chatbox .page-chatbox-header .title .icon.chatbox-toggler { display: none; } } .layout-third .page .page-chatbox .page-chatbox-header .title .icon.chatbox-mobile-closer { display: none; } @media (max-width: 991px) { .layout-third .page .page-chatbox .page-chatbox-header .title .icon.chatbox-mobile-closer { display: flex; } } .layout-third .page .page-chatbox .page-chatbox-header .online-count { display: flex; align-items: Center; gap: 10px; } .layout-third .page .page-chatbox .page-chatbox-header .online-count span:first-child { width: 24px; height: 24px; border-radius: var(--bs-theme-rounded-pill); -moz-border-radius: var(--bs-theme-rounded-pill); -webkit-border-radius: var(--bs-theme-rounded-pill); background: var(--bs-primary-grad); border: 1px solid var(--bs-theme-border-color); display: flex; align-items: center; justify-content: center; cursor: pointer; } .layout-third .page .page-chatbox .page-chatbox-header .online-count span:first-child svg { display: block; width: 14px; } .layout-third .page .page-chatbox .page-chatbox-content { display: flex; flex-direction: column; justify-content: space-between; height: calc(100vh - 130px); } .layout-third .page .page-chatbox .page-chatbox-content .chatbox-messages { height: calc(100vh - 200px); position: relative; overflow-y: auto; padding: 20px; } .layout-third .mobile-logo { display: none; } @media (max-width: 991px) { .layout-third .mobile-logo { display: block; } .layout-third .mobile-logo a { display: block; } .layout-third .mobile-logo a img { max-width: 95%; max-height: 75px; display: block; } .layout-third .mobile-logo a svg { display: block; } } .layout-third .theme-container { transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; max-width: 100%; margin: 0 auto; } .layout-third .page-chatbox { transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; } .layout-third .page-content { transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; } .layout-third.chatbox-deactive .page-chatbox { opacity: 1; right: 0; transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; } .layout-third.chatbox-deactive .page-content { padding-right: 400px; transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; } .layout-third .aside-menu { padding: 10px; max-height: calc(100vh - 300px); position: relative; overflow-y: auto; } @media (min-width: 992px) { .layout-third .aside-menu ul li a { padding: 0 !important; justify-content: center; } .layout-third .aside-menu ul li a span:nth-child(2), .layout-third .aside-menu ul li a span:nth-child(3) { display: none; } } @media (max-width: 991px) { .layout-third .aside-menu { max-height: inherit !important; padding: 15px !important; overflow: inherit !important; height: auto !important; } } @media (min-width: 992px) { .layout-third .social-links { padding: 0 10px; } .layout-third .social-links .social-links-contact { display: none; } .layout-third .social-links .social-links-list { display: block; gap: 0; } .layout-third .social-links .social-links-list li { margin-right: 0 !important; width: 100% !important; } .layout-third .social-links .social-links-list li a span:last-child { display: none; } .layout-third .social-links .social-links-list li a span:first-child { margin-bottom: 0 !important; } } @media (max-width: 991px) { .layout-third .social-links { padding: 0 15px !important; } } .layout-third.aside-opened .page-sidebar { width: 250px; transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; } .layout-third.aside-opened .page-content { padding-left: 250px; transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; } .layout-third.aside-opened .page-header { width: calc(100% - 250px); transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; left: 250px; } .layout-third.aside-opened .aside-menu { padding: 10px; max-height: calc(100vh - 300px); position: relative; overflow-y: auto; } .layout-third.aside-opened .aside-menu ul li a { padding: 0 20px !important; justify-content: flex-start; } .layout-third.aside-opened .aside-menu ul li a span:nth-child(2) { display: block; } .layout-third.aside-opened .aside-menu ul li a span:nth-child(3) { display: flex; } .layout-third.aside-opened .aside-menu ul li ul li { padding: 10px 15px; } .layout-third.aside-opened .social-links { padding: 0 10px; } .layout-third.aside-opened .social-links .social-links-contact { display: block; } .layout-third.aside-opened .social-links .social-links-list { display: flex !important; gap: 0; } .layout-third.aside-opened .social-links .social-links-list li { width: 48% !important; margin-right: 4% !important; margin-bottom: 10px !important; } .layout-third.aside-opened .social-links .social-links-list li:nth-child(even) { margin-right: 0 !important; } .layout-third.aside-opened .social-links .social-links-list li a span:last-child { display: block; } .layout-third.aside-opened .social-links .social-links-list li a span:first-child { margin-bottom: 5px !important; } @keyframes fadeInTop { 0% { opacity: 0; transform: translateY(10px); } 100% { opacity: 1; transform: translateY(0); } } .page-chatbox .page-chatbox-header { border-bottom: 1px solid var(--bs-theme-border-color); height: 50px; padding: 0 20px; } .page-chatbox .page-chatbox-header .title { display: flex; gap: 10px; align-items: Center; } .page-chatbox .page-chatbox-header .title .icon { width: 24px; height: 24px; border-radius: var(--bs-theme-rounded-pill); -moz-border-radius: var(--bs-theme-rounded-pill); -webkit-border-radius: var(--bs-theme-rounded-pill); background: var(--bs-secondary-grad); border: 1px solid var(--bs-theme-border-color); display: flex; align-items: center; justify-content: center; cursor: pointer; } .page-chatbox .page-chatbox-header .title .icon svg { display: block; width: 14px; } @media (max-width: 991px) { .page-chatbox .page-chatbox-header .title .icon.chatbox-toggler { display: none; } } .page-chatbox .page-chatbox-header .title .icon.chatbox-mobile-closer { display: none; } @media (max-width: 991px) { .page-chatbox .page-chatbox-header .title .icon.chatbox-mobile-closer { display: flex; } } .page-chatbox .page-chatbox-header .online-count { display: flex; align-items: Center; gap: 10px; } .page-chatbox .page-chatbox-header .online-count span:first-child { width: 24px; height: 24px; border-radius: var(--bs-theme-rounded-pill); -moz-border-radius: var(--bs-theme-rounded-pill); -webkit-border-radius: var(--bs-theme-rounded-pill); background: var(--bs-primary-grad); border: 1px solid var(--bs-theme-border-color); display: flex; align-items: center; justify-content: center; cursor: pointer; } .page-chatbox .page-chatbox-header .online-count span:first-child svg { display: block; width: 14px; } .page-chatbox .page-chatbox-content .chatbox-messages .chat-item { background: var(--bs-theme-bg-soft); padding: 15px; margin-bottom: 10px; border-radius: var(--bs-theme-rounded); -moz-border-radius: var(--bs-theme-rounded); -webkit-border-radius: var(--bs-theme-rounded); } .page-chatbox .page-chatbox-content .chatbox-messages .chat-item:last-child { margin-bottom: 0; } .page-chatbox .page-chatbox-content .chatbox-messages .chat-item .chat-item-header { display: flex; align-items: center; gap: 5px; } .page-chatbox .page-chatbox-content .chatbox-messages .chat-item .chat-item-header .img { width: 16px; } .page-chatbox .page-chatbox-content .chatbox-messages .chat-item .chat-item-header .img img { display: block; width: 16px; height: 16px; border-radius: var(--bs-theme-rounded-pill); -moz-border-radius: var(--bs-theme-rounded-pill); -webkit-border-radius: var(--bs-theme-rounded-pill); } .page-chatbox .page-chatbox-content .chatbox-messages .chat-item .chat-item-header .name { font-weight: 600; } .page-chatbox .page-chatbox-content .chatbox-messages .chat-item .chat-item-header .time { font-size: 11px; font-weight: 400; } .page-chatbox .page-chatbox-content .chatbox-messages .chat-item .chat-item-header .rank { border-radius: var(--bs-theme-rounded-pill); -moz-border-radius: var(--bs-theme-rounded-pill); -webkit-border-radius: var(--bs-theme-rounded-pill); font-size: 10px; color: var(--bs-success); background: rgba(var(--bs-success-rgb), 0.1); line-height: 1; padding: 3px 4px 1px 4px; } .page-chatbox .page-chatbox-content .chatbox-shootbox { padding: 10px; height: 65px; border-top: 1px solid var(--bs-theme-border-color); display: flex; align-items: center; justify-content: space-between; } .page-chatbox .page-chatbox-content .chatbox-shootbox input { background: var(--bs-theme-bg-soft); border: 1px solid var(--bs-theme-border-color); height: 45px; border-radius: var(--bs-theme-rounded); -moz-border-radius: var(--bs-theme-rounded); -webkit-border-radius: var(--bs-theme-rounded); padding: 0 20px; display: block; flex: 1; outline: none; transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; } .page-chatbox .page-chatbox-content .chatbox-shootbox input::placeholder { opacity: 1; color: var(--bs-theme-text-soft); } .page-chatbox .page-chatbox-content .chatbox-shootbox input::disabled { opacity: 0.5; } .page-chatbox .page-chatbox-content .chatbox-shootbox input:focus { transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; border-color: var(--bs-theme-border-color-light); } .page-chatbox .page-chatbox-content .chatbox-shootbox .sender { background: transparent; padding: 0; width: 45px; height: 45px; display: flex; align-items: center; border: none; outline: none; justify-content: center; color: var(--bs-white); } .page-chatbox .page-chatbox-content .chatbox-shootbox .sender svg { display: block; width: 20px; height: 20px; } .page-chatbox .page-chatbox-content .chatbox-shootbox .sender:disabled { opacity: 0.5; } .theme-scrollbar::-webkit-scrollbar { width: 8px; height: 8px; } .theme-scrollbar::-webkit-scrollbar-track { background: transparent; border-radius: 10px; } .theme-scrollbar::-webkit-scrollbar-thumb { background-color: var(--bs-primary); border-radius: 10px; border: 3px solid var(--bs-primary); } .theme-scrollbar::-webkit-scrollbar-thumb:hover { background-color: var(--bs-primary); } .logo a { display: flex; justify-content: center; align-items: center; font-size: 26px; font-weight: 700; gap: 10px; } .logo a img { max-width: 95%; max-height: 75px; display: block; } .logo a svg { display: block; } .aside-menu ul { padding: 0; margin: 0; list-style: none; } .aside-menu ul li { display: block; } .aside-menu ul li:last-child { margin-bottom: 0; } .aside-menu ul li:last-child a { border-bottom: 1px solid var(--bs-theme-border-color); } .aside-menu ul li a.aside-menu--item { display: flex; align-items: center; font-weight: 600; color: var(--bs-theme-text-soft); height: 46px; border-top: 1px solid var(--bs-theme-border-color); cursor: pointer; padding: 0 15px; gap: 10px; transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; position: relative; } .aside-menu ul li a.aside-menu--item .icon { display: flex; align-items: center; justify-content: center; width: 30px; height: 30px; border-radius: var(--bs-theme-rounded-pill); -moz-border-radius: var(--bs-theme-rounded-pill); -webkit-border-radius: var(--bs-theme-rounded-pill); background: var(--bs-primary); color: var(--bs-white); transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; } .aside-menu ul li a.aside-menu--item .icon svg { display: block; width: 16px; height: 16px; transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; } .aside-menu ul li a.aside-menu--item .icon svg path { transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; } .aside-menu ul li a.aside-menu--item .dropdown-arrow { position: absolute; right: 10px; top: 50%; transform: TranslateY(-50%); display: flex; align-items: center; justify-content: center; width: 24px; height: 24px; border-radius: var(--bs-theme-rounded-pill); -moz-border-radius: var(--bs-theme-rounded-pill); -webkit-border-radius: var(--bs-theme-rounded-pill); transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; } .aside-menu ul li a.aside-menu--item .dropdown-arrow svg { display: block; width: 14px; height: 14px; transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; } .aside-menu ul li a.aside-menu--item .dropdown-arrow svg path { transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; } .aside-menu ul li.active { border-radius: var(--bs-theme-rounded) var(--bs-theme-rounded) 0 0; -moz-border-radius: var(--bs-theme-rounded) var(--bs-theme-rounded) 0 0; -webkit-border-radius: var(--bs-theme-rounded) var(--bs-theme-rounded) 0 0; background: var(--bs-theme-bg-dark); } .aside-menu ul li.active a.aside-menu--item { background: var(--bs-sidebar-menu-active-grad); color: var(--bs-white); } .aside-menu ul li.active a.aside-menu--item .icon { background: var(--bs-primary); color: var(--bs-white); transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; } .aside-menu ul li.active a.aside-menu--item .icon svg path { transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; } .aside-menu ul li.active a.aside-menu--item .dropdown-arrow { background: var(--bs-primary); color: var(--bs-white); transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; } .aside-menu ul li.active a.aside-menu--item .dropdown-arrow svg { transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; transform: rotate(180deg); } .aside-menu ul li.active a.aside-menu--item .dropdown-arrow svg path { transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; } .aside-menu ul li .aside-submenu { border-radius: 0 0 var(--bs-theme-rounded) var(--bs-theme-rounded); -moz-border-radius: 0 0 var(--bs-theme-rounded) var(--bs-theme-rounded); -webkit-border-radius: 0 0 var(--bs-theme-rounded) var(--bs-theme-rounded); margin: 0; padding: 0; list-style: none; display: none; } .aside-menu ul li.aside-dropdown > .aside-submenu { list-style: none; margin: 0 4px; padding: 0; border-radius: var(--bs-theme-rounded, 10px); background: rgba(15, 23, 42, 0.75); border: 1px solid rgba(255, 255, 255, 0.08); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05), 0 6px 16px rgba(0, 0, 0, 0.28); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); transition: max-height 0.3s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.22s ease, margin 0.2s ease; } .aside-menu ul li.aside-dropdown.active > .aside-submenu { display: flex !important; flex-direction: column; max-height: 500px !important; opacity: 1 !important; visibility: visible !important; overflow: visible !important; margin-top: 6px !important; margin-bottom: 6px !important; padding: 4px !important; } .aside-menu ul li.aside-dropdown.active a.aside-menu--item .dropdown-arrow { transform: translateY(-50%) rotate(180deg) !important; } .aside-menu ul li.aside-dropdown .aside-submenu li { margin-bottom: 0; border-bottom: 1px solid rgba(255, 255, 255, 0.06); } .aside-menu ul li.aside-dropdown .aside-submenu li:last-child { border-bottom: none; } .aside-menu ul li.aside-dropdown .aside-submenu--item { display: flex !important; align-items: center; gap: 10px; width: 100%; box-sizing: border-box; padding: 9px 10px !important; border-radius: 0; font-size: 12px !important; font-weight: 600; line-height: 1.25; color: var(--bs-theme-text-soft, rgba(226, 232, 240, 0.9)) !important; text-decoration: none !important; border: none; transition: background 0.18s ease, color 0.18s ease; } .aside-menu ul li.aside-dropdown .aside-submenu--item .value { flex: 1; min-width: 0; text-align: left; } .aside-menu ul li.aside-dropdown .aside-submenu--item:hover { background: rgba(236, 68, 0, 0.12) !important; color: var(--bs-white, #fff) !important; } .aside-menu ul li.aside-dropdown .aside-submenu--item .icon { width: 26px !important; height: 26px !important; min-width: 26px; margin-right: 0 !important; border-radius: var(--bs-theme-rounded-pill, 999px); display: flex !important; align-items: center; justify-content: center; flex-shrink: 0; background: var(--bs-primary, #ec4400); color: var(--bs-white, #fff); border: none; transition: background 0.18s ease, opacity 0.18s ease; } .aside-menu ul li.aside-dropdown .aside-submenu--item:hover .icon { opacity: 0.95; } .aside-menu ul li.aside-dropdown .aside-submenu--item .icon svg { display: block; width: 14px !important; height: 14px !important; } .aside-menu ul li.aside-dropdown .aside-submenu li:first-child .aside-submenu--item { border-radius: 6px 6px 0 0; } .aside-menu ul li.aside-dropdown .aside-submenu li:last-child .aside-submenu--item { border-radius: 0 0 6px 6px; } .aside-menu ul li.aside-dropdown .aside-submenu li:first-child:last-child .aside-submenu--item { border-radius: 6px; } .aside-menu ul li .aside-submenu li { margin-bottom: 0; } .aside-menu ul li:not(.aside-dropdown) .aside-submenu li a.aside-submenu--item { display: flex; align-items: center; padding: 10px 15px; font-size: 12px; transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; color: var(--bs-white); } .aside-menu ul li:not(.aside-dropdown) .aside-submenu li a.aside-submenu--item .icon { width: 24px; } .aside-menu ul li:not(.aside-dropdown) .aside-submenu li a.aside-submenu--item .icon svg { display: block; width: 15px; } .aside-menu ul li:not(.aside-dropdown) .aside-submenu li a.aside-submenu--item:hover { transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; color: var(--bs-primary); } .header-btn { border-radius: var(--bs-theme-rounded-pill); -moz-border-radius: var(--bs-theme-rounded-pill); -webkit-border-radius: var(--bs-theme-rounded-pill); display: flex; align-items: Center; gap: 5px; border: 1px solid var(--bs-theme-border-color); background: var(--bs-secondary-grad); height: 56px; padding-right: 20px; position: Relative; cursor: pointer; transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; } .header-btn:hover { transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; box-shadow: var(--bs-theme-box-shadow-light); } .header-btn span.icon { width: 52px; height: 42px; overflow: hidden; display: block; position: Relative; } .header-btn span.icon .star-lottie { width: 72px; height: 72px; position: absolute; left: 50%; top: 50%; transform: translateY(-50%) translateX(-50%); } .header-btn span.value span { display: block; font-weight: 700; line-height: 1.2; } .header-btn span.value span:first-child { color: var(--bs-primary); } .header-btn span.value span:last-child { color: var(--bs-white); } .slider-one-wrapper { position: relative; } .slider-one-wrapper .slider-one .swiper-slide a { display: block; } .slider-one-wrapper .slider-one .swiper-slide img { display: block; width: 100%; border-radius: var(--bs-theme-rounded); -moz-border-radius: var(--bs-theme-rounded); -webkit-border-radius: var(--bs-theme-rounded); } .slider-one-wrapper .slider-one .slider-one-pagination { position: absolute; bottom: 20px; z-index: 15; left: 50%; transform: translateX(-50%); display: flex; gap: 5px; margin: 0; padding: 0; width: auto; } .slider-one-wrapper .slider-one .slider-one-pagination span { width: 20px; border-radius: var(--bs-theme-rounded); -moz-border-radius: var(--bs-theme-rounded); -webkit-border-radius: var(--bs-theme-rounded); height: 4px; margin: 0; padding: 0; cursor: pointer; background: rgba(var(--bs-white-rgb), 0.7); backdrop-filter: blur(10px); transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; } .slider-one-wrapper .slider-one .slider-one-pagination span.swiper-pagination-bullet-active { background: var(--bs-primary); transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; } @keyframes bounceAnimation { 0% { transform: translateY(0); } 70% { transform: translateY(-10px); } 75% { transform: translateY(0); } 80% { transform: translateY(-5px); } 85% { transform: translateY(0); } 90% { transform: translateY(-2.5px); } 100% { transform: translateY(0); } } @keyframes hfbIconAnimate { 0% { transform: rotate(0) scale(1); } 25% { transform: scale(1.4); } 75% { transform: scale(1.4); } 100% { transform: rotate(0) scale(1); } } @keyframes hsIconAnimate { 0% { transform: rotate(0); } 100% { transform: rotate(360deg); } } .hfb-item { border-radius: var(--bs-theme-rounded); -moz-border-radius: var(--bs-theme-rounded); -webkit-border-radius: var(--bs-theme-rounded); position: relative; overflow: hidden; padding: 2px; background: var(--bs-secondary-grad-rev); display: block; transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; border: 1px solid var(--bs-theme-border-color); } .hfb-item.animate { animation: bounceAnimation 1.5s cubic-bezier(0.075, 0.82, 0.165, 1); } .hfb-item.animate .icon { animation: hfbIconAnimate 1.5s ease-in-out; } .hfb-item:hover { transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; z-index: 3; border-color: var(--bs-theme-border-color-light); } .hfb-item .hfb-content { display: flex; padding: 20px; height: 100px; position: relative; align-items: center; z-index: 3; background: var(--bs-secondary-grad-rev); border-radius: var(--bs-theme-rounded); -moz-border-radius: var(--bs-theme-rounded); -webkit-border-radius: var(--bs-theme-rounded); } .hfb-item .hfb-content::after { content: ""; left: -100px; position: absolute; top: 50%; height: 200px; transform: rotate(20deg) translateY(-50%); background: linear-gradient( 90deg, rgba(144, 156, 237, 0) 0%, rgba(144, 156, 237, 0.2) 51.92%, rgba(144, 156, 237, 0) 100% ); width: 200px; animation: animateFlash 3s ease infinite; z-index: 1; } .hfb-item .hfb-content .icon { width: 50px; height: 50px; z-index: 2; position: Relative; display: flex; border-radius: var(--bs-theme-rounded-pill); -moz-border-radius: var(--bs-theme-rounded-pill); -webkit-border-radius: var(--bs-theme-rounded-pill); align-items: Center; justify-content: center; color: var(--bs-white); background: var(--bs-primary-grad); } .hfb-item .hfb-content .icon svg { display: block; } .hfb-item .hfb-content .value { width: calc(100% - 50px); padding-left: 20px; font-size: 15px; font-weight: 600; z-index: 2; position: Relative; } .hfb-item .hfb-content .value .long { display: block; font-size: 13px; font-weight: 400; color: var(--bs-theme-text-soft); } @keyframes animateFlash { 0% { left: -200px; } 100% { left: 1000px; } } .section-title { margin: 0; padding: 0; font-size: 17px; font-weight: 700; } .section-sub-text { margin: 0; padding: 0; color: var(--bs-theme-text-soft); } .home-social-section .home-social-item { border: 1px solid var(--bs-theme-border-color); background: var(--bs-secondary-grad-rev); border-radius: var(--bs-theme-rounded); -moz-border-radius: var(--bs-theme-rounded); -webkit-border-radius: var(--bs-theme-rounded); padding: 15px 20px; display: flex; align-items: Center; transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; } .home-social-section .home-social-item:hover { transform: translateY(-10px); transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; border-color: var(--bs-theme-border-color-light); } .home-social-section .home-social-item:hover .icon { animation: hsIconAnimate 0.5s ease-in-out; transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; } @media (max-width: 991px) { .home-social-section .home-social-item { padding: 15px; } } .home-social-section .home-social-item .icon { width: 80px; height: 80px; border-radius: 100%; -moz-border-radius: 100%; -webkit-border-radius: 100%; display: flex; align-items: center; justify-content: center; margin: 0 auto; transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; } @media (max-width: 991px) { .home-social-section .home-social-item .icon { width: 50px; height: 50px; } } .home-social-section .home-social-item .icon svg { width: 30px; height: 30px; } .home-social-section .home-social-item .icon.telegram { background: radial-gradient(50% 50% at 50% 50%, #34bbff 0%, #24a1de 100%); } .home-social-section .home-social-item .icon.twitter { background: linear-gradient(90deg, #434343, #000); } .home-social-section .home-social-item .icon.instagram { background: linear-gradient(90deg, #ffb255, #c32aa3); } .home-social-section .home-social-item .icon.youtube { background: linear-gradient(90deg, #7c0000, red); } .home-social-section .home-social-item .icon.kick { background: linear-gradient(90deg, #94fd66, #349b00); } .home-social-section .home-social-item .content { width: calc(100% - 80px); padding-left: 20px; } @media (max-width: 991px) { .home-social-section .home-social-item .content { width: calc(100% - 50px); } } .home-social-section .home-social-item .title { font-size: 17px; font-weight: 700; } @media (max-width: 991px) { .home-social-section .home-social-item .title { font-size: 15px; margin-bottom: 10px; } } .home-social-section .home-social-item .subtitle { font-size: 15px; font-weight: 500; margin-top: 5px; color: var(--bs-theme-text-soft); } @media (max-width: 991px) { .home-social-section .home-social-item .subtitle { font-size: 13px; } } .home-social-section .home-social-item .button { margin-top: 10px; } .home-social-section .home-social-item .long { font-size: 15px; font-weight: 700; margin-top: 5px; } @media (max-width: 991px) { .home-social-section .home-social-item .long { font-size: 13px; } } .home-social-section .home-social-item .btn-primary img { width: 20px; height: 20px; display: block; border-radius: var(--bs-theme-rounded-pill); -moz-border-radius: var(--bs-theme-rounded-pill); -webkit-border-radius: var(--bs-theme-rounded-pill); } .social-links .box-title { color: var(--bs-theme-text-soft); font-size: 13px; } .social-links .link-white { font-size: 13px; } .social-links .social-links-contact { padding: 15px; background: var(--bs-secondary-grad); } .social-links .social-links-list { display: block; margin: 0; padding: 0; list-style: none; } .social-links .social-links-list li a { display: flex; align-items: center; gap: 10px; font-size: 12px; line-height: 1; padding: 10px; text-align: Center; transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; } .social-links .social-links-list li a .icon { width: 30px; } .social-links .social-links-list li a svg { display: block; } .social-links .social-links-list li a:hover { transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; } .social-links .social-links-list li a .icon { display: block; margin-bottom: 5px; } .social-links .social-links-list li a svg { display: block; height: 18px; margin: 0 auto; } .social-links .social-links-list li a.discord:hover { background: #5521ff; } .social-links .social-links-list li a.telegram:hover { background: #27f; } .social-links .social-links-list li a.twitter:hover { background: #000; } .social-links .social-links-list li a.kick:hover { background: #00e257; } .social-links .social-links-list li a.twitch:hover { background: #550fd6; } .social-links .social-links-list li a.instagram:hover { background: #f2b; } .social-links .social-links-list li a.youtube:hover { background: #f22; } .page-footer { background: var(--bs-theme-bg-dark); margin-top: 20px; } .page-footer .foot-links .foot-links-title { font-weight: 600; font-size: 16px; } .page-footer .foot-links ul { margin: 0; display: flex; padding: 0; list-style: none; flex-wrap: wrap; } .page-footer .foot-links ul li { width: 33.3333%; margin-top: 10px; } @media (max-width: 991px) { .page-footer .foot-links ul li { width: 50%; } } .page-footer .foot-links ul li a { color: var(--bs-theme-text-soft); padding-left: 15px; position: relative; transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; } .page-footer .foot-links ul li a::before { width: 5px; height: 5px; content: ""; left: 0; position: absolute; border-radius: var(--bs-theme-rounded-pill); -moz-border-radius: var(--bs-theme-rounded-pill); -webkit-border-radius: var(--bs-theme-rounded-pill); top: 50%; transform: TranslateY(-50%); border: 1px solid var(--bs-theme-text-soft); transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; } .page-footer .foot-links ul li a:hover { color: var(--bs-primary); transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; } .page-footer .foot-links ul li a:hover::before { border-color: var(--bs-primary); transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; } .page-footer .footer-top { border-bottom: 1px solid var(--bs-theme-border-color); padding: 30px; } @media (max-width: 991px) { .page-footer .footer-top { padding: 20px; } } .page-footer .footer-bot { padding: 30px; } @media (max-width: 991px) { .page-footer .footer-bot { padding: 20px; } } .page-footer .footer-logo { margin-bottom: 20px; } .page-footer .footer-logo img { max-width: 150px; max-height: 75px; display: block; } .page-footer .footer-logo svg { display: block; } .page-footer .foot-logos img { display: block; max-width: 100px; opacity: 0.3; transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; } .page-footer .foot-logos img:hover { transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; opacity: 1; } .page-footer .foot-socials { display: flex; align-items: Center; gap: 5px; margin: 20px 0 0 0; padding: 0; list-style: none; justify-content: flex-end; flex-wrap: wrap; } @media (max-width: 991px) { .page-footer .foot-socials { justify-content: center; } } .page-footer .foot-socials li a { display: flex; width: 36px; height: 36px; border-radius: var(--bs-theme-rounded); -moz-border-radius: var(--bs-theme-rounded); -webkit-border-radius: var(--bs-theme-rounded); color: var(--bs-theme-text-soft); align-items: center; justify-content: center; transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; background: var(--bs-theme-bg-soft); } .page-footer .foot-socials li a svg { display: block; width: 14px; height: 14px; } .page-footer .foot-socials li a svg path { transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; } .page-footer .foot-socials li a:hover { background: var(--bs-primary); transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; color: var(--bs-white); } .page-footer .foot-socials li a:hover svg path { transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; } .page-footer .copyright { font-size: 13px; } .page-footer .foot-contact { font-size: 13px; } .page-footer .foot-contact .title { color: var(--bs-theme-text-soft); font-weight: 600; } .form-group .form-title { font-size: 12px; font-weight: 700; margin-bottom: 7px; line-height: 1; } .theme-modal-logo img { display: Block; max-width: 100%; } .theme-modal-title { font-size: 23px; font-weight: 700; } .theme-modal-title .theme-modal-closer { position: absolute; top: 20px; right: 20px; background: transparent; border: none; width: 30px; height: 30px; display: flex; align-items: center; justify-content: Center; color: var(--bs-white); cursor: pointer; padding: 0; margin: 0; } .theme-modal-title .theme-modal-fullscreen { position: absolute; top: 20px; right: 60px; background: transparent; border: none; width: 30px; height: 30px; display: flex; align-items: center; justify-content: Center; color: var(--bs-white); cursor: pointer; padding: 0; margin: 0; } .mobile-chatbox { position: fixed; bottom: 20px; right: 20px; z-index: 101; display: none; } @media (max-width: 991px) { .mobile-chatbox { display: block; } } .modal-fullscreen .iframe-container iframe { height: calc(100vh - 200px); } .user-menu img { display: block; width: 20px; height: 20px; border-radius: var(--bs-theme-rounded); -moz-border-radius: var(--bs-theme-rounded); -webkit-border-radius: var(--bs-theme-rounded); } .user-menu svg { width: 14px; height: 14px; } @media (max-width: 991px) { .user-menu .text-truncate { display: none; } } .user-dropdown-menu li a { transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; } .user-dropdown-menu li a:hover { transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; } .user-dropdown-menu li:first-child a { border-radius: var(--bs-theme-rounded) var(--bs-theme-rounded) 0 0; -moz-border-radius: var(--bs-theme-rounded) var(--bs-theme-rounded) 0 0; -webkit-border-radius: var(--bs-theme-rounded) var(--bs-theme-rounded) 0 0; } .user-dropdown-menu li:last-child a { border-radius: 0 0 var(--bs-theme-rounded) var(--bs-theme-rounded); -moz-border-radius: 0 0 var(--bs-theme-rounded) var(--bs-theme-rounded); -webkit-border-radius: 0 0 var(--bs-theme-rounded) var(--bs-theme-rounded); } .logo-slider { background: var(--bs-theme-soft); border-radius: var(--bs-theme-rounded); -moz-border-radius: var(--bs-theme-rounded); -webkit-border-radius: var(--bs-theme-rounded); } .logo-slider .swiper-slide { width: auto !important; } .logo-slider .logo-slider-item { display: flex; height: 60px; align-items: center; justify-content: center; } .logo-slider .logo-slider-item img { display: block; max-width: 120px !important; margin: 0 auto; max-height: 40px !important; } .custom-search { position: relative; } .custom-search-input { display: block; width: 100%; border: 1px solid var(--bs-theme-border-color); height: 50px; transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; background: var(--bs-theme-soft); border-radius: var(--bs-theme-rounded); -moz-border-radius: var(--bs-theme-rounded); -webkit-border-radius: var(--bs-theme-rounded); outline: none; padding-left: 65px; color: var(--bs-white); } .custom-search-input::placeholder { opacity: 1; color: var(--bs-theme-text-soft); } .custom-search-input:focus { border-color: var(--bs-primary); transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; } .custom-search-input:focus + .icon { color: var(--bs-primary); transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; } .custom-search .icon { position: absolute; top: 50%; transform: translateY(-50%); left: 20px; transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; } .custom-search .icon svg { display: block; } .custom-search .search-sponsor { position: absolute; left: 0; top: 100%; width: 100%; display: none; z-index: 9; background: var(--bs-theme-bg-dark); border-radius: var(--bs-theme-rounded); -moz-border-radius: var(--bs-theme-rounded); -webkit-border-radius: var(--bs-theme-rounded); padding: 20px; box-shadow: var(--bs-theme-box-shadow); backdrop-filter: blur(30px); } .custom-search .search-sponsor .search-item { transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; border-radius: var(--bs-theme-rounded); -moz-border-radius: var(--bs-theme-rounded); -webkit-border-radius: var(--bs-theme-rounded); display: flex; background: var(--bs-secondary-grad); height: 50px; border: 1px solid var(--bs-theme-border-color); align-items: center; justify-content: center; } .custom-search .search-sponsor .search-item img { display: block; height: 30px; margin: 0 auto; max-width: 95%; } .custom-search .search-sponsor .search-item:hover { transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; transform: scale(1.05); z-index: 10; border-color: var(--bs-theme-border-color-light); } .sponsors .sponsor-item-wrapper { display: block; position: relative; } .sponsors .sponsor-item-wrapper:hover { z-index: 4; } .sponsors .sponsor-item-wrapper .star { display: block; width: 60px; height: 60px; position: Relative; overflow: hidden; position: absolute; top: -20px; left: 50%; transform: translateX(-50%); z-index: 3; } @media (max-width: 991px) { .sponsors .sponsor-item-wrapper .star { display: none; } } .sponsors .sponsor-item-wrapper .star .star-lottie { display: block; width: 90px; margin: 0 auto; height: 90px; position: absolute; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%); } .sponsors .sponsor-item-wrapper .sponsor-item-inner { padding: 1px; background: rgba(var(--bs-white-rgb), 0.2); border-radius: var(--bs-theme-rounded); -moz-border-radius: var(--bs-theme-rounded); -webkit-border-radius: var(--bs-theme-rounded); position: relative; overflow: hidden; z-index: 1; display: block; transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; } .sponsors .sponsor-item-wrapper .sponsor-item-inner:hover { box-shadow: 0 0 30px var(--shadow-item-color); transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; } .sponsors .sponsor-item-wrapper .sponsor-item-inner::after { content: " "; position: absolute; z-index: 1; inset: -0.5rem; border-radius: inherit; animation: rotate 4.5s linear infinite; } .sponsors .sponsor-item-wrapper .sponsor-item-inner .sponsor-item { position: Relative; z-index: 2; display: block; border-radius: var(--bs-theme-rounded); -moz-border-radius: var(--bs-theme-rounded); -webkit-border-radius: var(--bs-theme-rounded); background: var(--bs-theme-grad); padding: 15px; padding-top: 50px; } @media (min-width: 992px) { .sponsors.global-sponsors .sponsor-item-wrapper .sponsor-item-inner .sponsor-item { padding-top: 72px; } } @media (max-width: 991px) { .sponsors .sponsor-item-wrapper .sponsor-item-inner .sponsor-item { padding: 5px; padding-top: 5px; } } .sponsors .sponsor-item-wrapper .sponsor-item-inner .sponsor-item:after { content: ""; position: absolute; top: 0; left: 0; z-index: 1; width: 0; height: 100%; background-color: rgba(255, 255, 255, 0.1); -webkit-transition: none; -moz-transition: none; transition: none; } .sponsors .sponsor-item-wrapper .sponsor-item-inner .sponsor-item:hover:after { width: 120%; background-color: rgba(255, 255, 255, 0); -webkit-transition: all 0.8s ease-in-out; -moz-transition: all 0.8s ease-in-out; transition: all 0.8s ease-in-out; } .sponsors .sponsor-item-wrapper .sponsor-item-inner .sponsor-item .brand { position: relative; z-index: 3; display: flex; height: 40px; align-items: center; justify-content: center; } @media (max-width: 991px) { .sponsors .sponsor-item-wrapper .sponsor-item-inner .sponsor-item .brand { height: 50px; } } .sponsors .sponsor-item-wrapper .sponsor-item-inner .sponsor-item .brand img { height: auto !important; max-width: 80% !important; display: block; } @media (max-width: 991px) { .sponsors .sponsor-item-wrapper .sponsor-item-inner .sponsor-item .brand img { max-height: 50px !important; max-width: 100% !important; } } .sponsors .sponsor-item-wrapper .sponsor-item-inner .sponsor-item .rank { font-size: 16px; font-weight: 700; position: relative; display: block; z-index: 3; margin-top: 15px; text-align: center; } @media (max-width: 767px) { .sponsors .sponsor-item-wrapper .sponsor-item-inner .sponsor-item .rank { display: none; } } .sponsors .sponsor-item-wrapper .sponsor-item-inner .sponsor-item .rank span { color: var(--bs-primary); } .sponsors .sponsor-item-wrapper .sponsor-item-inner .sponsor-item .bonuses { display: flex; align-items: center; justify-content: center; margin-top: 10px; gap: 5px; position: relative; z-index: 3; flex-wrap: wrap; } @media (max-width: 991px) { .sponsors .sponsor-item-wrapper .sponsor-item-inner .sponsor-item .bonuses { display: none; } } .sponsors .sponsor-item-wrapper .sponsor-item-inner .sponsor-item .bonuses-item { border-radius: var(--bs-theme-rounded); -moz-border-radius: var(--bs-theme-rounded); -webkit-border-radius: var(--bs-theme-rounded); background: var(--bs-secondary-grad); border: 1px solid var(--bs-theme-border-color); padding: 10px; text-align: Center; display: block; font-size: 13px; font-weight: 600; } @media (max-width: 991px) { .sponsors .sponsor-item-wrapper .sponsor-item-inner .sponsor-item .bonuses-item { font-size: 10px; padding: 5px; } } .sponsors .sponsor-item-wrapper .sponsor-item-inner .sponsor-item .bonuses-item span { display: block; } .sponsors .sponsor-item-wrapper .sponsor-item-inner .sponsor-item .bonuses-item span:last-child { color: var(--bs-theme-text-soft); } @media (max-width: 991px) { .sponsors .sponsor-item-wrapper .sponsor-item-inner .sponsor-item .bonuses:has(.bonuses-item:nth-child(2)) .bonuses-item { width: 48%; } } .sponsors .sponsor-item-wrapper .sponsor-item-inner .sponsor-item .stars-animate { position: absolute; width: 100% !important; height: 100% !important; z-index: 2; top: 0; left: 0; } .sponsors .sponsor-item-wrapper.primary-color .sponsor-item-inner::after { background: conic-gradient( from var(--gradient-angle), rgba(var(--bs-primary-rgb), 1), rgba(var(--bs-primary-rgb), 0), rgba(var(--bs-primary-rgb), 0), rgba(var(--bs-primary-rgb), 0), rgba(var(--bs-primary-rgb), 0), rgba(var(--bs-primary-rgb), 0), rgba(var(--bs-primary-rgb), 1) ); } .sponsors .sponsor-item-wrapper.primary-color .sponsor-item-inner:hover { background: var(--bs-primary); --shadow-item-color: var(--bs-primary); } .sponsors .sponsor-item-wrapper.green-color .sponsor-item-inner::after { background: conic-gradient( from var(--gradient-angle), rgba(var(--bs-success-rgb), 1), rgba(var(--bs-success-rgb), 0), rgba(var(--bs-success-rgb), 0), rgba(var(--bs-success-rgb), 0), rgba(var(--bs-success-rgb), 0), rgba(var(--bs-success-rgb), 0), rgba(var(--bs-success-rgb), 1) ); } .sponsors .sponsor-item-wrapper.green-color .sponsor-item-inner:hover { background: var(--bs-success); --shadow-item-color: var(--bs-success); } .sponsors .sponsor-item-wrapper.purple-color .sponsor-item-inner::after { background: conic-gradient( from var(--gradient-angle), rgba(var(--bs-purple-rgb), 1), rgba(var(--bs-purple-rgb), 0), rgba(var(--bs-purple-rgb), 0), rgba(var(--bs-purple-rgb), 0), rgba(var(--bs-purple-rgb), 0), rgba(var(--bs-purple-rgb), 0), rgba(var(--bs-purple-rgb), 1) ); } .sponsors .sponsor-item-wrapper.purple-color .sponsor-item-inner:hover { background: var(--bs-purple); --shadow-item-color: var(--bs-purple); } .sponsors .sponsor-item-wrapper.red-color .sponsor-item-inner::after { background: conic-gradient( from var(--gradient-angle), rgba(var(--bs-danger-rgb), 1), rgba(var(--bs-danger-rgb), 0), rgba(var(--bs-danger-rgb), 0), rgba(var(--bs-danger-rgb), 0), rgba(var(--bs-danger-rgb), 0), rgba(var(--bs-danger-rgb), 0), rgba(var(--bs-danger-rgb), 1) ); } .sponsors .sponsor-item-wrapper.red-color .sponsor-item-inner:hover { background: var(--bs-danger); --shadow-item-color: var(--bs-danger); } .sponsors .sponsor-item-wrapper.yellow-color .sponsor-item-inner::after { background: conic-gradient( from var(--gradient-angle), rgba(var(--bs-warning-rgb), 1), rgba(var(--bs-warning-rgb), 0), rgba(var(--bs-warning-rgb), 0), rgba(var(--bs-warning-rgb), 0), rgba(var(--bs-warning-rgb), 0), rgba(var(--bs-warning-rgb), 0), rgba(var(--bs-warning-rgb), 1) ); } .sponsors .sponsor-item-wrapper.yellow-color .sponsor-item-inner:hover { background: var(--bs-warning); --shadow-item-color: var(--bs-warning); } .sponsors .sponsor-item-wrapper.pink-color .sponsor-item-inner::after { background: conic-gradient( from var(--gradient-angle), rgba(var(--bs-pink-rgb), 1), rgba(var(--bs-pink-rgb), 0), rgba(var(--bs-pink-rgb), 0), rgba(var(--bs-pink-rgb), 0), rgba(var(--bs-pink-rgb), 0), rgba(var(--bs-pink-rgb), 0), rgba(var(--bs-pink-rgb), 1) ); } .sponsors .sponsor-item-wrapper.pink-color .sponsor-item-inner:hover { background: var(--bs-pink); --shadow-item-color: var(--bs-pink); } .sponsors.all-sponsors .sponsor-item, .sponsors.vip-sponsors .sponsor-item { padding-top: 10px !important; } @media (max-width: 991px) { .sponsors.all-sponsors .sponsor-item, .sponsors.vip-sponsors .sponsor-item { padding-top: 5px !important; } } .sponsors.all-sponsors .sponsor-item .star, .sponsors.vip-sponsors .sponsor-item .star { position: relative !important; margin: 0 auto !important; top: inherit !important; left: inherit !important; transform: inherit !important; margin-bottom: 20px !important; width: 40px !important; height: 40px !important; } .sponsors.all-sponsors .sponsor-item .star .star-lottie, .sponsors.vip-sponsors .sponsor-item .star .star-lottie { position: absolute; left: 50%; top: 50%; transform: translateY(-50%) translateX(-50%); width: 50px; height: 50px; } .sponsors.all-sponsors .sponsor-item .rank, .sponsors.vip-sponsors .sponsor-item .rank { font-size: 12px !important; } .sponsors.all-sponsors .sponsor-item .rank span, .sponsors.vip-sponsors .sponsor-item .rank span { font-size: 12px !important; display: block; } .sponsors.all-sponsors .sponsor-item .bonuses, .sponsors.vip-sponsors .sponsor-item .bonuses { font-size: 10px !important; } .sponsors.all-sponsors .sponsor-item .bonuses .bonuses-item, .sponsors.vip-sponsors .sponsor-item .bonuses .bonuses-item { font-size: 10px !important; padding: 10px; } .notification-slider-wrapper { position: relative; } .notification-slider-wrapper img { display: block; width: 100%; border-radius: var(--bs-theme-rounded); -moz-border-radius: var(--bs-theme-rounded); -webkit-border-radius: var(--bs-theme-rounded); } .notification-slider-wrapper .swiper-button-next { right: 30px !important; } .notification-slider-wrapper .swiper-button-prev { left: 30px !important; } .notification-slider-wrapper .swiper-button-next, .notification-slider-wrapper .swiper-button-prev { color: var(--bs-primary) !important; } .notification-slider-wrapper .swiper-pagination { position: absolute; bottom: 20px; z-index: 15; justify-content: center; display: flex; gap: 5px; margin: 0; padding: 0; width: auto; } .notification-slider-wrapper .swiper-pagination span { width: 20px; border-radius: var(--bs-theme-rounded); -moz-border-radius: var(--bs-theme-rounded); -webkit-border-radius: var(--bs-theme-rounded); height: 4px; margin: 0; padding: 0; cursor: pointer; background: rgba(var(--bs-white-rgb), 0.7); backdrop-filter: blur(10px); transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; } .notification-slider-wrapper .swiper-pagination span.swiper-pagination-bullet-active { background: var(--bs-primary); transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; } .market-items .market-item { border: 1px solid var(--bs-theme-border-color); background: var(--bs-theme-dark); border-radius: var(--bs-theme-rounded); -moz-border-radius: var(--bs-theme-rounded); -webkit-border-radius: var(--bs-theme-rounded); transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; } .market-items .market-item:hover { transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; border-color: var(--bs-primary); } .market-items .market-item .img img { display: block; width: 100%; border-radius: var(--bs-theme-rounded) var(--bs-theme-rounded) 0 0; -moz-border-radius: var(--bs-theme-rounded) var(--bs-theme-rounded) 0 0; -webkit-border-radius: var(--bs-theme-rounded) var(--bs-theme-rounded) 0 0; } .market-items .market-item .title { font-size: 16px; font-weight: 600; } .market-items .market-item .subtitle { font-size: 13px; color: var(--bs-theme-text-soft); } .market-items .market-item .content { padding: 15px; } .market-items .market-item .content .market-buttons .cash { height: 40px; display: flex; align-items: center; flex: 1; background: var(--bs-theme-bg-soft); border-radius: var(--bs-theme-rounded-pill); -moz-border-radius: var(--bs-theme-rounded-pill); -webkit-border-radius: var(--bs-theme-rounded-pill); padding: 0 10px; gap: 10px; justify-content: Center; } .market-items .market-item .content .market-buttons .cash .img { width: 20px; height: 20px; border-radius: var(--bs-theme-rounded-pill); -moz-border-radius: var(--bs-theme-rounded-pill); -webkit-border-radius: var(--bs-theme-rounded-pill); border: 1px solid var(--bs-primary); } .market-items .market-item .content .market-buttons .cash .img img { border-radius: var(--bs-theme-rounded-pill); -moz-border-radius: var(--bs-theme-rounded-pill); -webkit-border-radius: var(--bs-theme-rounded-pill); width: 18px; height: 18px; display: block; } .market-items .market-item .content .market-buttons .cash .value { font-size: 18px; font-weight: 700; } .toast-title { font-weight: bold; } .toast-message { -ms-word-wrap: break-word; word-wrap: break-word; } .toast-message a, .toast-message label { color: #ffffff; } .toast-message a:hover { color: #cccccc; text-decoration: none; } .toast-close-button { position: relative; right: -0.3em; top: -0.3em; float: right; font-size: 20px; font-weight: bold; color: #ffffff; -webkit-text-shadow: 0 1px 0 #ffffff; text-shadow: 0 1px 0 #ffffff; opacity: 0.8; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); filter: alpha(opacity=80); line-height: 1; } .toast-close-button:hover, .toast-close-button:focus { color: #000000; text-decoration: none; cursor: pointer; opacity: 0.4; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40); filter: alpha(opacity=40); } .rtl .toast-close-button { left: -0.3em; float: left; right: 0.3em; } button.toast-close-button { padding: 0; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; } .toast-top-center { top: 0; right: 0; width: 100%; } .toast-bottom-center { bottom: 0; right: 0; width: 100%; } .toast-top-full-width { top: 0; right: 0; width: 100%; } .toast-bottom-full-width { bottom: 0; right: 0; width: 100%; } .toast-top-left { top: 12px; left: 12px; } .toast-top-right { top: 12px; right: 12px; } .toast-bottom-right { right: 12px; bottom: 12px; } .toast-bottom-left { bottom: 12px; left: 12px; } #toast-container { position: fixed; z-index: 999999; pointer-events: none; } #toast-container * { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } #toast-container > div { position: relative; pointer-events: auto; overflow: hidden; margin: 0 0 6px; padding: 15px 15px 15px 50px; width: 300px; border-color: var(--bs-theme-border-color) !important; border-radius: var(--bs-theme-rounded); -moz-border-radius: var(--bs-theme-rounded); -webkit-border-radius: var(--bs-theme-rounded); background-position: 15px center; background-repeat: no-repeat; box-shadow: var(--bs-theme-box-shadow); background-color: var(--bs-theme-bg-dark); backdrop-filter: blur(30px); opacity: 1; } #toast-container > div.rtl { direction: rtl; padding: 15px 50px 15px 15px; background-position: right 15px center; } #toast-container > div:hover { -moz-box-shadow: 0 0 30px #000000; -webkit-box-shadow: 0 0 30px #000000; box-shadow: 0 0 30px #000000; opacity: 1; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); filter: alpha(opacity=100); cursor: pointer; } #toast-container > .toast-info { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGwSURBVEhLtZa9SgNBEMc9sUxxRcoUKSzSWIhXpFMhhYWFhaBg4yPYiWCXZxBLERsLRS3EQkEfwCKdjWJAwSKCgoKCcudv4O5YLrt7EzgXhiU3/4+b2ckmwVjJSpKkQ6wAi4gwhT+z3wRBcEz0yjSseUTrcRyfsHsXmD0AmbHOC9Ii8VImnuXBPglHpQ5wwSVM7sNnTG7Za4JwDdCjxyAiH3nyA2mtaTJufiDZ5dCaqlItILh1NHatfN5skvjx9Z38m69CgzuXmZgVrPIGE763Jx9qKsRozWYw6xOHdER+nn2KkO+Bb+UV5CBN6WC6QtBgbRVozrahAbmm6HtUsgtPC19tFdxXZYBOfkbmFJ1VaHA1VAHjd0pp70oTZzvR+EVrx2Ygfdsq6eu55BHYR8hlcki+n+kERUFG8BrA0BwjeAv2M8WLQBtcy+SD6fNsmnB3AlBLrgTtVW1c2QN4bVWLATaIS60J2Du5y1TiJgjSBvFVZgTmwCU+dAZFoPxGEEs8nyHC9Bwe2GvEJv2WXZb0vjdyFT4Cxk3e/kIqlOGoVLwwPevpYHT+00T+hWwXDf4AJAOUqWcDhbwAAAAASUVORK5CYII=") !important; } #toast-container > .toast-error { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHOSURBVEhLrZa/SgNBEMZzh0WKCClSCKaIYOED+AAKeQQLG8HWztLCImBrYadgIdY+gIKNYkBFSwu7CAoqCgkkoGBI/E28PdbLZmeDLgzZzcx83/zZ2SSXC1j9fr+I1Hq93g2yxH4iwM1vkoBWAdxCmpzTxfkN2RcyZNaHFIkSo10+8kgxkXIURV5HGxTmFuc75B2RfQkpxHG8aAgaAFa0tAHqYFfQ7Iwe2yhODk8+J4C7yAoRTWI3w/4klGRgR4lO7Rpn9+gvMyWp+uxFh8+H+ARlgN1nJuJuQAYvNkEnwGFck18Er4q3egEc/oO+mhLdKgRyhdNFiacC0rlOCbhNVz4H9FnAYgDBvU3QIioZlJFLJtsoHYRDfiZoUyIxqCtRpVlANq0EU4dApjrtgezPFad5S19Wgjkc0hNVnuF4HjVA6C7QrSIbylB+oZe3aHgBsqlNqKYH48jXyJKMuAbiyVJ8KzaB3eRc0pg9VwQ4niFryI68qiOi3AbjwdsfnAtk0bCjTLJKr6mrD9g8iq/S/B81hguOMlQTnVyG40wAcjnmgsCNESDrjme7wfftP4P7SP4N3CJZdvzoNyGq2c/HWOXJGsvVg+RA/k2MC/wN6I2YA2Pt8GkAAAAASUVORK5CYII=") !important; } #toast-container > .toast-success { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVEhLY2AYBfQMgf///3P8+/evAIgvA/FsIF+BavYDDWMBGroaSMMBiE8VC7AZDrIFaMFnii3AZTjUgsUUWUDA8OdAH6iQbQEhw4HyGsPEcKBXBIC4ARhex4G4BsjmweU1soIFaGg/WtoFZRIZdEvIMhxkCCjXIVsATV6gFGACs4Rsw0EGgIIH3QJYJgHSARQZDrWAB+jawzgs+Q2UO49D7jnRSRGoEFRILcdmEMWGI0cm0JJ2QpYA1RDvcmzJEWhABhD/pqrL0S0CWuABKgnRki9lLseS7g2AlqwHWQSKH4oKLrILpRGhEQCw2LiRUIa4lwAAAABJRU5ErkJggg==") !important; } #toast-container > .toast-warning { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGYSURBVEhL5ZSvTsNQFMbXZGICMYGYmJhAQIJAICYQPAACiSDB8AiICQQJT4CqQEwgJvYASAQCiZiYmJhAIBATCARJy+9rTsldd8sKu1M0+dLb057v6/lbq/2rK0mS/TRNj9cWNAKPYIJII7gIxCcQ51cvqID+GIEX8ASG4B1bK5gIZFeQfoJdEXOfgX4QAQg7kH2A65yQ87lyxb27sggkAzAuFhbbg1K2kgCkB1bVwyIR9m2L7PRPIhDUIXgGtyKw575yz3lTNs6X4JXnjV+LKM/m3MydnTbtOKIjtz6VhCBq4vSm3ncdrD2lk0VgUXSVKjVDJXJzijW1RQdsU7F77He8u68koNZTz8Oz5yGa6J3H3lZ0xYgXBK2QymlWWA+RWnYhskLBv2vmE+hBMCtbA7KX5drWyRT/2JsqZ2IvfB9Y4bWDNMFbJRFmC9E74SoS0CqulwjkC0+5bpcV1CZ8NMej4pjy0U+doDQsGyo1hzVJttIjhQ7GnBtRFN1UarUlH8F3xict+HY07rEzoUGPlWcjRFRr4/gChZgc3ZL2d8oAAAAASUVORK5CYII=") !important; } #toast-container.toast-top-center > div, #toast-container.toast-bottom-center > div { width: 300px; margin-left: auto; margin-right: auto; } #toast-container.toast-top-full-width > div, #toast-container.toast-bottom-full-width > div { width: 96%; margin-left: auto; margin-right: auto; } .toast { background-color: var(--bs-theme-bg-dark); } .toast-success { color: var(--bs-success); } .toast-error { color: var(--bs-danger); } .toast-info { color: var(--bs-info); } .toast-warning { color: var(--bs-warning); } .toast-progress { position: absolute; left: 0; bottom: 0; height: 4px; background-color: #000000; opacity: 0.4; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40); filter: alpha(opacity=40); } @media all and (max-width: 240px) { #toast-container > div { padding: 8px 8px 8px 50px; width: 11em; } #toast-container > div.rtl { padding: 8px 50px 8px 8px; } #toast-container .toast-close-button { right: -0.2em; top: -0.2em; } #toast-container .rtl .toast-close-button { left: -0.2em; right: 0.2em; } } @media all and (min-width: 241px) and (max-width: 480px) { #toast-container > div { padding: 8px 8px 8px 50px; width: 18em; } #toast-container > div.rtl { padding: 8px 50px 8px 8px; } #toast-container .toast-close-button { right: -0.2em; top: -0.2em; } #toast-container .rtl .toast-close-button { left: -0.2em; right: 0.2em; } } @media all and (min-width: 481px) and (max-width: 768px) { #toast-container > div { padding: 15px 15px 15px 50px; width: 25em; } #toast-container > div.rtl { padding: 15px 50px 15px 15px; } } .user-profile .user-profile-menu { border-radius: var(--bs-theme-rounded) 0 0 var(--bs-theme-rounded); -moz-border-radius: var(--bs-theme-rounded) 0 0 var(--bs-theme-rounded); -webkit-border-radius: var(--bs-theme-rounded) 0 0 var(--bs-theme-rounded); background: var(--bs-theme-dark); border: 1px solid var(--bs-theme-border-color); width: 220px; position: relative; overflow: hidden; } @media (max-width: 1399px) { .user-profile .user-profile-menu { width: 100%; border-radius: var(--bs-theme-rounded) var(--bs-theme-rounded) 0 0; -moz-border-radius: var(--bs-theme-rounded) var(--bs-theme-rounded) 0 0; -webkit-border-radius: var(--bs-theme-rounded) var(--bs-theme-rounded) 0 0; display: flex; } } @media (max-width: 991px) { .user-profile .user-profile-menu { flex-wrap: wrap; } } .user-profile .user-profile-menu .user-profile-info { display: flex; align-items: center; padding: 15px; border-bottom: 1px solid var(--bs-theme-border-color); } @media (max-width: 1399px) { .user-profile .user-profile-menu .user-profile-info { width: 220px; border-bottom: none; border-right: 1px solid var(--bs-theme-border-color); } } @media (max-width: 991px) { .user-profile .user-profile-menu .user-profile-info { width: 100%; border-right: none; border-bottom: 1px solid var(--bs-theme-border-color); } } .user-profile .user-profile-menu .user-profile-info .img { width: 50px; position: relative; } .user-profile .user-profile-menu .user-profile-info .img img { display: block; border-radius: var(--bs-theme-rounded-pill); -moz-border-radius: var(--bs-theme-rounded-pill); -webkit-border-radius: var(--bs-theme-rounded-pill); width: 50px; height: 50px; object-fit: cover; border: 1px solid var(--bs-primary); } .user-profile .user-profile-menu .user-profile-info .img .user-photo-changer { position: absolute; bottom: -10px; left: 0; right: 0; margin: auto; z-index: 3; cursor: pointer; width: 20px; height: 20px; border-radius: var(--bs-theme-rounded-pill); -moz-border-radius: var(--bs-theme-rounded-pill); -webkit-border-radius: var(--bs-theme-rounded-pill); display: flex; align-items: center; justify-content: center; background: var(--bs-primary-grad); box-shadow: var(--bs-primary-box-shadow); } .user-profile .user-profile-menu .user-profile-info .img .user-photo-changer svg { display: block; width: 14px; height: 14px; } .user-profile .user-profile-menu .user-profile-info .content { font-size: 13px; padding-left: 15px; min-width: 0; } .user-profile .user-profile-menu .user-profile-info .content span { display: block; font-size: 11px; color: var(--bs-theme-text-soft); overflow-wrap: anywhere; word-break: break-word; } .user-profile .user-profile-menu .user-profile-links { margin: 0; padding: 0; list-style: none; } @media (max-width: 1399px) { .user-profile .user-profile-menu .user-profile-links { width: calc(100% - 220px); display: flex; flex-wrap: wrap; } } @media (max-width: 991px) { .user-profile .user-profile-menu .user-profile-links { width: 100%; } } .user-profile .user-profile-menu .user-profile-links li { border-bottom: 1px solid var(--bs-theme-border-color); } @media (max-width: 1399px) { .user-profile .user-profile-menu .user-profile-links li { display: flex; flex-wrap: wap; border-bottom: none; border-right: 1px solid var(--bs-theme-border-color); } } .user-profile .user-profile-menu .user-profile-links li a { display: flex; padding: 15px; align-items: center; transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; } .user-profile .user-profile-menu .user-profile-links li a span:first-child { width: 27px; } .user-profile .user-profile-menu .user-profile-links li a svg { display: block; width: 17px; height: 17px; } .user-profile .user-profile-menu .user-profile-links li a:hover, .user-profile .user-profile-menu .user-profile-links li a.active { background: var(--bs-primary-grad); box-shadow: var(--bs-primary-box-shadow); transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; } @media (max-width: 991px) { .user-profile .user-profile-menu .user-profile-links li a { font-size: 12px; padding: 10px; } } .user-profile .user-profile-menu .user-profile-links li:last-child { border-bottom: none; } @media (max-width: 1399px) { .user-profile .user-profile-menu .user-profile-links li:last-child { border-right: none; } .user-profile .user-profile-menu .user-profile-links li:last-child a { border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; } } .user-profile .user-profile-content { width: calc(100% - 220px); background: var(--bs-theme-bg-dark); border-radius: 0 var(--bs-theme-rounded) var(--bs-theme-rounded) 0; -moz-border-radius: 0 var(--bs-theme-rounded) var(--bs-theme-rounded) 0; -webkit-border-radius: 0 var(--bs-theme-rounded) var(--bs-theme-rounded) 0; border-top: 1px solid var(--bs-theme-border-color); border-right: 1px solid var(--bs-theme-border-color); border-bottom: 1px solid var(--bs-theme-border-color); padding: 20px; } @media (max-width: 1399px) { .user-profile .user-profile-content { width: 100%; border-top: none; border-left: 1px solid var(--bs-theme-border-color); border-radius: 0 0 var(--bs-theme-rounded) var(--bs-theme-rounded); -moz-border-radius: 0 0 var(--bs-theme-rounded) var(--bs-theme-rounded); -webkit-border-radius: 0 0 var(--bs-theme-rounded) var(--bs-theme-rounded); } } @media (max-width: 991px) { .user-profile .user-profile-content { padding: 10px; } } .user-profile .user-profile-content .crypto-account-item { border: 1px solid var(--bs-theme-border-color); border-radius: var(--bs-theme-rounded); -moz-border-radius: var(--bs-theme-rounded); -webkit-border-radius: var(--bs-theme-rounded); padding: 20px; background: var(--bs-theme-bg-soft); } @media (max-width: 991px) { .user-profile .user-profile-content .crypto-account-item { padding: 10px; } } .user-profile .user-profile-content .crypto-account-item .icon svg { display: block; width: 34px; height: 34px; } .user-profile .user-profile-content .crypto-account-item .title { font-weight: 600; font-size: 18px; } .user-profile .user-profile-content .verifier-item { border: 1px solid var(--bs-theme-border-color); border-radius: var(--bs-theme-rounded); -moz-border-radius: var(--bs-theme-rounded); -webkit-border-radius: var(--bs-theme-rounded); padding: 20px; background: var(--bs-theme-bg-soft); } @media (max-width: 991px) { .user-profile .user-profile-content .verifier-item { padding: 10px; } } .user-profile .user-profile-content .verifier-item .name { display: flex; align-items: center; gap: 5px; } .user-profile .user-profile-content .verifier-item .name .icon { color: var(--bs-white); } .user-profile .user-profile-content .verifier-item .name .icon svg { display: block; width: 20px; height: 20px; } .user-profile .user-profile-content .verifier-item .name .icon svg path[stroke] { stroke: var(--bs-white); } .user-profile .user-profile-content .verifier-item .name .icon svg path[fill] { fill: var(--bs-white); } .user-profile .user-profile-content .verifier-item .name .title { font-weight: 500; font-size: 16px; } @media (max-width: 991px) { .user-profile .user-profile-content .verifier-item .name .title { font-size: 14px; } } .user-profile .user-profile-content .verifier-item .verified-item-name { display: flex; align-items: Center; justify-content: Center; height: 47px; font-size: 18px; font-weight: 600; } .user-profile .user-profile-content .verifier-item .remove-verifier { border: 1px solid var(--bs-theme-border-color); width: 24px; height: 24px; display: inline-flex; align-items: Center; justify-content: center; outline: none; cursor: pointer; transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; border-radius: var(--bs-theme-rounded-pill); -moz-border-radius: var(--bs-theme-rounded-pill); -webkit-border-radius: var(--bs-theme-rounded-pill); } .user-profile .user-profile-content .verifier-item .remove-verifier:hover { background: var(--bs-theme-soft); transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; } .user-profile .user-profile-content .verifier-item .remove-verifier svg { width: 14px; height: 14px; } .user-profile .user-profile-content .user-sponsor-item { border: 1px solid var(--bs-theme-border-color); border-radius: var(--bs-theme-rounded); -moz-border-radius: var(--bs-theme-rounded); -webkit-border-radius: var(--bs-theme-rounded); padding: 20px; background: var(--bs-theme-bg-soft); } @media (max-width: 991px) { .user-profile .user-profile-content .user-sponsor-item { padding: 10px; } } .user-profile .user-profile-content .user-sponsor-item .img { height: 40px; display: flex; align-items: center; } .user-profile .user-profile-content .user-sponsor-item .img img { display: block; max-height: 40px; max-width: 100%; } .badger { font-size: 11px; font-weight: 400; line-height: 1; display: inline-flex; align-items: center; justify-content: center; padding: 4px 7px; border-radius: var(--bs-theme-rounded-pill); -moz-border-radius: var(--bs-theme-rounded-pill); -webkit-border-radius: var(--bs-theme-rounded-pill); gap: 5px; } .badger svg { display: block; width: 16px; height: 16px; } .badger.badger-danger { background: rgba(var(--bs-danger-rgb), 0.1); color: var(--bs-danger); } .badger.badger-success { background: rgba(var(--bs-success-rgb), 0.1); color: var(--bs-success); } .iti { position: relative; } .iti .iti__country-list { position: absolute; top: 100%; width: 100%; border-radius: var(--bs-theme-rounded); -moz-border-radius: var(--bs-theme-rounded); -webkit-border-radius: var(--bs-theme-rounded); background: var(--bs-theme-bg-dark); backdrop-filter: blur(30px); box-shadow: 0 10px 48px rgba(0, 0, 0, 0.04); padding: 0; max-height: 200px; overflow-y: auto; z-index: 10; list-style: none; margin: 0; } .iti .iti__country-list.iti__hide { display: none; } .iti .iti__country-list li { display: flex; align-items: center; border-bottom: 1px solid rgba(110, 123, 150, 0.2); padding: 8px 16px; cursor: pointer; font-weight: 600; font-size: 13px; line-height: 13px; transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; } .iti .iti__country-list li .iti__flag-box { margin-right: 10px; } .iti .iti__country-list li .iti__country-name { margin-right: 10px; font-weight: 400; } .iti .iti__country-list li:hover { transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; background: rgba(42, 70, 235, 0.02); color: var(--bs-primary); } .iti .iti__country-list li:last-child { border-bottom: none; } .iti .iti__country-list li.iti__divider { display: none; } .iti .iti__selected-flag { position: absolute; left: 0; width: 110px; z-index: 3; cursor: pointer; display: flex; justify-content: center; font-weight: 600; font-size: 13px; line-height: 13px; align-items: center; height: 100%; } @media (max-width: 1199px) { .iti .iti__selected-flag { max-height: 56px; } } .iti .iti__selected-flag .iti__selected-dial-code { margin: 0 10px; } .iti .iti__selected-flag .iti__arrow { background-image: url("../img/down.svg"); width: 16px; height: 16px; background-position: center center; background-repeat: no-repeat; color: var(--bs-white); } .iti__flag { height: 24px; width: 24px; display: block; background-image: url("../img/all-flags.png"); background-repeat: no-repeat; } .iti__af { background-position: 0 0; } .iti__al { background-position: -24px 0; } .iti__dz { background-position: -48px 0; } .iti__as { background-position: -72px 0; } .iti__ad { background-position: -96px 0; } .iti__ao { background-position: -120px 0; } .iti__ai { background-position: -144px 0; } .iti__ag { background-position: -168px 0; } .iti__ar { background-position: -192px 0; } .iti__am { background-position: -216px 0; } .iti__aw { background-position: -240px 0; } .iti__ac { background-position: -264px 0; } .iti__au { background-position: -288px 0; } .iti__at { background-position: -312px 0; } .iti__az { background-position: -336px 0; } .iti__bs { background-position: -360px 0; } .iti__bh { background-position: -384px 0; } .iti__bd { background-position: -408px 0; } .iti__bb { background-position: -432px 0; } .iti__by { background-position: -456px 0; } .iti__be { background-position: -480px 0; } .iti__bz { background-position: -504px 0; } .iti__bj { background-position: -528px 0; } .iti__bm { background-position: -552px 0; } .iti__bt { background-position: -576px 0; } .iti__bo { background-position: -600px 0; } .iti__ba { background-position: -624px 0; } .iti__bw { background-position: -648px 0; } .iti__br { background-position: -672px 0; } .iti__io { background-position: -696px 0; } .iti__vg { background-position: -720px 0; } .iti__bg { background-position: -744px 0; } .iti__bn { background-position: -768px 0; } .iti__bf { background-position: -792px 0; } .iti__bi { background-position: -816px 0; } .iti__kh { background-position: -840px 0; } .iti__cm { background-position: -864px 0; } .iti__ca { background-position: -888px 0; } .iti__cv { background-position: -912px 0; } .iti__bq { background-position: -936px 0; } .iti__ky { background-position: -960px 0; } .iti__cf { background-position: -984px 0; } .iti__td { background-position: -1008px 0; } .iti__cl { background-position: -1032px 0; } .iti__cn { background-position: -1056px 0; } .iti__cx { background-position: -1080px 0; } .iti__cc { background-position: -1104px 0; } .iti__co { background-position: -1128px 0; } .iti__km { background-position: -1152px 0; } .iti__cd { background-position: -1176px 0; } .iti__cg { background-position: -1200px 0; } .iti__ck { background-position: -1224px 0; } .iti__cr { background-position: -1248px 0; } .iti__ci { background-position: -1272px 0; } .iti__hr { background-position: -1296px 0; } .iti__cu { background-position: -1320px 0; } .iti__cw { background-position: -1344px 0; } .iti__cy { background-position: -1368px 0; } .iti__cz { background-position: -1392px 0; } .iti__dk { background-position: -1416px 0; } .iti__dj { background-position: -1440px 0; } .iti__dm { background-position: -1464px 0; } .iti__do { background-position: -1488px 0; } .iti__ec { background-position: -1512px 0; } .iti__eg { background-position: -1536px 0; } .iti__sv { background-position: -1560px 0; } .iti__gq { background-position: -1584px 0; } .iti__er { background-position: -1608px 0; } .iti__ee { background-position: -1632px 0; } .iti__sz { background-position: -1656px 0; } .iti__et { background-position: -1680px 0; } .iti__fk { background-position: -1704px 0; } .iti__fo { background-position: -1728px 0; } .iti__fj { background-position: -1752px 0; } .iti__fi { background-position: -1776px 0; } .iti__fr { background-position: -1800px 0; } .iti__gf { background-position: -1824px 0; } .iti__pf { background-position: -1848px 0; } .iti__ga { background-position: -1872px 0; } .iti__gm { background-position: -1896px 0; } .iti__ge { background-position: -1920px 0; } .iti__de { background-position: -1944px 0; } .iti__gh { background-position: -1968px 0; } .iti__gi { background-position: -1992px 0; } .iti__gr { background-position: -2016px 0; } .iti__gl { background-position: -2040px 0; } .iti__gd { background-position: -2064px 0; } .iti__gp { background-position: -2088px 0; } .iti__gu { background-position: -2112px 0; } .iti__gt { background-position: -2136px 0; } .iti__gg { background-position: -2160px 0; } .iti__gn { background-position: -2184px 0; } .iti__gw { background-position: -2208px 0; } .iti__gy { background-position: -2232px 0; } .iti__ht { background-position: -2256px 0; } .iti__hn { background-position: -2280px 0; } .iti__hk { background-position: -2304px 0; } .iti__hu { background-position: -2328px 0; } .iti__is { background-position: -2352px 0; } .iti__in { background-position: -2376px 0; } .iti__id { background-position: -2400px 0; } .iti__ir { background-position: -2424px 0; } .iti__iq { background-position: -2448px 0; } .iti__ie { background-position: -2472px 0; } .iti__im { background-position: -2496px 0; } .iti__il { background-position: -2520px 0; } .iti__it { background-position: -2544px 0; } .iti__jm { background-position: -2568px 0; } .iti__jp { background-position: -2596px 0; } .iti__je { background-position: -2616px 0; } .iti__jo { background-position: -2640px 0; } .iti__kz { background-position: -2664px 0; } .iti__ke { background-position: -2688px 0; } .iti__ki { background-position: -2712px 0; } .iti__xk { background-position: -2736px 0; } .iti__kw { background-position: -2760px 0; } .iti__kg { background-position: -2784px 0; } .iti__la { background-position: -2808px 0; } .iti__lv { background-position: -2832px 0; } .iti__lb { background-position: -2856px 0; } .iti__ls { background-position: -2880px 0; } .iti__lr { background-position: -2904px 0; } .iti__ly { background-position: -2928px 0; } .iti__li { background-position: -2952px 0; } .iti__lt { background-position: -2976px 0; } .iti__lu { background-position: -3000px 0; } .iti__mo { background-position: -3024px 0; } .iti__mk { background-position: -3048px 0; } .iti__mg { background-position: -3072px 0; } .iti__mw { background-position: -3096px 0; } .iti__my { background-position: -3120px 0; } .iti__mv { background-position: -3144px 0; } .iti__ml { background-position: -3168px 0; } .iti__mt { background-position: -3192px 0; } .iti__mh { background-position: -3216px 0; } .iti__mq { background-position: -3240px 0; } .iti__mr { background-position: -3264px 0; } .iti__mu { background-position: -3288px 0; } .iti__yt { background-position: -3312px 0; } .iti__mx { background-position: -3336px 0; } .iti__fm { background-position: -3360px 0; } .iti__md { background-position: -3384px 0; } .iti__mc { background-position: -3408px 0; } .iti__mn { background-position: -3432px 0; } .iti__me { background-position: -3456px 0; } .iti__ms { background-position: -3480px 0; } .iti__ma { background-position: -3504px 0; } .iti__mz { background-position: -3528px 0; } .iti__mm { background-position: -3552px 0; } .iti__na { background-position: -3576px 0; } .iti__nr { background-position: -3600px 0; } .iti__np { background-position: -3624px 0; } .iti__nl { background-position: -3648px 0; } .iti__nc { background-position: -3672px 0; } .iti__nz { background-position: -3696px 0; } .iti__ni { background-position: -3720px 0; } .iti__ne { background-position: -3744px 0; } .iti__ng { background-position: -3768px 0; } .iti__nu { background-position: -3792px 0; } .iti__nf { background-position: -3816px 0; } .iti__kp { background-position: -3840px 0; } .iti__mp { background-position: -3864px 0; } .iti__no { background-position: -3888px 0; } .iti__om { background-position: -3912px 0; } .iti__pk { background-position: -3936px 0; } .iti__pw { background-position: -3960px 0; } .iti__ps { background-position: -3984px 0; } .iti__pa { background-position: -4008px 0; } .iti__pg { background-position: -4032px 0; } .iti__py { background-position: -4056px 0; } .iti__pe { background-position: -4080px 0; } .iti__ph { background-position: -4104px 0; } .iti__pl { background-position: -4128px 0; } .iti__pt { background-position: -4152px 0; } .iti__pr { background-position: -4176px 0; } .iti__qa { background-position: -4200px 0; } .iti__re { background-position: -4224px 0; } .iti__ro { background-position: -4248px 0; } .iti__ru { background-position: -4272px 0; } .iti__rw { background-position: -4296px 0; } .iti__bl { background-position: -4320px 0; } .iti__sh { background-position: -4344px 0; } .iti__kn { background-position: -4368px 0; } .iti__lc { background-position: -4392px 0; } .iti__mf { background-position: -4416px 0; } .iti__pm { background-position: -4440px 0; } .iti__vc { background-position: -4464px 0; } .iti__ws { background-position: -4488px 0; } .iti__sm { background-position: -4512px 0; } .iti__st { background-position: -4536px 0; } .iti__sa { background-position: -4560px 0; } .iti__sn { background-position: -4584px 0; } .iti__rs { background-position: -4608px 0; } .iti__sc { background-position: -4632px 0; } .iti__sl { background-position: -4656px 0; } .iti__sg { background-position: -4680px 0; } .iti__sx { background-position: -4704px 0; } .iti__sk { background-position: -4728px 0; } .iti__si { background-position: -4752px 0; } .iti__sb { background-position: -4776px 0; } .iti__so { background-position: -4800px 0; } .iti__za { background-position: -4824px 0; } .iti__kr { background-position: -4848px 0; } .iti__ss { background-position: -4872px 0; } .iti__es { background-position: -4896px 0; } .iti__lk { background-position: -4920px 0; } .iti__sd { background-position: -4944px 0; } .iti__sr { background-position: -4968px 0; } .iti__sj { background-position: -4992px 0; } .iti__se { background-position: -5016px 0; } .iti__ch { background-position: -5040px 0; } .iti__sy { background-position: -5064px 0; } .iti__tw { background-position: -5088px 0; } .iti__tj { background-position: -5112px 0; } .iti__tz { background-position: -5136px 0; } .iti__th { background-position: -5160px 0; } .iti__tl { background-position: -5184px 0; } .iti__tg { background-position: -5208px 0; } .iti__tk { background-position: -5232px 0; } .iti__to { background-position: -5256px 0; } .iti__tt { background-position: -5280px 0; } .iti__tn { background-position: -5304px 0; } .iti__tr { background-position: -5328px 0; } .iti__tm { background-position: -5352px 0; } .iti__tc { background-position: -5376px 0; } .iti__tv { background-position: -5400px 0; } .iti__vi { background-position: -5424px 0; } .iti__ug { background-position: -5448px 0; } .iti__ua { background-position: -5472px 0; } .iti__ae { background-position: -5496px 0; } .iti__gb { background-position: -5520px 0; } .iti__us { background-position: -5544px 0; } .iti__uy { background-position: -5568px 0; } .iti__uz { background-position: -5592px 0; } .iti__vu { background-position: -5616px 0; } .iti__va { background-position: -5640px 0; } .iti__ve { background-position: -5664px 0; } .iti__vn { background-position: -5688px 0; } .iti__wf { background-position: -5712px 0; } .iti__eh { background-position: -5736px 0; } .iti__ye { background-position: -5760px 0; } .iti__zm { background-position: -5784px 0; } .iti__zw { background-position: -5808px 0; } .iti__ax { background-position: -5832px 0; } .form-switch { margin: 0; padding: 0; cursor: pointer; display: flex; align-items: center; width: 100%; } .form-switch input { display: none; } .form-switch .dot { width: 48px; display: block; transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; position: relative; border-radius: var(--bs-theme-rounded-pill); -moz-border-radius: var(--bs-theme-rounded-pill); -webkit-border-radius: var(--bs-theme-rounded-pill); background: var(--bs-theme-bg-soft); padding: 2px; } .form-switch .dot::after { content: ""; display: block; width: 20px; border-radius: var(--bs-theme-rounded-pill); -moz-border-radius: var(--bs-theme-rounded-pill); -webkit-border-radius: var(--bs-theme-rounded-pill); transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; height: 20px; background: var(--bs-primary); } .form-switch input:checked + .dot { background: var(--bs-primary); transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; } .form-switch input:checked + .dot::after { transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; margin-left: 23px; background: var(--bs-white); } .form-switch .content { padding-left: 15px; width: calc(100% - 48px); } .profile-changer { margin: 0; padding: 0; cursor: pointer; display: block; width: 100%; } .profile-changer .img { border-radius: var(--bs-theme-rounded); -moz-border-radius: var(--bs-theme-rounded); -webkit-border-radius: var(--bs-theme-rounded); transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; border: 2px solid transparent; } .profile-changer .img img { display: block; width: 100%; aspect-ratio: 1/1; border-radius: var(--bs-theme-rounded); -moz-border-radius: var(--bs-theme-rounded); -webkit-border-radius: var(--bs-theme-rounded); object-fit: cover; } .profile-changer input { display: none; } .profile-changer input:checked + .img { border-color: var(--bs-primary); transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; } .theme-table .dt-layout-table { position: relative; overflow-x: auto; } @media (max-width: 991px) { .theme-table .dt-layout-table table { min-width: 700px; } } .theme-table .dt-container { border: 1px solid var(--bs-theme-border-color-solid); border-radius: var(--bs-theme-rounded); -moz-border-radius: var(--bs-theme-rounded); -webkit-border-radius: var(--bs-theme-rounded); } .theme-table .dt-container > .dt-layout-row:first-child { display: flex; align-items: Center; padding: 15px; border-radius: var(--bs-theme-rounded) var(--bs-theme-rounded) 0 0; -moz-border-radius: var(--bs-theme-rounded) var(--bs-theme-rounded) 0 0; -webkit-border-radius: var(--bs-theme-rounded) var(--bs-theme-rounded) 0 0; border-bottom: 1px solid var(--bs-theme-border-color-solid); background: var(--bs-theme-soft); justify-content: space-between; flex-wrap: Wrap; gap: 10px; } .theme-table .dt-container > .dt-layout-row:first-child .dt-length select { appearance: none; -webkit-appearance: none; -moz-appearance: none; display: block; width: 100px; height: 40px; padding: 0 15px; outline: none; border: 1px solid var(--bs-theme-border-color); background: var(--bs-theme-soft) url("../img/down.svg") no-repeat right 15px center; border-radius: var(--bs-theme-rounded); -moz-border-radius: var(--bs-theme-rounded); -webkit-border-radius: var(--bs-theme-rounded); } .theme-table .dt-container > .dt-layout-row:first-child .dt-length label { display: none; } .theme-table .dt-container > .dt-layout-row:first-child .dt-search input { appearance: none; -webkit-appearance: none; -moz-appearance: none; display: block; width: 200px; height: 40px; padding: 0 15px; outline: none; border: 1px solid var(--bs-theme-border-color); background: var(--bs-theme-soft); border-radius: var(--bs-theme-rounded); -moz-border-radius: var(--bs-theme-rounded); -webkit-border-radius: var(--bs-theme-rounded); } .theme-table .dt-container > .dt-layout-row:first-child .dt-search label { display: none; } .theme-table .dt-container .dt-layout-row:nth-child(3) { display: flex; align-items: Center; border-radius: 0 0 var(--bs-theme-rounded) var(--bs-theme-rounded); -moz-border-radius: 0 0 var(--bs-theme-rounded) var(--bs-theme-rounded); -webkit-border-radius: 0 0 var(--bs-theme-rounded) var(--bs-theme-rounded); justify-content: space-between; padding: 15px; flex-wrap: Wrap; gap: 10px; } .theme-table .dt-container .dt-layout-row:nth-child(3) .dt-info { font-size: 12px; color: var(--bs-theme-text-soft); } .theme-table .dt-container .dt-layout-row:nth-child(3) .dt-paging nav { display: flex; flex-wrap: wrap; } .theme-table .dt-container .dt-layout-row:nth-child(3) .dt-paging nav button { padding: 5px 10px; border-top: 1px solid var(--bs-theme-border-color-solid) !important; border-right: 1px solid var(--bs-theme-border-color-solid) !important; border-bottom: 1px solid var(--bs-theme-border-color-solid) !important; border-left: none !important; cursor: pointer; outline: none; transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; background: var(--bs-theme-soft); } .theme-table .dt-container .dt-layout-row:nth-child(3) .dt-paging nav button.disabled { background: transparent; cursor: not-allowed; } .theme-table .dt-container .dt-layout-row:nth-child(3) .dt-paging nav button.disabled:hover { background: transparent; } .theme-table .dt-container .dt-layout-row:nth-child(3) .dt-paging nav button:hover, .theme-table .dt-container .dt-layout-row:nth-child(3) .dt-paging nav button.current { background: var(--bs-primary); } .theme-table .dt-container .dt-layout-row:nth-child(3) .dt-paging nav button:last-child { border-radius: 0 var(--bs-theme-rounded) var(--bs-theme-rounded) 0; -moz-border-radius: 0 var(--bs-theme-rounded) var(--bs-theme-rounded) 0; -webkit-border-radius: 0 var(--bs-theme-rounded) var(--bs-theme-rounded) 0; } .theme-table .dt-container .dt-layout-row:nth-child(3) .dt-paging nav button:first-child { border-radius: var(--bs-theme-rounded) 0 0 var(--bs-theme-rounded); -moz-border-radius: var(--bs-theme-rounded) 0 0 var(--bs-theme-rounded); -webkit-border-radius: var(--bs-theme-rounded) 0 0 var(--bs-theme-rounded); border-left: 1px solid var(--bs-theme-border-color-solid) !important; } .theme-table table { width: 100%; border: none; outline: none; vertical-align: top; } .theme-table table thead { border-bottom: 1px solid var(--bs-theme-border-color-solid); } .theme-table table thead tr th { padding: 5px 10px; font-size: 12px; color: var(--bs-theme-text-soft); font-weight: 400; border-right: 1px solid var(--bs-theme-border-color-solid); transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; cursor: pointer; } .theme-table table thead tr th:hover { background-color: var(--bs-theme-bg-soft); transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; } .theme-table table thead tr th:last-child { border-right: none; text-align: right; } .theme-table table thead tr th:last-child .dt-column-header { flex-direction: row-reverse; } .theme-table table thead tr th .dt-column-header { display: flex; align-items: Center; gap: 5px; } .theme-table table thead tr th .dt-column { display: flex; align-items: Center; gap: 5px; } .theme-table table thead tr th .dt-column-order { width: 5px; height: 5px; background: var(--bs-primary); display: block; opacity: 0; transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; } .theme-table table thead tr th.dt-ordering-asc .dt-column-order, .theme-table table thead tr th.dt-ordering-desc .dt-column-order { opacity: 1; transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; border-radius: var(--bs-theme-rounded-pill); -moz-border-radius: var(--bs-theme-rounded-pill); -webkit-border-radius: var(--bs-theme-rounded-pill); } .theme-table table .dt-empty { text-align: Center !important; padding: 40px 10px; } .theme-table table tbody tr { border-bottom: 1px solid var(--bs-theme-border-color-solid); } .theme-table table tbody tr:nth-child(odd) { background: var(--bs-secondary-grad); } .theme-table table tbody tr:nth-child(even) { background: var(--bs-secondary-grad-rev); } .theme-table table tbody tr:hover { background: var(--bs-theme-bg-soft); } .theme-table table tbody tr td { padding: 5px 10px; font-size: 12px; } .theme-table table tbody tr td:last-child { text-align: right; } .stream-list .stream-list-item { background: var(--bs-theme-soft); border-radius: var(--bs-theme-rounded); -moz-border-radius: var(--bs-theme-rounded); -webkit-border-radius: var(--bs-theme-rounded); padding: 20px; } .stream-list .stream-list-item .info { display: flex; align-items: center; } .stream-list .stream-list-item .info .img img { display: block; width: 60px; height: 60px; border-radius: var(--bs-theme-rounded-pill); -moz-border-radius: var(--bs-theme-rounded-pill); -webkit-border-radius: var(--bs-theme-rounded-pill); } .stream-list .stream-list-item .info .content { width: calc(100% - 60px); padding-left: 10px; } .stream-list .stream-list-item .info .content .name { font-size: 20px; font-weight: 700; color: var(--bs-primary); } .stream-list .stream-list-item .info .content .follower { display: flex; align-items: center; gap: 5px; font-size: 16px; font-weight: 500; } .stream-list .stream-list-item .info .content .follower svg { display: block; width: 18px; } .stream-list .stream-list-item .buttons { display: flex; gap: 5px; } .stream-empty { padding: 100px 0; } .stream-empty .stream-empty-item { background: rgba(var(--bs-primary-rgb), 0.05); border: 1px solid rgba(var(--bs-primary-rgb), 0.2); padding: 70px; max-width: 600px; border-radius: var(--bs-theme-rounded); -moz-border-radius: var(--bs-theme-rounded); -webkit-border-radius: var(--bs-theme-rounded); margin: 0 auto; box-shadow: var(--bs-theme-box-shadow); } @media (max-width: 991px) { .stream-empty .stream-empty-item { padding: 30px; } } .stream-empty .stream-empty-item .icon { width: 70px; height: 70px; margin: 0 auto; color: var(--bs-primary); display: flex; align-items: center; justify-content: center; position: relative; } .stream-empty .stream-empty-item .icon::after, .stream-empty .stream-empty-item .icon::before { --scale: scale(1); --scale-animate: scale(1.7); --translateY: translateY(-50%); --translateX: translateX(-50%); width: 70px; height: 70px; border-radius: var(--bs-theme-rounded-pill); -moz-border-radius: var(--bs-theme-rounded-pill); -webkit-border-radius: var(--bs-theme-rounded-pill); content: ""; position: absolute; top: 0; transform-origin: center; opacity: 0; left: 0; transform: var(--scale); transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; border: 2px solid rgba(var(--bs-primary-rgb), 0.2); } .stream-empty .stream-empty-item .icon::after { animation-delay: 0s; animation-name: streamAnimation; animation-fill-mode: forwards; animation-duration: 1.3s; animation-iteration-count: infinite; } .stream-empty .stream-empty-item .icon::before { animation-delay: 1s; animation-name: streamAnimation; animation-fill-mode: forwards; animation-duration: 1.3s; animation-iteration-count: infinite; } .stream-empty .stream-empty-item .icon svg { filter: drop-shadow(var(--bs-primary-box-shadow)); width: 50px; animation: streamIconAnimation 1.5s linear infinite; height: 50px; display: block; } .stream-empty .stream-empty-item .title { text-align: Center; font-size: 30px; color: var(--bs-primary); font-weight: 600; margin-top: 30px; } .stream-empty .stream-empty-item .long { font-size: 18px; text-align: Center; } .stream-empty .stream-empty-item .button { background: rgba(var(--bs-primary-rgb), 0.1); text-align: Center; padding: 10px; border-radius: var(--bs-theme-rounded); -moz-border-radius: var(--bs-theme-rounded); -webkit-border-radius: var(--bs-theme-rounded); display: flex; gap: 5px; align-items: center; margin-top: 20px; justify-content: center; } @keyframes streamAnimation { 0% { transform: var(--scale); opacity: 1; } 100% { transform: var(--scale-animate); opacity: 00; } } @keyframes streamIconAnimation { 0% { filter: drop-shadow(var(--bs-primary-box-shadow)); } 50% { filter: drop-shadow(var(--bs-theme-box-shadow-light)); } 100% { filter: drop-shadow(var(--bs-primary-box-shadow)); } } .event-list .event-item { border-radius: var(--bs-theme-rounded); -moz-border-radius: var(--bs-theme-rounded); -webkit-border-radius: var(--bs-theme-rounded); border: 1px solid var(--bs-theme-border-color); background: var(--bs-theme-grad); position: Relative; overflow: hidden; } .event-list .event-item .img { display: block; position: relative; z-index: 2; } .event-list .event-item .img img { display: block; width: 100%; border-radius: var(--bs-theme-rounded) var(--bs-theme-rounded) 0 0; -moz-border-radius: var(--bs-theme-rounded) var(--bs-theme-rounded) 0 0; -webkit-border-radius: var(--bs-theme-rounded) var(--bs-theme-rounded) 0 0; } .event-list .event-item .content { padding: 20px; position: relative; z-index: 2; } .event-list .event-item .content .brand-logo img { display: block; height: 35px; margin: 0 auto; } .event-list .event-item .content .event-title { font-size: 18px; font-weight: 700; margin-top: 15px; text-align: center; } .event-list .event-item .content .countdown { display: flex; gap: 5px; margin: 15px 0 5px 0; } .event-list .event-item .content .countdown .item { border-radius: var(--bs-theme-rounded); -moz-border-radius: var(--bs-theme-rounded); -webkit-border-radius: var(--bs-theme-rounded); padding: 5px; text-align: center; flex: 1; background: var(--bs-theme-bg-soft); } .event-list .event-item .content .countdown .item > div { display: block; font-size: 15px; height: 20px; line-height: 20px; font-weight: 700; } .event-list .event-item .content .countdown .item span { display: block; font-size: 11px; color: var(--bs-theme-text-soft); } .event-list .event-item .content .giveaway { border: 1px dashed var(--bs-primary); background: rgba(var(--bs-primary-rgb), 0.2); display: flex; border-radius: var(--bs-theme-rounded); -moz-border-radius: var(--bs-theme-rounded); -webkit-border-radius: var(--bs-theme-rounded); margin-bottom: 15px; } .event-list .event-item .content .giveaway .giveaway-item { flex: 1; text-align: center; padding: 7px 0; } .event-list .event-item .content .giveaway .giveaway-item:first-child { border-right: 1px dashed var(--bs-primary); } .event-list .event-item .content .giveaway .giveaway-item .giveaway-title { color: var(--bs-primary); font-size: 12px; } .event-list .event-item .content .giveaway .giveaway-item .value { font-weight: 700; } .event-details .event-details-header { background: var(--bs-theme-bg-soft); border-radius: var(--bs-theme-rounded); -moz-border-radius: var(--bs-theme-rounded); -webkit-border-radius: var(--bs-theme-rounded); padding: 20px; } .event-details .event-details-header .img img { display: block; height: 35px; } .event-details .event-details-header .event-title { font-size: 18px; font-weight: 600; margin-top: 10px; } .event-details .event-detail-short .img { border: 1px solid var(--bs-theme-border-color); border-radius: var(--bs-theme-rounded); -moz-border-radius: var(--bs-theme-rounded); -webkit-border-radius: var(--bs-theme-rounded); margin-bottom: 15px; } .event-details .event-detail-short .img img { display: block; border-radius: var(--bs-theme-rounded); -moz-border-radius: var(--bs-theme-rounded); -webkit-border-radius: var(--bs-theme-rounded); width: 100%; } .event-details .event-detail-short .event-dates { display: flex; border-radius: var(--bs-theme-rounded); -moz-border-radius: var(--bs-theme-rounded); -webkit-border-radius: var(--bs-theme-rounded); margin-top: 15px; } .event-details .event-detail-short .event-dates .date-item { flex: auto; padding: 10px; text-align: Center; background: rgba(var(--bs-primary-rgb), 0.1); } .event-details .event-detail-short .event-dates .date-item:first-child { border-right: 1px solid var(--bs-primary); border-radius: var(--bs-theme-rounded) 0 0 var(--bs-theme-rounded); -moz-border-radius: var(--bs-theme-rounded) 0 0 var(--bs-theme-rounded); -webkit-border-radius: var(--bs-theme-rounded) 0 0 var(--bs-theme-rounded); } .event-details .event-detail-short .event-dates .date-item:last-child { border-radius: 0 var(--bs-theme-rounded) var(--bs-theme-rounded) 0; -moz-border-radius: 0 var(--bs-theme-rounded) var(--bs-theme-rounded) 0; -webkit-border-radius: 0 var(--bs-theme-rounded) var(--bs-theme-rounded) 0; border-top: 1px solid var(--bs-primary); border-right: 1px solid var(--bs-primary); border-bottom: 1px solid var(--bs-primary); } .event-details .event-detail-short .event-dates .date-item div { display: block; } .event-details .event-detail-short .event-dates .date-item div:first-child { color: var(--bs-primary); display: flex; justify-content: center; align-items: center; gap: 3px; } .event-details .event-detail-short .event-dates .date-item div:first-child span { font-size: 11px; } .event-details .event-detail-short .event-dates .date-item div:first-child span svg { width: 12px; height: 12px; display: block; } .event-details .event-detail-short .event-dates .date-item div:last-child { color: var(--bs-white); } .event-details .event-rules { max-height: 314px; overflow-y: auto; border: 1px solid var(--bs-theme-border-color); border-radius: var(--bs-theme-rounded); -moz-border-radius: var(--bs-theme-rounded); -webkit-border-radius: var(--bs-theme-rounded); padding: 20px; margin-top: 15px; line-height: 2; } .rank-top-three__item { background: var(--bs-theme-grad); border-radius: var(--bs-theme-rounded); -moz-border-radius: var(--bs-theme-rounded); -webkit-border-radius: var(--bs-theme-rounded); border: 1px solid var(--bs-theme-border-color); padding: 20px; text-align: Center; position: relative; overflow: hidden; transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; } .rank-top-three__item:hover { transform: TranslateY(-10px); transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; } .rank-top-three__item .img { display: block; z-index: 2; position: relative; margin-bottom: 15px; } .rank-top-three__item .img img { display: block; width: 50px; border: 1px solid var(--bs-primary); margin: 0 auto; height: 50px; border-radius: var(--bs-theme-rounded-pill); -moz-border-radius: var(--bs-theme-rounded-pill); -webkit-border-radius: var(--bs-theme-rounded-pill); } .rank-top-three__item .nick { text-align: center; font-weight: 600; margin-bottom: 10px; z-index: 2; position: relative; } .rank-top-three__item .point { z-index: 2; position: relative; background: rgba(var(--bs-primary-rgb), 0.1); color: var(--bs-primary); font-size: 16px; text-align: Center; margin-top: 5px; display: inline-block; padding: 5px 10px; border-radius: var(--bs-theme-rounded); -moz-border-radius: var(--bs-theme-rounded); -webkit-border-radius: var(--bs-theme-rounded); } .rank-top-three__item .icon { margin-bottom: 10px; font-weight: 600; z-index: 2; position: relative; } .rank-top-three__item .sort { position: absolute; top: 20px; left: 20px; background: rgba(255, 255, 255, 0.1); padding: 10px 14px; font-size: 13px; font-weight: 600; border-radius: var(--bs-theme-rounded); -moz-border-radius: var(--bs-theme-rounded); -webkit-border-radius: var(--bs-theme-rounded); line-height: 1; } @keyframes rankAnimate { 0% { opacity: 0.1; } 50% { opacity: 0.05; } 100% { opacity: 0.1; } } .rank-list .rank-list-row { display: flex; align-items: center; padding: 10px 0; } .rank-list .rank-list-row .rank-list-col:nth-child(1) { width: 100px; padding-left: 10px; } @media (max-width: 991px) { .rank-list .rank-list-row .rank-list-col:nth-child(1) { width: 25%; } } .rank-list .rank-list-row .rank-list-col:nth-child(2) { width: calc(100% - 300px); } @media (max-width: 991px) { .rank-list .rank-list-row .rank-list-col:nth-child(2) { width: 50%; } } .rank-list .rank-list-row .rank-list-col:nth-child(3) { width: 200px; text-align: right; padding-right: 10px; } @media (max-width: 991px) { .rank-list .rank-list-row .rank-list-col:nth-child(3) { width: 25%; } } .rank-list .rank-list-row .rank-list-col .rank-list-user { display: flex; gap: 10px; align-items: center; } .rank-list .rank-list-row .rank-list-col .rank-list-user .img img { display: block; border-radius: var(--bs-theme-rounded-pill); -moz-border-radius: var(--bs-theme-rounded-pill); -webkit-border-radius: var(--bs-theme-rounded-pill); width: 30px; height: 30px; } .rank-list .rank-list-row .rank-list-col .rank-list-user .nick { font-weight: 600; } .rank-list .rank-list-row.rank-list-header { background: rgba(var(--bs-primary-rgb), 0.1); color: var(--bs-primary); border: 1px solid var(--bs-primary); border-radius: var(--bs-theme-rounded) var(--bs-theme-rounded) 0 0; -moz-border-radius: var(--bs-theme-rounded) var(--bs-theme-rounded) 0 0; -webkit-border-radius: var(--bs-theme-rounded) var(--bs-theme-rounded) 0 0; } .rank-list .rank-list-body { border-left: 1px solid var(--bs-theme-border-color); border-right: 1px solid var(--bs-theme-border-color); border-bottom: 1px solid var(--bs-theme-border-color); border-radius: 0 0 var(--bs-theme-rounded) var(--bs-theme-rounded); -moz-border-radius: 0 0 var(--bs-theme-rounded) var(--bs-theme-rounded); -webkit-border-radius: 0 0 var(--bs-theme-rounded) var(--bs-theme-rounded); } .rank-list .rank-list-body .rank-list-row:nth-child(odd) { background: var(--bs-theme-soft); } .rank-list .rank-list-body .rank-list-row:last-child { border-radius: 0 0 var(--bs-theme-rounded) var(--bs-theme-rounded); -moz-border-radius: 0 0 var(--bs-theme-rounded) var(--bs-theme-rounded); -webkit-border-radius: 0 0 var(--bs-theme-rounded) var(--bs-theme-rounded); } .form-bg { background: var(--bs-theme-soft); border-radius: var(--bs-theme-rounded); -moz-border-radius: var(--bs-theme-rounded); -webkit-border-radius: var(--bs-theme-rounded); padding: 20px; } .form-bg.form-medium-container { max-width: 500px; margin: 0 auto; } .form-radio { margin: 0; padding: 0; cursor: pointer; display: block; position: relative; } .form-radio .content { position: relative; padding-left: 20px; font-size: 13px; } .form-radio .content::before { position: absolute; content: ""; left: 0; top: 50%; transform: translateY(-50%); width: 16px; height: 16px; border-left: 1px solid transparent; border-right: 1px solid transparent; border-bottom: 1px solid transparent; border-top: 1px solid var(--bs-theme-border-color); border-radius: var(--bs-theme-rounded); background-color: var(--bs-theme-bg-soft); transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; } .form-radio input { display: none; } .form-radio input:checked + .content::before { border: 3px solid var(--bs-theme-soft) !important; background: var(--bs-primary); transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; } .form-icon { position: Relative; } .form-icon .icon { position: absolute; z-index: 2; left: 20px; top: 50%; transform: TranslateY(-50%); color: var(--bs-white); } .form-icon .icon svg { display: block; width: 16px; height: 16px; } .form-icon .form-control { padding-left: 50px; } .datepicker { display: none; position: absolute; top: 100%; width: 250px; background: var(--bs-theme-bg-soft); backdrop-filter: blur(30px); border-radius: var(--bs-theme-rounded); -moz-border-radius: var(--bs-theme-rounded); -webkit-border-radius: var(--bs-theme-rounded); z-index: 101; } .datepicker .datepicker-footer .datepicker-controls { width: 100%; } .datepicker .datepicker-footer .button { background: var(--bs-secondary-grad); border: 1px solid var(--bs-theme-border-color); cursor: pointer; width: 49%; display: flex; align-items: Center; justify-content: center; height: 40px; border-radius: var(--bs-theme-rounded); -moz-border-radius: var(--bs-theme-rounded); -webkit-border-radius: var(--bs-theme-rounded); outline: none; color: var(--bs-white); } .datepicker .datepicker-footer .button:first-child { margin-right: 2%; } .datepicker .datepicker-footer .button:active { background: var(--bs-secondary-grad-rev); } .datepicker .datepicker-controls { display: flex; padding: 10px; } .datepicker .datepicker-controls .prev-button, .datepicker .datepicker-controls .next-button { background: var(--bs-secondary-grad); border: 1px solid var(--bs-theme-border-color); cursor: pointer; width: 40px; display: flex; align-items: Center; justify-content: center; height: 40px; border-radius: var(--bs-theme-rounded); -moz-border-radius: var(--bs-theme-rounded); -webkit-border-radius: var(--bs-theme-rounded); outline: none; color: var(--bs-white); } .datepicker .datepicker-controls .prev-button:active, .datepicker .datepicker-controls .next-button:active { background: var(--bs-secondary-grad-rev); } .datepicker .datepicker-controls .view-switch { width: calc(100% - 90px); background: var(--bs-secondary-grad); border: 1px solid var(--bs-theme-border-color); cursor: pointer; display: flex; align-items: Center; justify-content: center; height: 40px; border-radius: var(--bs-theme-rounded); -moz-border-radius: var(--bs-theme-rounded); -webkit-border-radius: var(--bs-theme-rounded); margin: 0 5px; outline: none; color: var(--bs-white); } .datepicker .datepicker-controls .view-switch:active { background: var(--bs-secondary-grad-rev); } .datepicker .datepicker-main { padding: 10px; } .datepicker .datepicker-main .days-of-week, .datepicker .datepicker-main .datepicker-grid { display: grid; gap: 3px; grid-template-columns: repeat(7, 1fr); } .datepicker .datepicker-main .months, .datepicker .datepicker-main .years { grid-template-columns: repeat(4, 1fr); } .datepicker .datepicker-main .days-of-week .dow { font-size: 12px; text-align: Center; color: var(--bs-theme-text-soft); padding: 5px 0; } .datepicker .datepicker-main .datepicker-grid .datepicker-cell { aspect-ratio: 1/1; border: 1px solid var(--bs-theme-border-color); display: flex; align-items: center; justify-content: center; border-radius: var(--bs-theme-rounded); -moz-border-radius: var(--bs-theme-rounded); -webkit-border-radius: var(--bs-theme-rounded); cursor: pointer; transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; } .datepicker .datepicker-main .datepicker-grid .datepicker-cell:hover { transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; background: var(--bs-theme-bg-soft); } .datepicker .datepicker-main .datepicker-grid .datepicker-cell.selected, .datepicker .datepicker-main .datepicker-grid .datepicker-cell.focused { background: var(--bs-primary); color: var(--bs-white); transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; } .datepicker .datepicker-main .datepicker-grid .datepicker-cell.prev { opacity: 0.3; } .datepicker.active { display: block; } .home-auth-bar .hab-item { display: flex; border: 1px solid var(--bs-theme-border-color); border-radius: var(--bs-theme-rounded); -moz-border-radius: var(--bs-theme-rounded); -webkit-border-radius: var(--bs-theme-rounded); background: var(--bs-theme-grad); padding: 20px; align-items: center; } .home-auth-bar .hab-item .icon { width: 25%; } .home-auth-bar .hab-item .icon .lottie { height: 100px; } .home-auth-bar .hab-item .content { width: 75%; padding-left: 20px; } .home-auth-bar .hab-item .content .title { font-size: 20px; font-weight: 600; } .home-auth-bar .hab-item .content .long { color: var(--bs-theme-text-soft); margin-top: 5px; margin-bottom: 5px; } .wheel-container { position: relative; border: 1px solid rgba(129, 140, 248, 0.25); border-radius: 22px; padding: 22px 16px 18px; background: radial-gradient(circle at top, rgba(99, 102, 241, 0.2), rgba(15, 23, 42, 0.88) 56%); box-shadow: 0 20px 45px rgba(2, 6, 23, 0.6), inset 0 1px 0 rgba(255, 255, 255, 0.08); overflow: hidden; } .wheel-container::before { content: ""; position: absolute; inset: 0; background: linear-gradient(130deg, rgba(59, 130, 246, 0.08), rgba(168, 85, 247, 0.12)); pointer-events: none; } .wheel-wrapper { position: relative; text-align: center; padding: 18px 12px 8px; border-radius: 50%; background: radial-gradient(circle at 50% 42%, rgba(30, 41, 59, 0.35), rgba(15, 23, 42, 0.92) 72%); box-shadow: inset 0 0 0 1px rgba(148, 163, 184, 0.12), 0 0 0 1px rgba(15, 23, 42, 0.8); } .wheel-wrapper::after { content: ""; position: absolute; inset: 8px; border-radius: 50%; pointer-events: none; box-shadow: inset 0 0 40px rgba(15, 23, 42, 0.45); } .wheel-title { font-size: 32px; text-align: center; color: #dbeafe; font-weight: 700; letter-spacing: 0.4px; text-shadow: 0 0 22px rgba(59, 130, 246, 0.4); } .wheel-long { text-align: center; margin-bottom: 16px; color: rgba(226, 232, 240, 0.88); } .wheel-mode-hint { min-height: 1.25rem; margin-bottom: 10px; color: rgba(251, 191, 36, 0.92) !important; font-weight: 500; letter-spacing: 0.02em; } .wheel-pin { position: absolute; top: -6px; right: 0; left: 0; margin: auto; z-index: 12; width: 48px; height: 56px; display: flex; align-items: flex-start; justify-content: center; pointer-events: none; filter: drop-shadow(0 6px 14px rgba(0, 0, 0, 0.55)); } .wheel-pin-svg { width: 48px; height: 56px; display: block; } #wheelCanvas { background: radial-gradient(circle at 50% 45%, #1e3a8a 0%, #0f172a 78%); border: 3px solid rgba(148, 163, 184, 0.35); border-radius: 50%; box-shadow: 0 0 0 1px rgba(15, 23, 42, 0.95), 0 0 0 6px rgba(30, 41, 59, 0.85), 0 18px 40px rgba(2, 6, 23, 0.75), inset 0 0 24px rgba(15, 23, 42, 0.35); margin: 0 auto; width: min(100%, 400px); display: block; aspect-ratio: 1 / 1; height: auto; shape-rendering: geometricPrecision; } #spinBtn { margin-top: 14px; border: 0; border-radius: 14px; font-weight: 700; letter-spacing: 0.6px; text-transform: uppercase; background: linear-gradient(135deg, #2563eb 0%, #7c3aed 100%); box-shadow: 0 12px 24px rgba(37, 99, 235, 0.38); transition: transform .2s ease, box-shadow .2s ease, filter .2s ease; } #spinBtn:hover:not(:disabled) { transform: translateY(-1px); filter: brightness(1.08); box-shadow: 0 16px 30px rgba(124, 58, 237, 0.42); } #spinBtn:disabled { opacity: .7; cursor: not-allowed; } @media (max-width: 991px) { .wheel-container { padding: 16px 10px 14px; border-radius: 16px; } .wheel-title { font-size: 24px; } .wheel-long { font-size: 13px; } #wheelCanvas { margin: 0 auto; width: min(100%, 280px); aspect-ratio: 1 / 1; height: auto; } } #wheelResult, .wheel-result-banner { min-height: 48px; font-size: 15px; font-weight: 600; letter-spacing: 0.02em; color: #e0e7ff; text-align: center; margin: 14px 0 2px; padding: 14px 16px; border-radius: 14px; border: 1px solid rgba(129, 140, 248, 0.35); background: linear-gradient(145deg, rgba(30, 27, 75, 0.92) 0%, rgba(15, 23, 42, 0.88) 50%, rgba(30, 58, 138, 0.35) 100%); box-shadow: 0 10px 28px rgba(2, 6, 23, 0.45), inset 0 1px 0 rgba(255, 255, 255, 0.06); backdrop-filter: blur(8px); position: relative; overflow: hidden; } #wheelResult::before, .wheel-result-banner::before { content: ""; position: absolute; inset: 0; background: linear-gradient(110deg, transparent 40%, rgba(99, 102, 241, 0.12) 50%, transparent 60%); pointer-events: none; } .bonus-hunt-item { background: var(--bs-theme-grad); border: 1px solid var(--bs-theme-border-color); border-radius: var(--bs-theme-rounded); -moz-border-radius: var(--bs-theme-rounded); -webkit-border-radius: var(--bs-theme-rounded); padding: 20px; display: flex; align-items: center; } .bonus-hunt-item .icon { width: 60px; height: 60px; border-radius: var(--bs-theme-rounded); -moz-border-radius: var(--bs-theme-rounded); -webkit-border-radius: var(--bs-theme-rounded); display: flex; align-items: center; justify-content: center; background: var(--bs-primary); } .bonus-hunt-item .icon svg { display: block; width: 30px; height: 30px; } .bonus-hunt-item .content { width: calc(100% - 60px); padding-left: 20px; } .bonus-hunt-item .content .title { font-size: 24px; font-weight: 600; } .bonus-hunt-item .content .long { color: var(--bs-theme-text-soft); margin: 3px 0; } .bonus-hunt-item .content .point { font-size: 18px; font-weight: 700; margin-bottom: 10px; } .table-theme-two { display: table; width: 100%; vertical-align: middle; } @media (max-width: 991px) { .table-theme-two { display: block; } } .table-theme-two .table-theme-two-row { display: table-row; vertical-align: middle; padding: 10px 0; } @media (max-width: 991px) { .table-theme-two .table-theme-two-row { display: flex; flex-wrap: wrap; } } .table-theme-two .table-theme-two-row .table-theme-two-col { display: table-cell; padding: 10px; vertical-align: middle; } .table-theme-two .table-theme-two-row .table-theme-two-col:last-child { text-align: right; } @media (max-width: 991px) { .table-theme-two .table-theme-two-row .table-theme-two-col { display: block; width: 50%; } .table-theme-two .table-theme-two-row .table-theme-two-col:last-child { width: 100%; text-align: center; } } .table-theme-two .table-theme-two-row.table-theme-two-header { display: table-header-group; background: rgba(var(--bs-primary-rgb), 0.1); color: var(--bs-primary); border: 1px solid var(--bs-primary); border-radius: var(--bs-theme-rounded) var(--bs-theme-rounded) 0 0; -moz-border-radius: var(--bs-theme-rounded) var(--bs-theme-rounded) 0 0; -webkit-border-radius: var(--bs-theme-rounded) var(--bs-theme-rounded) 0 0; } .table-theme-two .table-theme-two-row.table-theme-two-header .table-theme-two-col { padding: 10px; } @media (max-width: 991px) { .table-theme-two .table-theme-two-row.table-theme-two-header { display: none; } } .table-theme-two .table-theme-two-body { display: table-row-group; border-left: 1px solid var(--bs-theme-border-color); border-right: 1px solid var(--bs-theme-border-color); border-bottom: 1px solid var(--bs-theme-border-color); border-radius: 0 0 var(--bs-theme-rounded) var(--bs-theme-rounded); -moz-border-radius: 0 0 var(--bs-theme-rounded) var(--bs-theme-rounded); -webkit-border-radius: 0 0 var(--bs-theme-rounded) var(--bs-theme-rounded); } @media (max-width: 991px) { .table-theme-two .table-theme-two-body { display: block; } } .table-theme-two .table-theme-two-body .table-theme-two-row:nth-child(odd) { background: var(--bs-theme-soft); } .table-theme-two .table-theme-two-body .table-theme-two-row:last-child { border-radius: 0 0 var(--bs-theme-rounded) var(--bs-theme-rounded); -moz-border-radius: 0 0 var(--bs-theme-rounded) var(--bs-theme-rounded); -webkit-border-radius: 0 0 var(--bs-theme-rounded) var(--bs-theme-rounded); } .user-game-item { display: flex; gap: 10px; align-items: center; } .user-game-item .img img { display: block; border-radius: var(--bs-theme-rounded-pill); -moz-border-radius: var(--bs-theme-rounded-pill); -webkit-border-radius: var(--bs-theme-rounded-pill); width: 30px; height: 30px; } .user-game-item .nick { font-weight: 600; } .news-detail-long { line-height: 1.8; } .news-list .news-item { border: 1px solid var(--bs-theme-border-color); border-radius: var(--bs-theme-rounded); -moz-border-radius: var(--bs-theme-rounded); -webkit-border-radius: var(--bs-theme-rounded); background: var(--bs-theme-bg-soft); } .news-list .news-item .img { display: block; } .news-list .news-item .img img { display: block; width: 100%; border-radius: var(--bs-theme-rounded) var(--bs-theme-rounded) 0 0; -moz-border-radius: var(--bs-theme-rounded) var(--bs-theme-rounded) 0 0; -webkit-border-radius: var(--bs-theme-rounded) var(--bs-theme-rounded) 0 0; } .news-list .news-item .content { padding: 20px; } .news-list .news-item .content .name { font-size: 18px; font-weight: 700; } .news-list .news-item .content .long { line-height: 1.5; margin-top: 5px; color: var(--bs-theme-text-soft); font-size: 13px; margin-bottom: 10px; } #particles-js { position: absolute; width: 100%; height: 100%; z-index: 1; bottom: 0; left: 0; color: #00dffc; } @media (min-width: 1024px) { .advertise-row { display: flex; } .advertise-row .left-advertise { width: 136px; } .advertise-row .left-advertise .advertise-item-wrapper { position: sticky; top: 100px; } .advertise-row .left-advertise img { display: block; width: 100%; border-radius: var(--bs-theme-rounded); -moz-border-radius: var(--bs-theme-rounded); -webkit-border-radius: var(--bs-theme-rounded); } .advertise-row .right-advertise { width: 136px; } .advertise-row .right-advertise .advertise-item-wrapper { position: sticky; top: 100px; } .advertise-row .right-advertise img { display: block; width: 100%; border-radius: var(--bs-theme-rounded); -moz-border-radius: var(--bs-theme-rounded); -webkit-border-radius: var(--bs-theme-rounded); } .advertise-row .advertise-content { width: calc(100% - 272px); padding-left: 15px; padding-right: 15px; } .advertise-bottom { position: sticky; bottom: 0; z-index: 99999; } } .advertise-vertical .advertise-item { display: block; } .advertise-vertical .advertise-item img { display: block; width: 100%; border-radius: var(--bs-theme-rounded); -moz-border-radius: var(--bs-theme-rounded); -webkit-border-radius: var(--bs-theme-rounded); } .advertise-closer { position: absolute; right: -10px; top: -10px; width: 30px; height: 30px; border-radius: var(--bs-theme-rounded-pill); -moz-border-radius: var(--bs-theme-rounded-pill); -webkit-border-radius: var(--bs-theme-rounded-pill); background: var(--bs-theme-bg-soft); display: flex; align-items: center; justify-content: center; z-index: 20; cursor: pointer; backdrop-filter: blur(10px); } .advertise-closer svg { display: block; width: 15px; } @media (max-width: 991px) { .left-advertise, .right-advertise { display: none; } .advertise-bottom .advertise-closer { display: none; } } .schema-color-picker { position: fixed; bottom: 20px; right: 20px; width: 400px; padding: 30px; background: rgba(0, 0, 0, 0.5); backdrop-filter: blur(40px); z-index: 99999; border-radius: var(--bs-theme-rounded); -moz-border-radius: var(--bs-theme-rounded); -webkit-border-radius: var(--bs-theme-rounded); } @property --gradient-angle { syntax: "<angle>"; initial-value: 90deg; inherits: false; } @keyframes rotate { 0% { --gradient-angle: 0deg; } 100% { --gradient-angle: 360deg; } } .btn-gold,.btn-primary.btn-gold{background:#d4af37!important;border:none!important;color:#fff!important;font-weight:700!important;border-radius:12px!important;padding:12px 24px!important;transition:all .2s ease}.btn-gold:hover,.btn-primary.btn-gold:hover{background:#c9a227!important;color:#fff!important;transform:translateY(-1px);box-shadow:0 4px 16px rgba(212,175,55,.4)} @import url("reduce-gaps.css");